性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

Nodejs生态通过npm包的形式复用代码,目前累计有超过100多万个开源可用的包。我们遴选了30个常用的nodejs安装包，让您免于重新发明轮子。

本文将带大家学习使用前端开发神器-charles，从基本的下载安装到常见配置使用，为大家一一讲解。 截取 Http 和 Https 网络封包。 支持重发网络请求，方便后端调试。 支持修改网络请求参数。 支持网络请求的截获并动态修改。 支持模拟慢速网络。 点击Proxy->Sta…

场景二：微信环境内调用微信支付等，需要验证域名（http://aaa.bbb.com）才能调试。改一行代码我就发布上去?好麻烦啊。 1. Mac上安装证书 2. 信任证书 3. 开启Mac OS proxy 4. 把需要代理到域名添加到 SSL Proxying 5. 抓 ht…

Charles 是在 PC 端常用的网络封包截取工具，在做移动开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。除了在做移动开发中调试端口外，Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能，Charles 还可…

Hot Module Replacement，简称HMR，无需完全刷新整个页面的同时，更新模块。HMR的好处，在日常开发工作中体会颇深：节省宝贵的开发时间、提升开发体验。

webpack性能优化中必不可少的一环就是externals，本文详细阐述externals的使用场景以及如何使用

工欲善其事，必先利其器！ VSCode作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集40+插件，总有几款你还未曾拥有。

Markmap 支持直接将 Markdown 语法内容按照标题到内容的顺序渲染为 SVG 格式的思维导图，渲染出来的导图可缩放、也可展开收起子节点，样式也非常美观。