Статии
HB's Thoughts Линк към статията
Малка блог система построен с Nuxt 4, фокусиран върху статии за Vue, Nuxt, TailwindCSS, TypeScript и фронт-енд разработка.
Простичък Vue плъгин за гео локация Линк към статията
Когато пиша плъгин, мисля за него, като самостоятелно парче код, което има собствена логика на работа и е независимо от мястото, на което ще се ползва. Това разбира се не е съвсем вярно, но при проектирането на плъгин, винаги изхождам от тази идея. Все пак всяка система има своя логика и архитектура, която трябва да се спазва - особено за изходящите данни.
Vue Router и Main файла Линк към статията
При стартиране на нов Vue проект, използвам Quick Start секцията на сайта на Vue. След това, задължително, правя няколко малки промени, преди да добавя проекта към Source Control банката.
Electron, TypeScript и Parcel Линк към статията
Документацията на Electron е изцяло за JavaScript, но това не пречи да си използвате TypeScript, с който да генерира този JavaScript. Трябва да се спазват няколко простички правила, и то основно в пътищата на зареждане на файловете. Подготвил съм и малко допълнение за front-end частта. Вместо стандартната за Electron HTML страница ще направя малка компилация с Parcel.
Логване на информация с Web Workers от Vue 3 към сървъра Линк към статията
Web Workers са малки, но мощни скриптове, които работят на 'заден план' в браузъра. И понеже не пречат на рендирането на приложението Ви, може да ги товарите с разни задачи, които да изпълняват.
Премахване на наклонената черта от адресната линия в Nuxt Линк към статията
Всяка страница във Вашия уеб сайт трябва да е с уникално съдържание. Ако имате втора страница с същото съдържание, то тежестта на информацията за търсачките се разделя между двете и това силно намалява шансовете им за по-ранно показване в резултатите от търсенето.
Динамичен manifest.json Линк към статията
Ако желаете потребителите на вашето уеб приложение да го „инсталират“ на своите устройства, достатъчно е да попълните manifest.json
файла. Има широка поддръжка от всякакви браузъри и операционни системи и е елементарно да се направи, за да се пропуска.
Nitro, i18n and Dev Proxy Линк към статията
Когато ползвате Nuxt, нормално е да използвате и Nitro, но понякога това не влиза в сценария, който са Ви подготвили. За API заявките отговаря друг beck-end сървър и за да може да си разработвате локално приложението, трябва да се настрои прокси.
Vue emits с параметри Линк към статията
Предаването на събитията във Vue от компонент, обратно към този, който го извиква става с emits. Предаването може да се направи и с Pinia или друга библиотека за управление на 'състоянието', но това ще е за някоя друга статия.
Parcel & Robots Линк към статията
Има различни начини, да окажете на ParcelJS, кои файлове са статични и не трябва да преминават през билд трансформацията, но ако са малък брой, можете да активирате transformers
плъгина и след това да ги окажете директно в билд скрипта в package.json
файла.