- 博客(4)
- 收藏
- 关注
RSS订阅原创 项目优化之nginx开启gzip压缩
项目优化之nginx开启gzip压缩vue项目webpack打包后vendor.js 大小1.3M，图片懒加载和路由懒加载都已经做好的情况下，首屏加载时间还是觉得太长，决定开启nginx的gzip功能进行传输压缩。优点：减少服务器带宽，缺点：增加服务器CPU压力。1、gzip功能是默认关闭的，且只默认对text/html进行压缩，so！配置一下吧。打开nginx中nginx.conf的配置文件gzip on; // 开启gzipgzip_min_length 1k; // 压缩起点，大于设置值的文件
2020-05-15 15:27:33
198
原创 VUE项目中懒加载v-html模板内的图片
VUE项目中懒加载v-html模板内的图片由于客户需要对项目进行优化，提出把商品列表和商品详情的图片做成懒加载，商品列表的好办，但是商品详情是返回的一段模板字符串，经过搜索资料之后发现其实实现方式非常简单，上代码！！！1、首先将模板字符串内img标签的src替换成data-src，这里有个坑就是replace不能替换原始数据data.description = data.description.replace(/src/g, 'data-src')2、在使用模板的标签内添加v-lazy-conta
2020-05-15 14:29:00
1074
3
原创 原生JS活动倒计时实现思路
原生JS活动倒计时实现思路由于一个活动页面里面有多个活动，所以用map去操作每一个对象，只有一个活动的话就不需要遍历了，活动分为距离活动开始和距离活动结束两个倒计时，自己可按需求增减代码。还有就是IOS不兼容时间用“-”连接，所以移动端的话要把“-”替换成“/”做一下兼容。由于一个活动页面里面有多个活动，所以用map去操作每一个对象，只有一个活动的话就不需要遍历了，活动分为距离活动开始和距离活动...
2019-08-02 10:57:57
721
转载 H5项目中常用的一些判断
H5项目中常用的一些判断判断是否在微信浏览器环境判断是否IOS设备判断是否Android设备判断手机号是否合法获取URL地址上的参数判断是否在微信浏览器环境isWxBrowser = function () { var ua = navigator.userAgent.toLowerCase() return (ua.match(/MicroMessenger/i) == "m...
2019-07-29 14:12:43
465
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人