前言 在日常的前端开发中，总是涉及到对数据的处理，比如后端返给你一坨数据，你需要进行处理并回显到页面上，又或者提交form表单到服务端时，你需要将数据处理成后端接口定义的数据结构，而这些都离不开数据处

相信大家对于这个问题的八股文答案都倒背如流了，接下来两篇文章会带大家深入了解浏览器渲染流程的各个节点的实现。 通常我们写好的 HTML、CSS、JavaScript 等文件，经过浏览器的一系列处理漂亮

本篇文章总结一些CSS垂直居中的方法，例子用到的各个元素属性不做解释，详情请看MDN文档，非常的详尽，例子在chrome浏览器下完全好使，IE这个渣渣就不测了

因为一些原因（懂得都懂😉），于2022年底开始准备面试，在参考了一些大神的总结文章，结合自己收集的一些其他资料，汇总并整理了一份自己的复习资料，水平有限，如有不当之处还望指正并海涵。

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO

最近积累了3家公司的面试，想着与其存在草稿箱里发霉，还不如放它出来为大家发光发热，共同进步。设备像素比怎么算？动画效果需要注意什么？理解js单线程？

树形数据的一些相关处理方法 1. 递归查找当前节点 2. 递归获取当前节点及以下的所有节点id 3. 递归判断所有后代节点中有无此节点中的一个 4. 递归树形数据扁平化 5. 扁平化数据转树形数据结构