vue异步组件技术 vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。这种方式下一个组件生成一个js文件 用例： es提案的import() (推荐) webpack官方文档：webpack中使用import() vue官方文档：路由懒加载(使用import()) 用例： w ...
分类：
其他好文 时间：
2019-09-06 13:18:17
阅读次数：
107
在做单页面应用的过程中，通常利用webpack打包文件，将依赖的外部问价单独打一个vendor.js。这样就会有个问题，这个文件会随着你引用的包的增多，体积会越来越大。在路由中利用import 引用文件可以将路由文件单独打包成小块的文件。 同样在引用比如 echarts 等文件的时候 可以利用 im ...
分类：
Web程序 时间：
2019-09-04 21:52:39
阅读次数：
207
组件懒加载也叫按需加载； 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 打包 build 后的 dist 中 js 包文件太大，影响页面加载速度，使用 vue 的异步组 ...
分类：
其他好文 时间：
2019-08-30 17:15:42
阅读次数：
158
一、vue的异步组件加载 使用异步组件加载，打包的时候会将每个组件分开打包到不同的js文件中： 二、ES新提案：import()——动态加载ES模块 官方推荐使用这种方式，注意如果你希望在Vue router 的路由组件中使用这种语法的话，你必须使用 Vue Router 2.4.0+ 版本。 三、 ...
分类：
Web程序 时间：
2019-08-29 15:51:50
阅读次数：
233
偶然间看到一款不错的移动端vue组件库Vant，照着官方文档敲了一下，感觉还是不错的。想着以后的项目中可能会运用到，特此记录下，方便之后使用。 现在很多的组件库为了减小代码包体积，都支持按需加载了。Vant作为一款优秀的移动端vue组件库，自然也是支持的。由于当下手机设备屏幕尺寸不一，做移动端的We ...
分类：
其他好文 时间：
2019-08-20 12:58:30
阅读次数：
339
参考文章：http://www.cocoachina.com/articles/11968 总结： 提前计算并缓存好高度（布局），因为heightForRowAtIndexPath:是调用最频繁的方法； 异步绘制，遇到复杂界面，遇到性能瓶颈时，可能就是突破口； 滑动时按需加载，这个在大量图片展示，网 ...
分类：
移动开发 时间：
2019-08-19 18:58:27
阅读次数：
168
按需加载需要的包 babel-plugin-import 装饰器语法需要的包 @babel/plugin-proposal-decorators dva框架 将.webpackrc 改成.webpackrc.js然后具体配置 在 creat-react-app创建的脚手架配置 建个.babelrc ...
分类：
移动开发 时间：
2019-08-18 18:06:24
阅读次数：
324
1.暴露出配置文件 yarn eject 2.安装yarn add less less-loader antd babel-plugin-import (less需要在2.7.3版本和3.0之间。yarn add less@2.7.3) 3.在webpack.config文件中配置 http://w ...
分类：
Web程序 时间：
2019-07-23 14:56:41
阅读次数：
122
前端模块化 为什么要使用的模块化开发 1.之前我们所用的传统开发将整个网页的效果都写到一个js文件，这样或导致耦合度过高，代码关联性太强，不便于后期维护，还会造成全局污染 2.功能化的js文件会导致发生的请求次数过多，依赖模糊，也难以维护 3.模块化开发会减少代码的关联度，部署方便，按需加载，避免命 ...
分类：
其他好文 时间：
2019-07-05 09:43:06
阅读次数：
106
一.为什么要使用的模块化开发 1.之前我们所用的传统开发将整个网页的效果都写道一个js文件，这样或导致耦合度过高，代码关联性太强，不便于后期维护，还会造成全局污染 2.功能化的js文件会导致发生的请求次数过多，依赖模糊，也难以维护 3.模块化开发会减少代码的关联度，部署方便，按需加载，避免命名冲突， ...
分类：
其他好文 时间：
2019-07-04 21:27:39
阅读次数：
158
