性能优化，有时候看起来是一个比较虚的技术需求。除非代码慢的已经让人无法忍受，否则，很少有公司会有觉悟投入资源去做这些工作。即使你有了性能指标数据，也很难说服领导做一个由耗时300ms降低到150ms的

字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……

基于Chrome Devtools Performance进行性能分析与优化，提升大约60%的体验。

据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…

虽然 React 提供了Virtual DOM/DOM Diff  等优秀的能力来提高渲染性能，但是在实际使用过程中，我们经常会遇到父组件更新，不需要更新子组件的场景，此时必须考虑利用 React 的

无状态的组件可以标记为函数式组件优化性能，函数型组件中，生命周期的耗时处理将不再操作，会作为一个函数进行处理，所以整体页面的效率会提高