Автор: dvcarrot
-
Vue: Оптимизация рендеринга длинных списков
Оптимизация рендеринга длинных списков в Vue.js — это важная задача, особенно когда речь идет о производительности приложения. Вот несколько подходов, которые помогут улучшить рендеринг длинных списков:
-
Vue: Создание гибкой таблицы в с использованием компонентов и слотов
В этой статье мы рассмотрим, как создать гибкий и переиспользуемый компонент таблицы в Vue. Особенность этого подхода заключается в том, что колонки и их слоты для кастомизации данных описываются внутри компонента колонки (MyTableColumn), что делает таблицу более декларативной и удобной для использования.
-
Vue: таблица с группировкой рядом стоящих строк с одинаковым значением
Создадим компонент GroupedTable, который будет принимать массив items и имя свойства, по которому будет происходить группировка.
-
Vue: таблица с прилипающей шапкой и горизонтальным скролом
В современных веб-приложениях таблицы часто используются для отображения больших объемов данных. Однако, когда таблица становится слишком длинной или широкой, пользователи могут столкнуться с проблемами навигации.
-
Vue: таблица со слотами для значений
В Vue.js использование слотов (slots) позволяет создавать гибкие и переиспользуемые компоненты, включая таблицы. Слоты позволяют вставлять произвольное содержимое в определённые места компонента. В случае с таблицей, вы можете использовать слоты для кастомизации отображения строк, ячеек, заголовков и других элементов.
-
PostgreSQL: сравнение decimal, double, real
В PostgreSQL для работы с числами с плавающей точкой и фиксированной точностью используются следующие типы данных
-
PostgreSQL: выбрать данные из другой таблицы через jsonb
Если у вас есть JSONB-поле, содержащее массив идентификаторов (ID), и вы хотите выбрать названия (или другие данные) из другой таблицы, соответствующие этим ID
-
SQL: Анализ выполнения запроса
Чтобы проверить, насколько хорошо написан SQL-запрос и эффективно ли используются индексы, можно выполнить следующие шаги
-
PostgreSQL: как работают индексы
Индексы в PostgreSQL — это специальные структуры данных, которые ускоряют выполнение запросов, позволяя быстро находить строки в таблице без необходимости полного сканирования (full table scan). Они работают аналогично оглавлению в книге: вместо того чтобы читать всю книгу, вы можете быстро найти нужную страницу.
-
Vue: как объявить debounce метод
В Vue.js вы можете объявить метод с debounce (задержкой) с помощью сторонних библиотек, таких как `lodash`, или вручную, используя `setTimeout`