工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容

我们知道，性能优化的一个指标就是打开网页的快慢，因为网页渲染得快能够给用户更好的体验效果。但当网速不给力的时候，难免会出现资源加载的问题。特别是加载图片的时候，本文主要讨论的就是有关图片加载的一些性能优化问题。 创建一个新的html文件,我们首先加载3张图片，来看看它的网络请求…

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

面试的时候被问到性能优化的面试题只会回答性能指标？面试官问你有没有具体案例的时候无法说出整个具体流程？看看这篇我的性能优化全流程，希望能帮到你！

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！

大家好，我是前端西瓜哥。 今天我们来学习用 devtool 的 Performance 和 Memory 工具来找出网页哪里发生了内存泄漏。 Performace 面板 首先我们打开浏览器的 devt

通过几个🌰，介绍内存泄露排查的几种思路，定位到引发内存泄露的具体位置，内存泄露理论基简介， 浏览器内存回收机制

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的