自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 性能优化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关注的人

提示
确定要删除当前文章?
取消 删除