桃花兰岛主

使用Fragment减少层级 JSX中不要定义函数 不要这样 要这样 因为jsx会变化很频繁，如果一直频繁去创建函数，就会狠消耗性能 要在构造函数中使用bind sholdComponentUpdat

render componentDidMount componentDidUpdate componentWillUnMount 参考 从源码理清 useEffect 第二个参数是怎么处理的

虽然这并不符合React的设计原则，也就是声明式编程，但是有些傻逼面试官还是会问你怎么调用，所以也得总结一下。 类组件：React.createRef()、props传递方法，得到子组件的this 函

vue2生命周期 vue3生命周期 除了beforeCreate和created（被setup方法本身代替），共有9个Options API生命周期相对应的方法可以在setup中使用。 onBefor

语义化标签有哪些 header、nav、main、article、section、aside、footer、h1-h5、ul、ol、li、a、p、span、table、button、input、tex

防抖 多次触发，最后一次 n 秒后执行 使用场景 登陆、发短信避免用户点击太快，以至于发送了多次请求 调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多 文本编辑器实时保存 表单验证：在表

新增元素 语义化更好的标签元素 结构元素： article aside：文章侧边栏 header hgroup：被用来对一系列<h1> - <h6> 元素进行分组 footer figure:标签规定

transition（过度） 包含四个属性 transition-property:执行变换的属性 transition-duration：变换延续的时间 transitino-timing-func

回流（Reflow） 浏览器为了重新渲染部分或全部文档而重新计算元素的几何属性的过程。这包括了元素的尺寸、位置、布局和页面的结构。回流是一种比较昂贵的操作，因为它会触发浏览器重新计算并重新绘制元素，可