- 博客(3)
- 收藏
- 关注
RSS订阅原创 性能优化gzip压缩
gzip压缩可以提升资源加载40%以上得性能。gzip压缩需要资源为.gz得文件。同时服务器需要设置开启gzip压缩。本文介绍webpack构建得项目中开启gzip压缩，以及nginx配置gzip。 如下是开启gzip压缩前后得网页加载对比 由上图可知，vendor的那个js加载时间从8.64s缩短到了4.82秒，可见gzip压缩对于性能提升的作用很大。 1、webpack开启gzip压缩 在...
2019-04-26 14:35:03
1146
原创 图片懒加载
图片懒加载在一定程度上可以大大优化性能，增强用户体验。主要就是当图片在可视区域时再加载真实的图片，不在时用一张图片代替。 具体代码如下： //节流函数用于滚动时避免多次执行加载图片函数 var throttle = function(){ //获取第一个参数 var isClear = arguments[0],fn; //如果第一个参数是boolean类型那么第一个参数则...
2019-04-10 15:51:45
314
原创 ES6变量的解构赋值
ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构赋值。 1.数组的解构赋值 如下： let [a,b,c,d] = [1,2,3,4] a // 1 b //2 c //3 d //4 let [e, [[f], g]] = [1 , [[2], 3]]; e //1 f //2 g // 3 如果解构不成功那么变量的值就是undefined l...
2019-04-05 16:29:49
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人