所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

vite 不支持ie11 创建项目 命名： 选择要创建的框架，这里选择vue 选择语言 这里用TypeScript或者javaScript都可以 这样一个vite2+vue3项目就创建完成了 cd 项

各种资源的列表详情：（转自官方文档https://github.com/ecomfe/echarts/blob/master/index.js）仅供参考

至于为什么要设置timeout 因为aside收起时有一定的动画效果，要等动画效果结束后，再渲染。

首先你需要有个Vue+Webpack项目如题安装SASS依赖包在build文件夹下的webpack.base.conf.js的rules里面添加配置在模块中使用

怀着激动的心情，我打开了demo的index，看明白了相关代码，看了看相关的资源文件后，心想，得，往自己的项目中引吧。以下是index中的资源文件。 由于我们的项目是由Vue+Webpack构建起来的，正常的资源文件都是使用cnpm下载，并且在Vue的配置中引用的，偶尔的几个资…

随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨…

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…

这里单页面组件的书写采用的是 vue-property-decorator 库，该库完全依赖于 vue-class-component ，也是 vue 官方推荐的库。 @Emit()不传参数,那么它触发的事件名就是它所修饰的函数名. watch 是一个对象，对象就有键，有值。 …