2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

注意：HMR功能对js的处理，只能处理非入口js文件的其他文件。 ​ 1. eval-cheap-source-map hash：每次wepack构建时会生成一个唯一的hash值。 问题:因为js和css同时使用一个hash值。 如果重新打包，会导致所有缓存失效。 chunkh…

今天从性能优化的角度再来看看从URL到页面展示，前两篇是从URL到页面展示的流程说起，中间过程发生了什么，并没有突出性能优化点，当然若不知其中间发生了什么不知其原理又谈何性能优化，所以若是还没看过之前的两篇笔记，可以先结合之前两篇一起看。 为了整理这一篇文章，特意在掘金上购买了…

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成…