Разработка




Найти заблокированный файл в папке в .Net

.Net Core

В сервисе, который перемещал по полученному сообщению директорию из одного места в другое, часто была ошибка перемещения. Самая распространенная - файл в директории кем-то открыт. Вопроса два - какой файл и кто держит.

(далее...)

Эффектный join массива объектов с фильтрацией по условию в строку

TypeScript

Для передачи параметров через Get нужно было собрать строку из выбранных значений Checkbox. В проекте использовал Checkbox из Fluent UI, но подход аналогичный для другого компонента. Собственно, здесь даже не про React, а про TypeScript.

(далее...)

Поиск максимума и подсчет количества из массива объектов с помощью reduce

TypeScript

Сейчас много работаю с TypeScript и потому иногда пишу методы, которые могу не сразу вспомнить, если потом переключусь, к примеру, на NetCore проект. Потому для потенциального освежения памяти в будущем запишу пару полезных примеров использования reduce - поиск максимума и подсчет количества в массиве объектов.

(далее...)

Мой путь к собственному Timepicker компоненту для React и NPM. ABUIDevKit

При разработке фронтенда на React часто возникает проблема поиска подходящих компонентов, которые не конфликтуют с уже используемыми решениями. Столкнувшись с этой проблемой, я решил создать свой собственный компонент для ввода времени — timepicker. Он позволяет вводить данные несколькими способами: с помощью цифр на клавиатуре, стрелками вверх-вниз на клавиатуре и аналогичными кнопками в интерфейсе. Это делает компонент гибким и удобным для пользователей с разными предпочтениями.

(далее...)

Фон с закруглением для тэга <tr>

Фон в полоску с помощью CSS

Ячейка с закругленными краями выглядит эффектно и часто сильно добавляет карме к интерфейсу сайта. Закругления добавляют элементу мягкости, создают ощущение гармонии. В современных дизайнах закругленные углы часто используются, чтобы придать интерфейсам и объектам более современный и стильный вид.

(далее...)

AI перепутал Splice и Slice

TypeScript

Если вы когда-либо сталкивались с JavaScript, вероятно, слышали о методах slice и splice. Но что, если я скажу вам, что они имеют совершенно разные назначения и использование одного вместо другого может привести к непредсказуемым результатам. Вчера я минут 20 не мог понять, почему код правильный, а данные нет 🙂 Подвела авто-коррекция в VS Code.

(далее...)

Гибкий и простой экспорт в Excel для .Net

.Net Core

В очередной раз мне нужно сделать экспорт в Excel. И на этот раз есть требования к шаблону - цвета, форматирование и прочее. Не так давно я реализовал экспорт в Excel с помощью пакета XLSX для React, но он был отрисован на клиенте. Это решение хорошо, но имеет много ограничений. В частности, в бесплатной версии нельзя было использовать форматирование. Да и генерировать большие объемы на клиенте не очень хорошо. Поэтому я начал искать другое решение.

(далее...)

Как сравнить 2 даты в TypeScript / JavaScript

TypeScript

Переменная типа Date - это объект в JavaScript и TypeScript. Когда у вас появится свободное время, попробуйте сравнить 2 объекта, не обязательно дату, вы найдете много интересного 🙂 Не буду умничать и скажу, что сравнивать нужно не объекты, а их свойства.

(далее...)

Как сделать компонент TextField в Material UI маленьким

React Material UI MUI

Чтобы изменить размер компонента TextField в Material UI, вы можете сделать несколько вещей. Базовая модификация очевидна, но другие не так просты. По умолчанию компонент TextField довольно большой, и сделать его меньше - обычная задача.

(далее...)

Сделать экспорт в Excel – простой способ на React

Данные на сайтах часто выкладываются в красивом, но не всегда удобном формате. В Excel можно обработать данные - сортировать, фильтровать, делать расчеты, подготовить статистику или отчет с помощью сводных таблиц – очень много чего. Базовая версия описанного ниже экспорта в Excel из приложения React потребует не более 5 минут.

(далее...)

MarkiMarta.ru. Записки отца-программиста" с 2009 г.
Категория информационной продукции 18+
Яндекс.Метрика