丁哒哒

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。

前言 为什么要埋点？现在的互联网公司越来越关注转化、新增、留存，而不是简单的统计PV、UV。而完整的数据采集是一切的前提。 埋点包括在IOS、Android、H5、小程序等前端埋点，也包括后端业务埋点

ref就是比reactive好用，官方说的，不服来踩！我们从源码的角度分析，Vue3为什么推荐使用ref而不是reactive？大家认为呢，进来评论区一起讨论下！

在ECMAScript6之前，JavaScript语法中是不支持类的，导致面向对象编程方法无法直接使用，但我们可以通过function来实现模拟出类，在ES6出现了Class关键字，可以实现“类”

什么是瀑布流布局： 瀑布流布局（Waterfall Layout）,是一种常见的网页布局设计模式，特别是在基于feed或列表的界面中。它也被称为无限滚动或无限加载。

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…

实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知识，甚至是绝大部分前端知识。

经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：页面加载速度提升了整整48.5%！