一次真实的打包分析，揭开“按需引入”到底骗了我们多久 前端团队最爱说“我们用的是 lodash-es，按需引入，tree shaking 肯定没问题”，但项目打包结果却往往让人失望。 我自己的项目里，

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

前言 最近都在准备面试，好久没有写文章总结知识点了，这个点也是在面试中常见的问题：你了解Vue/React的hooks么？ 这个时候我们可不能蒙啊,应该很有底气的和面试官说，hooks？那不是很简单嘛

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条数据可能会导致页面卡顿、响应

图片的懒加载 首先，让我们来看传统的图片一次性全部加载； 它会一次性加载所有的图片，这对浏览器的页面加载是不友好的。这是为什么呢？ 浏览器会做什么？ 这是因为浏览器的工作机制，当我们访问一个网页时；

越來越发现前端工程中性能的重要性。不管使用什么技术栈，性能优化都是绕不过去的问题。 优化性能之前，首先要知道如何查看网页性能。 chrome 浏览器提供的performance就是一个最常用的工具。 点击面板左上方圆形按钮开始记录，然后操作页面，一段时间之后在面板上点击停止，即…

前言 生产环境中，将项目依赖的一些第三方包替换成通过 cdn 方式外部加载，而不是打包到 vender，对于提升应用的加载、响应速度很有意义，下面我们一步步的实现这点 1. 查看打包后的资源情况 首先

最近为团队简历筛选、面试了 200 多个候选人，我似乎找到了 Offer 密码 学历，这个无需多言，本科普通的同学考个比较好的研究生最起码简历不会被筛了 大厂工作经历，学历好 + 有大厂工作经历的同学