如果写了大量的 `if` 分支，并且可能还具有**分支套分支**，可以想象到整个代码的可读性和可维护都会大大降低，这在实际开发中，确实是一个比较头疼的问题，那有没有什么办法能够即实现需求又能避免...

001 浏览器的底层渲染页面篇 浏览器加载资源的机制 浏览器会开辟一个 GUI 渲染线程，自上而下执行代码，专门用于渲染渲染页面的线程。 遇到 CSS 资源 遇到 <style> 内联标签会交给 GU

考虑到日常开发中使用比较频繁，为了方便查找与回顾，整理此文。包括基础篇和扩展篇，比如：常见的求和、排序、取最大值等，还有扩展的清空数组、扁平化、去重、合并、重组等。请慢慢食用~

树结构（Tree）是一种典型的非线性数据结构，它是由 n (n > 0) 个有限节点组成的一个具有层次关系的集合。在实际的工作中，为了满足业务需求，需要把后端返回的扁平化的数组结构，转换成树形结构

性能分析 当页面中包含大量元素和复杂布局的时候，页面会有明显的卡顿感，会严重影响用户体验 常见场景：大数据量的列表渲染，如 无限滚动的列表 或 表格 卡顿根源：一次性渲染的 DOM 元素太多，导致性能

在一个长内容的页面中，当滚动到一定的距离时，会出现一个 "返回顶部" 的图标，点击会平滑的返回到页面顶部，有助于提升用户体验

在 Chrome 浏览器版本 85 中，新增了 content-visibility 属性，可以跳过非可视区域内的内容布局和渲染，直到用户需要它为止。目的是为了提升页面的加载性能，使得初始用户的页面加

通过 while 循环将数据源 source 搬家至目标数据 list 中，通过解构取出循环项 item 中的子级，以前置队列的方式放至 source 中，直到数据全部取完