Публикации по теме 'vuejs'


Создание круговой диаграммы SVG с помощью Vue.js
Создайте с помощью пары строк кода свою полностью настроенную круговую диаграмму, а не импортируйте библиотеку 80 КБ. Vue.js Vue - это простой и минимальный прогрессивный фреймворк Javascript. Это такая легкая библиотека (20 КБ минимизирована и сжата) по сравнению с Angular 2 и ReactJS. Имея промежуточное понимание HTML, CSS и JS, вы можете приступить к работе с Vue. Vue-cli Инструмент с нулевой конфигурацией для быстрого запуска вашего приложения Vue. npm i -g vue-cli..
Отображение изображений, таких как Google и Flickr, с помощью Vue.js
Если вы используете веб-сайты поиска изображений, такие как Google Image Search или Flickr, вы заметите, что их изображения отображаются в виде сетки, которая выглядит как стена из кирпичей. Изображения неравномерны по высоте, но равны по ширине. Это называется эффектом кладки, потому что выглядит как стена из кирпича. Чтобы реализовать эффект каменной кладки, мы должны установить ширину изображения, пропорциональную ширине экрана, и установить высоту изображения, пропорциональную..
Зачем использовать Nuxt.js, фреймворк, основанный на другом фреймворке?
В современном мире все веб-сайты стараются предоставить своим пользователям лучший опыт. Они оптимизируются и украшаются красивой графикой, чтобы привлечь внимание посетителей и выделиться среди множества других сайтов. Такие подходы, как прогрессивные веб-приложения и одностраничные приложения, становятся все более и более популярными при разработке веб-сайтов, поскольку они могут повысить производительность сайта и сделать его работу более плавной, тем самым улучшая взаимодействие с..
ESLint для Vue.js
tl;dr Вставьте эти настройки в VS Code и настройте ESLint. // Workplace settings.json { "eslint.enable": true, "editor.formatOnSave": true, "[javascript]": { "editor.formatOnSave": false, }, "[vue]": { "editor.formatOnSave": false, }, "eslint.autoFixOnSave": true, "eslint.alwaysShowStatus": true, "eslint.validate": [ { "language": "javascript", "autoFix": true }, { "language": "javascriptreact", "autoFix": true },..
Изучение Vue.js
Имея опыт создания веб-приложений, сначала используя только HTML, CSS и немного JavaScript, а затем работая с Wordpress, а затем со средой React.js , в последнее время я также стал больше интересоваться Vue.js . Теперь я надеюсь сделать это интересным и информативным для вас, чтобы следовать за мной в моем путешествии по изучению Vue. Что такое Vue ? Это JavaScript Framework для создания внешнего интерфейса веб-приложений. Другие подобные или хорошо известные фреймворки..
Как использовать панели инструментов в Vuetify
Панели инструментов — один из основных способов навигации по веб-приложениям. В этой статье мы узнаем, как Vuetify позволяет нам создавать и настраивать панели инструментов для пользовательского интерфейса. Компонент v-toolbar Мы создаем панели инструментов в Vuetify с компонентом v-toolbar . <template> <v-app> <v-toolbar class="flex-grow-0" color="red accent-2"> </v-toolbar> </v-app> </template> <script> export default {..
Усильте свой блог с помощью Nuxt Content
от Чудо Оньенма Сообщество Nuxt наконец-то выпустило модуль Nuxt Content (или просто Content) для Nuxt 3. Content v2 поставляется с несколькими новыми функциями и улучшениями DX, которые делают использование CMS на основе файлов проще простого. Это важно, поскольку позволяет разработчикам управлять контентом и создавать сайты на основе контента, такие как блоги и документация, без необходимости управлять базой данных. В этой статье мы рассмотрим модуль Content v2, что нового,..