![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程
文章平均质量分 76
前端同学
学习为主,兴趣为辅,致力于向前端更深层次发展。
展开
-
webpack配置优化
多进程打包,可以大大提高构建的速度,使用方法是将thread-loader放在比较费时间的loader之前,比如babel-loader。由于启动项目和打包项目都需要加速,所以配置在webpack.base.jscache-loader缓存资源,提高二次构建的速度,使用方法是将cache-loader放在比较费时间的loader之前,比如babel-loader,由于启动项目和打包项目都需要加速,所以配置在webpack.base.js开启热更新比如你修改了项目中某一个文件,会导致整个项目刷新,这非原创 2022-06-23 16:35:11 · 687 阅读 · 0 评论 -
白屏时间、首屏时间
浏览器显示第一个字符或者元素的时间可使用 Performance API 时白屏时间 = firstPaint - performance.timing.navigationStart;白屏时间 = firstPaint - pageStartTime;首屏时间是指用户打开网站开始,到浏览器首屏内容渲染完成的时间,dom处于比较稳定的阶段。对于用户体验来说,首屏时间是用户对一个网站的重要体验因素。通常一个网站,如果首屏时间在5秒以内是比较优秀的,10秒以内是可以接受的,10秒以上就不可容忍了。超过1原创 2022-06-10 16:28:42 · 1048 阅读 · 0 评论 -
前端生产环境调试工具sourcemap的使用
sourcemap简介当我们的应用程序部署到生产环境时,我们发现它与我们在开发环境时的代码不同。我们的代码在构建过程中会以各种方式进行修改和优化。TypeScript 被转译、压缩。生成的 JavaScript 包尽可能小并且能够在浏览器中正常运行。所有这些步骤都很有效率,它们提高了我们应用程序在生产环境下的性能。但是当我们需要在生产环境下调试代码时它对我们产生了很大的障碍。sourcemap配合Chrome 开发工具可以为我们提供一个debug线上项目的功能sourcemap配置vue-cli原创 2022-04-02 16:08:05 · 7031 阅读 · 1 评论