异步路由长啥样？ 原理不做过多介绍（大家都知道），直接上代码了 一般来说，只有SPA需要异步路由。当配置了异步路由，通过split chunk，打包后都会生成单独的chunk，以webpack为例，建

$scopedSlots插槽名称对应的是render函数这种设计是更加合理的，所以在Vue3中$slots也设计成了对象里面插槽名称对应的是渲染插槽内容的render函数

组件性能问题 在数据量大的时候，cascader/tree这类的列表加载缓慢，滚动卡顿，操作延迟。 下图是2000条数据的时候： 密密麻麻的节点： 绚丽多芬的火焰图： 从上面的火焰图可知卡顿的clic

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除

简单实现利用manualChunks属性来手动配置基础的业务打包配置，并从中窥视rollup打包的秘密

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化，CommonsChunk…

前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。