木卫三

前言 为什么要进行代码质量检查呢，原因有三： 一些常见代码问题，如果在编译或运行时不能及时发现，代码中的语法问题会直接导致编译或运行时错误，影响开发效率和代码质量； 统一代码习惯，每一个团队或个人都会

虽然当代浏览器在渲染 DOM 树的时候。遇到 img 并不会阻碍 DOM 树的渲染（浏览器会开辟HTTP线程请求图片资源文件），但是在生成 RENDER TREE 后，浏览器进行渲染的时候，会把渲染树和图片一起进行绘制，这时就会遇到一些影响性能的（影响页面第一次加载的速度）问题…

HTTP 缓存是指一个 HTTP 资源（如html页面，图片，js，数据等）存在于 HTTP 服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候，如果是相同的 URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务…

要会优化必须先学会统计分析。 使用 webpack 内置的 stats构建统计信息。 使用 speed-measure-webpack-plugin可以看到每个 loader 和插件执行耗时。 业务里面的组件代码大小。 使用字符串方法替代正则表达式。 会将它及它的依赖分配给 w…

uglify 阶段被擦除掉。 使用：webpack 默认⽀支持。 · production mode的情况下默认开启。 大量作用域包裹代码，导致体积增大（模块越多越明显），运行代码时创建的函数作用域变多，内存开销变大。 打包出来的是一个IIFE ，modules 是一个数组，每…

文件监听是在发现源码发生变化时，自动重新构建出新的输出文件。不用手动重新构建和刷新浏览器。 在配置webpack.config.js 中设置watch: true。 轮询判断文件的最后编辑时间是否变化。 某个文件发生了了变化，并不会立刻告诉监听者，⽽而是先缓存起来，等aggre…

随着前端的不断发展与壮大，前端变得越来越复杂，组件化、模块化、工程化、自动化成了前端发展中不可或缺的一部分，具体到前端工程化，面临的问题是如何提高编码->测试->维护阶段的生产效率。 前端工程化是使用软件工程的技术和方法来进行前端项目的开发、维护和管理。 前端不仅要保证功能还要…

函数库，使得编写Web 应用变得得心应手。 最近在学习和使用 koa2 框架的过程中，对于它的ctx参数对象以及基于洋葱模型处理中间件的方式很感兴趣，所以查阅了大量的资料和视频，看了一部分源码。差不多弄明白了它的ctx参数和它怎样处理回调函数。 接下来，我们通过js来实现一个简…

前端权限的控制本质上来说，就是控制端的视图层的展示和前端所发送的请求。但是只有前端权限控制没有后端权限控制是万万不可的。前端权限控制只可以说是达到锦上添花的效果。 尽可能排除不必要清求，减轻服务器压力。没必要的请求，操作失败的清求，不具备权限的清求，应该压根就不需要发送。请求少…