路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。如： 1 const ...
分类：
其他好文 时间：
2020-04-12 14:10:06
阅读次数：
73
1. 在vue-router中使用import()来代替require.ensure()懒加载实现代码打包分离 const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue') const Bar = () => im ...
分类：
其他好文 时间：
2020-04-11 09:43:10
阅读次数：
58
大家在初期学习写网页的时候，可能会遇到这种情况，网站部署到服务器后，遇到图片本身较大时 会卡顿地从上往下加载，类似这样： 为了解决这种令用户不适的情况，我们可以用到懒加载和预加载 首先，懒加载和预加载不是什么高深的技术，只需短短几步，就能实现这样一个小功能从而提升用户体验。 懒加载和预加载是常用的w ...
分类：
其他好文 时间：
2020-04-10 22:24:10
阅读次数：
67
element中属性懒加载数据 default-expand-all属性：：是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 如果在表格头上加上一个按钮实现全部展开与收起 类似如图这种 默认是【全部展开】按钮，点击后，树状列表下所有数据为展示，按钮变为【全部收起】；点击【全部收 ...
分类：
其他好文 时间：
2020-04-09 16:46:33
阅读次数：
422
手机移动端在网络速度等方面的原因，我们浏览有大图片文章的时候存在体验不友好的情况，图片懒加载可以很好的弥补这一问题。出于移动端轻量化的考虑，本案例不用jquery，使用更为小巧的zepto.picLazyLoad.min.js，插件自己百度下载，下面开始eyou文章懒加载的具体优化使用。
分类：
其他好文 时间：
2020-04-09 10:40:43
阅读次数：
101
相信很多同学都会遇见这样一个问题，vue，开发的网页一直转圈，Vue不好吗，不是，一个小知识点让你的Vue网页如丝滑般流畅。 我在学vue的第一节课，也就是入门课时，就被老师教导分模块，分组件，接下来看下模块与组件如何优化吧 首先从全局来看，多个网页的路由文件使用路由懒加载，这样： { path: ...
分类：
Web程序 时间：
2020-04-07 20:17:13
阅读次数：
81
最简单的方法，用自定义的属性 <img class="lazy" data-original="https://image.guojiayikao.com/course/406.png!140" src="https://image.guojiayikao.com/course/406.png!14 ...
分类：
其他好文 时间：
2020-04-07 18:16:05
阅读次数：
60
懒加载即第一次用到的时候再去加载，之后加载一次，优化代码 重写属性的get方法 如： -（void）shops { if(_shops == nil){ // 第二次不会进来 // 加载数据 } return _shops;} 注意：在懒加载用，使用set方法，要不然会让懒加载死循环。 ...
分类：
其他好文 时间：
2020-04-06 23:32:33
阅读次数：
62
什么是单例模式 单例模式（Singleton Pattern）是一个比较简单的模式，实际应用很广泛，比如 Spring 中的Bean实例就是一个单例对象。 文章首发于作者微信公众号【码猿技术专栏】设计模式：单例模式，原创不易，喜欢的支持一下！！！！ 定义：确保某一个类 只有一个实例，而且自行实例化并 ...
分类：
其他好文 时间：
2020-04-04 13:11:25
阅读次数：
69
（1）代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key，且避免同时使用 v-if 图片资源懒加载 路由懒加载 当打包构建项目时，JavaScript包会变的非常打，影响页面加载。如果我们能把不同路 ...
分类：
其他好文 时间：
2020-04-04 11:43:56
阅读次数：
111
