Разработка

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

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

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

HTML, CSS, JS

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

TypeScript

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

Javascript

Запуск PostgreSQL в Docker

Docker

Для запуска PostgreSQL в Docker я использую официальный образ ‘postgres’ с сайта https://hub.docker.com/_/postgres. Вы можете запустить его так, как описано в документации, но я предпочитаю использовать docker-compose. Для меня этот способ более гибкий и позволяет мне избежать ошибок при запуске из командной строки. Read more»

SQL и базы данных

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

.Net Core

В очередной раз мне нужно сделать экспорт в Excel. И на этот раз есть требования к шаблону — цвета, форматирование и прочее. Не так давно я реализовал экспорт в Excel с помощью пакета XLSX для React, но он был отрисован на клиенте. Это решение хорошо, но имеет много ограничений. В частности, в бесплатной версии нельзя […] Read more»

.Net и C#

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

TypeScript

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

Javascript

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

React Material UI MUI

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

HTML, CSS, JS

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

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

Javascript

Как получить N записей в запросе со смещением для постраничного вывода

Когда работаешь с очень большим объемом данных, то может не получится сделать постраничный вывод на стороне клиента и придется дробить запросы на вывод N записей. Ниже пример SQL запроса, который позволит это сделать. Код для MSSQL сервера (Transact-SQL). Read more»

SQL и базы данных

Push, pop, shift, unshift — простые методы по добавлению и удалению элементов массива в Javascript / Typescript

Очередная шпаргалка для Fullstack разработчика — сводная таблица по добавлению и удалению элементов массива. Когда надо добавить элемент в начало массива, когда в конец, или наоборот — удалить элемент. Ниже 4 базовых метода для добавления или удаления элементов. Read more»

Javascript

В C# вывести дерево файлов и папок

Для отслеживания изменений в списке файлов решил написать утилиту, которая будет каждый день записывать дерево папок и файлов, а потом сравнивать с предыдущим значением. Пока думал, как написать рекурсивную функцию по построению дерева, нашел более просто решение. Read more»

.Net и C#

Популярные записи