原则猫

背景：1. 公司要求项目首屏加载速率，要求为1.5s以内，在尝试将常用接口，全部缓存后，发现还是慢，最后通过打包分析工具，发现，拆包的文件，全部都集中到一个bundle.js文件，因此决定把一些较稳定

思维导图 基本理论 定义 装饰器就是一个方法或者叫函数，可以写到到类、方法、属性、参数，对象上，基于原有基础上扩展其功能。 为什么要用 从规范来讲，尽量少用继承，优先用对象进行扩充。 关键点在于切面：

背景 需要借助babel实现框架升级，同时也支持解决业内可视化圈选元素ID稳定性问题，中间会用到一些AST语法树相关点，记录并供需要babel核心点掌握以及运用点的同学如项目库升级插件，国际化等可以运

背景; 目前业务开发，除了迭代需求，之外其实更多的是维护工作，那么如何更高效，省力的迭代，以下是自己一些实践总结 代码组织层面 函数 有时为了省力气，会习惯把一堆业务逻辑，全部都杂糅到一个函数，里面，

针对与大部分前端，都是业务，前端，但我并不觉得，写业务的就没有做架构的难，很多业务开发，工期紧张的情况下 业务写的，难以理解，难以复用，对于开发自己也没有成长 初期学前端，没有太多对于框架思想的理解，

react 是什么 先来聊聊，这是个什么 案例1 页面显示一个按钮，点击后页面count变量加1 所以初步定义 react就是一个通过数据变化，操作dom 的工具 数据驱动视图（数据的变化改变视图）

核心框架 数据结构，均是数组和链表的存储--我理解其实就是，类似于二叉树，是用链表的思维，动态规划是用数组进行存储。 关键在于不重不漏的，遍历和访问，比如二叉树，动态，回溯算法 数据结构的存储方式 为

js 对象属性和数组元素的速度都比变量慢 也就是对于重复对象访问路径，要进行变量提炼 数据缓存 常用localsotrage ，项目里面用到了lru-cahce 因为，业务特殊性，调用接口次数受限，同

迭代器 迭代: 意味着,按照顺序访问元素 常见可迭代 string. map,set,Array,arguments 可迭代: 可以通过for of 来进行迭代 扩展运算,解构等 条件 只有具备 Sy