Vue.js

vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。比如：我们有几个页面要显示用户名称和用户等级，或者显示用户的地理位置。如果我们不把这些属性设置为状态，那每个页面遇到后，都会到服务器进行查找计算，返回后再显示。在中大型项目中会有很多共用的数据，所以尤大神给我们提供了vuex。 (vuex官网)[ https://vuex.vuejs.org/zh-cn/ ] 小demo练手 引入vuex 学vuex我同样还是用的vue-cli模板 1.利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。 npm install vuex --save 需要注意的是这里一定要加上 –save，因为你这个包我们在生产环境中是要使用的。 2.新建一个vuex文件夹（这个不是必须的），并在文件夹下新建store.js文件，文件中引入我们的vue和vuex import Vue from 'vue'; import Vuex from 'vuex' 3.使用我们vuex，引入之后用Vue.use进行引用。 Vue.use(Vuex) 通过这三步的操作，vuex就算引用成功了 demo demo截图: 1.现在我们store.js文件里增加一个常量对象

前言 最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 性能分类 对前端工程性能的优化，我觉得可以分为两类： 站在用户视角的主观的可感知的性能。 站在开发者视角的可客观度量的性能。 感知性能 对于用户来说，用户的感知性能才是最重要的，简单讲，就是让用户感觉你的网站访问很快，并且感知性能没有衡量标准。 不过，凡事总有例外，如果一个页面的加载时间就会很长，我们也可以通过一些方式让用户觉得没有那么慢。 总之一句话，你的页面可以做的不快，但是你可以让你的用户觉得你很快。 客观性能 对于开发者来说，性能指标是可以客观度量的，我们可以通过一些手段来优化 Web 性能，使这些度量指标达到开发者设定的标准。 客观性能是指，从用户输入url开始，到下载、解析和执行所有资源以及最终绘制的整个过程的时间度量。 性能指标是个很复杂的标准，后续我会单独整理出一篇文章介绍性能指标。 构建优化 由于我司使用的是 @vue/cli ，所以许多webpack配置脚手架已经帮你完成了，我就不叙述了，这里只讲基于 @vue/cli 做的一些优化配置 gzip 压缩 gzip 压缩效率非常高，通常可以达到 70% 的压缩率，也就是说，如果你的网页有