网上相关的文章鱼龙混杂，很多理解是有误的，希望大家在学习时，实践出真知。文中如有纰漏，欢迎指正~ 在webpack对模块进行打包时，将模块中未被使用的冗余代码剔除，仅打包有效代码，精简生成包的体积。 1. ESModule 前提是模块必须采用ES6Module语法，因为tree…

2018，工作快两年了，趁着春招的尾巴，面了几个大厂，现记录下这次的面试路程。 去美团面试时，在路上问路正好问到美团的同学，美女人很友好，直接带我上去了，哈哈。 此时我因为已经拿到了美团的offer，腾讯的面试当时自我感觉也挺有戏的，本来就不打算继续面试了，后来考虑各种因素还是…

Babel 是一个 JavaScript 编译器,它能将es2015,react等低端浏览器无法识别的语言，进行编译。 上图的左边代码中有箭头函数，Babel将进行了源码转换，下面我们来看Babel的运行原理。 解析（parse），转换（transform），生成（genera…

简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求，WEB服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本，直到指定的时间为止。 例如：Expires：Thu，15 Apr 2010 …

babel 是一个前端的代码转换工具，目的是为了让开发者使用ECMA最新的标准甚至一些在stage阶段的提案功能，而不用过多考虑运行环境的兼容性。

这是 HTTP 系列的第三篇文章，此篇文章为 HTTP 的进阶文章。 在前面两篇文章中我们讲述了 HTTP 的入门，HTTP 所有常用标头的概述，这篇文章我们来聊一下 HTTP 的一些 黑科技。 在 HTTP 中，内容协商是一种用于在同一 URL 上提供资源的不同表示形式的机制…

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…

1.vscode-color-highlight------颜色代码高亮插件。（sublime text也有） 2.vscode-Open in Browser------右键在浏览器打开。（sublime text也有） 3.vscode-Path Intellisense-…

在浏览器渲染过程与性能优化一文中（建议先去看一下这篇文章再来阅读本文），我们了解与认识了浏览器的关键渲染路径以及如何优化页面的加载速度。在本文中，我们主要关注的是如何提高浏览器的渲染性能（浏览器进行布局计算、绘制像素等操作）与效率。 很多网页都使用了看起来效果非常酷炫的动画与用…