Webpack 打包后的最终产物包含了各种支撑业务代码运行的运行时代码，了解 Webpack 运行时的运行机制，将更加有助于我们构建更加高效的自动化工具来加快前端工程化的实施。

Webpack 官网对 JavaScriptParser Hooks 的解释苦涩难懂，本文通过实例对所有 hook 的使用进行了全新解释，相信本文能够帮助你更好地掌握相关知识点。

上一篇总览 我们介绍了 webpack 整体的编译过程，这次就来分析下基础的 Tapable。 webpack 整个编译过程中暴露出来大量的 Hook 供内部/外部插件使用，同时支持扩展各种插件，而内部处理的代码，也依赖于 Hook 和插件，这部分的功能就依赖于 Tapable…

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。所以这篇文章中对…

项目背景项目模板使用的是基于Vue-cli3的vue-admin-template项目是单页后台项目属于中小型项目问题-首屏加载非常慢让我们看看没任何处理的测试包首屏加载竟然需要5-10s的加载时间!

1.不要将所有的数据都放在data中 2.watch 尽量不要使用deep:true深层遍历 3. vue 在 v-for 时给每项元素绑定事件需要用事件代理 4. v-for尽量不要

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

提起性能优化 很多人眼前浮现的面试经验是不是历历在目呢？反正，性能优化在我看来他永远是前端领域的热度之王。 而本渣最近维护的项目恰巧在这个方向下了很大功夫，一些经验之谈奉上，希望对大家有些许帮助！ 性