react hook小案例效果图 案例说明使用mock数据完成嵌套表格的增删改查，两个表格主要是对菜单栏和右边内容区域的操作 代码说明1.对axios进行一个简单的封装，创建一个api文件夹，可以在这个文件夹下面分不同的模块，写入对应

一、JS代码规范1.关于命名普通命名采用小驼峰式命名 let userName = 'jack' 命名是复数的时候需要加 s，比如说我想声明一个数组 let names = new Array() 每个常量都需命名，这样更利于别人读懂含

IntersectionObserver1.场景需求：在项目当中经常会遇到列表的请求，比如当数据过多时就会造成卡顿，可以使用虚拟列表，插件有react-virtualized…,还可以使用intersectionObserver来进行优化，

集合由一个或多个确定的元素所构成的整体 首先，集合里的元素类型不一定相同。 你可以将商品看作一个集合，也可以将整个商店看作一个集合，这个商店中有人或者其他物品也没有关系。 其次，集合里的元素没有顺序。 我们不会这样讲：我想要集合中的第三个元

常见大屏分辨率 1366 * 768 ： 普通液晶显示器 1920 * 1080： 高清液晶显示器 2560 * 1440： 2K高清显示器 4096 * 2160： 4K高清显示器 1280 * 720： 笔记本（1920*1080分辨率

目录结构src目录下主要可以分为： api (存放api请求，文件名与模型名称基本一致，文件名使用小驼峰，方法名称与后端 restful 控制器一致) assets (存放静态资源) icons (手机端需要使用svg时，可用于存放，使用

装饰器装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，访问符，属性或参数上。装饰器函数的第一个参数，就是所要装饰的目标类。ES7 中的 decorator其实是一个语法糖， 依赖于 ES5 的 Object.defineProper

React1.在react中最多会存在两颗Fiber树，视图中的Fiber树(current Fiber)，和内存中构建的Fiber树(workInProgress Fiber) react应用的根节点会通过current指针，在这两颗Fi

1.react为什么要提供合成事件？官方文档的描述: SyntheticEvent 实例将被传递给你的事件处理函数，它是浏览器的原生事件的跨浏览器包装器。除兼容所有浏览器外，它还拥有和浏览器原生事件相同的接口 可以看出React 想实现一个

查看项目分析图 webpack-bundle-analyzer 2.多进程 HappyPack 注：由于HappyPack作者对js的兴趣逐步丢失，所以之后维护将变少，webpack4及之后推荐使用thread-loader 使用H