胖叔的博客

做网站性能调优，首先需要知道网站那些地方需要调优，这就需要先做性能分析。 在线性能分析工具网站 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的方式...