[1]图片格式 [2]PS保存 [3]懒加载 [4]懒加载进阶 [5]预加载 [6]Webp [7]CDN [8]Vue图片优化 ...
分类:
其他好文 时间:
2018-06-18 10:26:05
阅读次数:
169
Ionic3首次项目实践记录 Ionic3踩坑 1. 路由懒加载(lazy load) 如果设置了懒加载,就必须全部懒加载(包括TabsPage),否则会出现路由跳转后tabs消失的情况。 2. 通过ts来返回tabs的首页: 注意必须通过 ,不能到 ,否则,tabs会消失。 参见stackover ...
分类:
其他好文 时间:
2018-06-17 17:59:11
阅读次数:
241
cp from : https://blog.csdn.net/wyk304443164/article/details/77093339 没有考虑到兼容性,因为我们暂时只适配了webkit。 也没有考虑到懒加载,因为项目比较紧有需要加的朋友看react-lazyload,也比较简单,现成的轮子 ...
分类:
Web程序 时间:
2018-06-15 22:45:53
阅读次数:
489
原文:https://www.cnblogs.com/MrSi/p/8081811.html 懒加载LAZY和实时加载EAGER的概念,在各种开发语言中都有广泛应用。其目的是实现关联数据的选择性加载,懒加载是在属性被引用时,才生成查询语句,抽取相关联数据。而实时加载则是执行完主查询后,不管是否被引用 ...
分类:
其他好文 时间:
2018-06-13 11:42:39
阅读次数:
1342
数据渲染时,三层表达式如a.b.c需要思考一下会不会出现 undefined.属性的问题 解决办法:v-if 处理原对象中本无属性的情况,需要通过 Vue.set(对象,属性名,属性值)这样才会自动绑定 通过给路由添加meta的属性 meta: { showFooter: true } <Foote ...
分类:
Web程序 时间:
2018-06-12 00:47:28
阅读次数:
238
在main.js中引入vue-lazyload插件 并使用 注册插件: import VueLazyLoad from 'vue-lazyload' Vue.use(VueLazyLoad,{ loading:require('common/image/default.png') }) lazylo ...
分类:
其他好文 时间:
2018-06-11 12:00:34
阅读次数:
153
1.懒加载的作用和原理 在我们展示多图片的场景下,类似淘宝或者百度图片,由于图片的数目过多,全部从服务器请求会给用户糟糕的用户体验,为了提升用户体验,我们这里使用懒加载,随着下拉逐步加载。 每个图片的src会有一个get请求,我们把不能看到的图片src设置为相同的图片,这些图片发一次请求即可,设置属 ...
分类:
Web程序 时间:
2018-06-10 12:04:55
阅读次数:
196
一、路由懒加载 1、先安装 babel 动态引入插件 npm install --save-dev babel-plugin-syntax-dynamic-import 2、修改router/index.js 异步引入组件 3、修改 .babelrc 文件 二、开启gzip压缩 1、安装 gzip ...
分类:
其他好文 时间:
2018-06-09 00:07:04
阅读次数:
289
常见的几种SPA优化方式 减小入口文件体积 静态资源本地缓存 开启GZip压缩 使用SSR 减小入口文件体积 静态资源本地缓存 开启GZip压缩 使用SSR ..... 减小入口文件体积,常用的手段是路由懒加载,开启路由懒加载之后,待请求的页面会单独打包js文件,使得入口文件index.js变小,开 ...
分类:
其他好文 时间:
2018-06-08 11:54:42
阅读次数:
192