Vue中的选项式API和组合式API是两种不同的编写组件逻辑的方式。 选项式API(Options API): 基于对象(data、methods、computed、watch等)的API。 每个组件的选项是集中在一个地方的。 可能会导致组件变得庞大而复杂。 // 选项式API示例 Vue.component('my-component', { d…
process是 nodejs 下的一个全局变量,它存储着 nodejs 中进程有关的信息。process.env 是 Node.js 中的一个环境对象,其中保存着系统的环境的变量信息,可使用 Node.js 命令行工具直接进行查看。 而 NODE_ENV 就是其中的一个环境变量。这个变量主要用于标识当前的环境(生产环境,开发环境)。默认是没有这个…
随着前端技术的不断发展,前后端分离逐渐成为了主流开发模式。而Vue作为当下最流行的前端框架之一,其是否能被搜索引擎抓取成为了一个备受关注的话题。本文将从多个方面逐步分析Vue网站是否能被抓取,并探讨如何优化Vue网站以提高SEO效果。 Vue网站基本架构 Vue是一个轻量级、高性能的JavaScript框架,其核心思想是数据驱动和组件化。在Vue中…
最近在头疼vue项目打包的问题,看着辛辛苦苦写的项目写完后,打包到线上的用户体验很糟糕,实在是无地自容。后面接触了一些打包优化的方法,现在做一个开发总结,这个技术栈就是vue+element-ui+axios+echarts,使用webpack打包构建工具。 路由异步加载 Vue项目的页面是使用的虚拟路由,页面内容是靠vue-router配置的路由…
在这篇文章中,我们将对 6 款主流 Web 框架进行总结,包括我们所认为的强项和弱项。另外,我们为你留下了一些值得思考的问题。 我是否需要使用框架? 如果不尝试回答这个问题就是我们的失职,这越来越成为社会上某些人的口头禅,在网络平台上的争论也已经发展到犹如不需要额外编写 API 能更简单创建 Web 应用那样的地步。就像本系列中所有的内容一样,我们…
对前端开发者而言,想要记住所有的 API 是不可能的,本文涵盖前端开发的核心知识,以图表形式整合 JavaScript、React、Redux、Vuejs、Vuex、Angular 4、Flexbox、SCSS、Stylus、GraphQL 等必备技能,希望对众多开发者有所助益。 JavaScript ES2015+ 功能 ECMAScript 6…