React

学习完本文，你可以掌握的知识：1.词法环境；2. 闭包的产生以及闭包带来的问题 3.React函数式组件为什么会遇到闭包过期 4.React函数式组件中如何解决闭包过期；

分享一个利用`IntersectionObserver API`实现的无限滚动Hook，如图所示，当我们滑动到底部时就会加载数据，当数据全部加载完后，将不能继续加载了。

引入`dom-to-image`，结合Canvas以实现截图换肤功能🤩， 实际上这里的canvas截屏换肤只是一个动效。

1. React Context 2. CSS变量 + className切换 3. 使用CSS变量 + CSSStyleDeclaration.setProperty() 4. 特殊的canva

如何实现埋点？ 埋点（Burying Point，BP）：将用户在网站中的某些交互行为进行上报，从而收集对某些功能、页面的访问情况进行收集，进一步为产品优化、数据分析提供支持。

HOC (High Order Component) 高阶组件：一个函数组件，接收一个组件作为参数，返回一个新的增强的组件，可以为组件添加预定义的props，统一样式、逻辑

任何被用于告知组件需要渲染什么内容的函数 prop ，在技术上都可以被称为 render prop。

受控组件和非受控组件 一直以来在开发过程中，对受控和非受控组件的理解都不清晰，导致组件封装时总是没有清晰的逻辑，为此我看了几篇相关文章，感觉大家讲的都不是我想要的。