胖叔的博客

做网站性能调优，首先需要知道网站那些地方需要调优，这就需要先做性能分析。在线性能分析工具网站webpagetest通过网站测试结果分析网站那些地方做的不足，需要改进：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tyTdvqr8-1592557348661)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200619164013824.png)]测试结果类似ySl.

技术选型jest: 支持断言、Mock、Snapchat、Async测试、测试覆盖率等enzyme：模拟了jQuery的APi，比较直观，学习使用都比较简单测试的原则测试代码时，只考虑测试，不考虑内部实现数据尽量模拟现实，越靠近现实越好对重点、复杂、核心代码，重点测试利用AOP(beforeEach、afterEach),减少测试代码数量，避免无用功能测试、功能开发相结合，有利于设计和代码重构测试过程中出现 Bug 的情况店东贷采用的是BDD的测试手法，通过代码对原有业务需求的理

基于React项目下的组件单元测试什么是单元测试？单元测试框架选择1.测试用例在`node环境`下运行，不依赖于浏览器，建议选用`Jest + Enzyme`2.测试用例依赖于浏览器环境，建议选用`Karma + Jasmine + Enzyme`环境数据执行及结果`Demo.test.jsx`示例代码执行结果问题总结1. `Plugin/Preset files are not allowed ...

webpack属性定义Entry: 入口Module:模块，webpack中一切皆是模块Chunk:代码库，一个chunk由十多个模块组合而成，用于代码合并与分割Loader:模块转换器，用于把模块原内容按照需求转换成新内容Plugin:扩展插件，在webpack构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要做的事情Output: 输出结果webpack执行流程web...

React Hook借助useReducer, useContext代替Redux方案目录结构图效果图实现`Test/reducer.jsx``Test/child.jsx``Test/index.jsx``OtherPage/index.jsx`注意点当我们使用redux进行数据管理的时候，一般都是在根组件通过Provider的方式引入store，然后在每个子组件中，通过connect的方式...