08 2021 档案

前端性能优化一： 指标和工具
摘要：1. 为什么要进行性能优化？ 好处 用户体验会更好 搜索引擎排名更靠前 用户流量和粘性（Amazon发现每100ms延迟导致1%销量损失） 移动端的挑战 硬件、网速、屏幕尺寸、交互方式更丰富 碎片时间使用，更加缺乏耐心，>3s加载导致53%的跳出率（bounce rate） 移动互联网高速发展，移动 阅读全文
posted @ 2021-08-22 16:54 Better-HTQ 阅读(681) 评论(0) 推荐(0) 编辑
offsetWidth、offsetHeight、clientWidth、clientHeight对比总结
摘要：offsetWidth // 返回元素的宽度（包括元素宽度、内边距、边框，不包括外边距） offsetHeight // 返回元素的高度（包括元素高度、内边距、边框，不包括外边距） clientWidth // 返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距） clientHeight / 阅读全文
posted @ 2021-08-20 11:05 Better-HTQ 阅读(80) 评论(0) 推荐(0) 编辑
webpack 打包后代码 zip 压缩
摘要：背景 当我们完成前端项目的开发，准备部署到线上时，需要将打包的文件发送给部署的同事。为了节省发送时间，经常需要将打包生成的 dist 目录进行压缩后进行发送。 那么有没有办法，让项目打包后，自动生成一个 zip 压缩的文件呢？ 答案是肯定的，可以进行以下插件的安装和配置。 这样下次运行 npm ru 阅读全文
posted @ 2021-08-16 14:32 Better-HTQ 阅读(309) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示