所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

小即是快！如果你装的包有问题，可能是版本不兼容，真的坑... 速度分析（webpack5到目前还不支持），使用smp.wrap包裹。 2、利用 client 的长效缓存机制，命中缓存来消除请求，并减少向 server 获取资源，同时还能保证 client 代码和 server …

2019年中的时候做了一个爬虫以及页面，定时爬取掘金首页的文章进行过滤而筛选出更值得关注的文章，避免一直刷掘金去寻找，节约浏览时间。而且这个小站现在依旧工作着 👉 掘金热门 这两天之前买的阿里服务器到期了，续费价格遥不可及，所以打算把服务迁移到新的服务器。考虑到之前的数据没有…

缺点：颗粒度太粗，看不出问题所在。 思路：将react, react-dom, redux, react-redux基础包和业务基础打包成一个文件。 方法：创建一个单独的配置文件,一般命名为webpack.dll.js,使用DLLPlugin进行分包，DllReferenceP…

TypeScript是一种开源编程语言，在软件开发社区中越来越受欢迎。TypeScript带来了可选的静态类型检查以及最新的ECMAScript特性。 作为Javascript的超集，它的类型系统通过在键入时报告错误来加速和保障我们的开发，同时越来越多对的库或框架提供的type…

1. 基本原则：结构、样式、行为分离 标记应该是结构良好、语义正确。 Javascript应该起到渐进式增强用户体验的作用 。 在 web 项目中，使用连字符（-）来分隔文件名，可以提高可读性。例如：order-detail-view.js。确保不用大写字母开头，不要驼峰命名。…

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…