Как приятно выйти на пенсию и заниматься только пет-проектами...
Предпоследний - Библеистика
Фронт в целом занял где-то треть работы. Технически было много интересных моментов, особенно на бэке (сбор данных, нормализация, структурирование, размещение, организация/оптимизация передачи их на фронт, индексация, морфологический поиск и т.п.). Был (и есть) даже вариант, что сайт может быть полностью статичным, без бэка, даже с поиском.
В итоге сайт "сотки" и близко к ним выбивает на
Репозиторий
#pet
Предпоследний - Библеистика
Фронт в целом занял где-то треть работы. Технически было много интересных моментов, особенно на бэке (сбор данных, нормализация, структурирование, размещение, организация/оптимизация передачи их на фронт, индексация, морфологический поиск и т.п.). Был (и есть) даже вариант, что сайт может быть полностью статичным, без бэка, даже с поиском.
В итоге сайт "сотки" и близко к ним выбивает на
PageSpeedРепозиторий
#pet
Библеистика
Изучение Библии по контекстам с помощью Конкорданса Стронга
При рисовании графиков на фронтенде обычно используется два подхода -
Библиотеки для первого (
Если нужны несложные диаграммы, можно использовать
Специальная обертка для
#charts #svg
canvas и svgБиблиотеки для первого (
chart.js, uplot) предлагают больший функционал и детализацию, библиотеки для второго (frappe-charts, chartist) - намного меньший размер пакета и заметно лучшую производительность в браузере.Если нужны несложные диаграммы, можно использовать
SVGСпециальная обертка для
Vue не обязательна - все можно сделать в onMounted() через useTemplateRef().#charts #svg
Недавно понадобилось сделать график. Вроде простой, но перебрал несколько библиотек и не нашел подходящей - чтобы маркеры горизонтальные были, тултип, расположение по оси Х как надо, растягиваемый и т.п.
В итоге решил сделать сам используя третий подход - на
Времени на создание рабочего варианта (первая картинка) ушло меньше, чем на поиски и пробы готовых графических библиотек (четырёх).
К сведению любителей не изобретать эти чертовы велосипеды.
Ну и дальше можно закастомизировать по красоте как нужно именно тебе.
#charts
В итоге решил сделать сам используя третий подход - на
HTML и CSS. Времени на создание рабочего варианта (первая картинка) ушло меньше, чем на поиски и пробы готовых графических библиотек (четырёх).
К сведению любителей не изобретать эти чертовы велосипеды.
Ну и дальше можно закастомизировать по красоте как нужно именно тебе.
#charts
Бесплатные, доступные, опенсорсные и self-hosted альтернативы платным приложениям и сервисам
Notion -> Appflowy
Zoom -> Jitsi
Jira -> Plane
Airtable -> NocoDB
Vercel -> Coolify
Heroku -> Dokku
Firebase -> Pocketbase/Appwrite/Convex/Supabase
Shopify -> Prestashop
GitHub -> GitLab
Slack -> Mattermost
Salesforce CRM -> ERPNext
Dropbox -> NextCloud
Mailchimp -> Mautic
Trello -> Wekan
Docusign -> Docuseal
Calendly -> Cal dot com
Datadog -> Prometheus
Google Analytics -> Matomo
Microsoft Office 365 -> LibreOffice
Asana -> OpenProject
#software
Notion -> Appflowy
Zoom -> Jitsi
Jira -> Plane
Airtable -> NocoDB
Vercel -> Coolify
Heroku -> Dokku
Firebase -> Pocketbase/Appwrite/Convex/Supabase
Shopify -> Prestashop
GitHub -> GitLab
Slack -> Mattermost
Salesforce CRM -> ERPNext
Dropbox -> NextCloud
Mailchimp -> Mautic
Trello -> Wekan
Docusign -> Docuseal
Calendly -> Cal dot com
Datadog -> Prometheus
Google Analytics -> Matomo
Microsoft Office 365 -> LibreOffice
Asana -> OpenProject
#software
Для дебага в девтулзах браузера есть различные варианты, кроме
1.
2.
3.
4.
5. Также браузер позволяет симулировать
Ну и для реактивного
#debug
console.log()1.
debugger в коде остановит выполнение в этом месте2.
debug(funcName) - остановит при выполнении глобальной функции funcName3.
DOM Breakpoints позволят перехватить модификацию элемента4.
XHR Breakpoints - остановится при запросу определенного URL5. Также браузер позволяет симулировать
User Agent и локали.Ну и для реактивного
Vue не забываем про {{ someVar }} в шаблоне#debug
на vue писать довольно просто
берешь и пишешь, прям вот так
но если бывший ты реактер -
никак
денис любил ужасно пинью
глобальный стейт денис любил
но как-то понял всё и пинью
убил
#literature #creative
берешь и пишешь, прям вот так
но если бывший ты реактер -
никак
денис любил ужасно пинью
глобальный стейт денис любил
но как-то понял всё и пинью
убил
#literature #creative