SamWeb

摘要： React单元测试，就是把React 组件渲染出来，看看渲染出来的内容符不符合我们的预期。比如组件加载的时候有loading, 那就渲染组件，看看渲染出的内容中有没有loading. 再比如，ajax请求完成后，组件要显示返回的数据, 那就渲染组件， 等待请求完成，然后看看渲染出来内容是不是请求返回 阅读全文

摘要： 计算机内部使用二进制存储数据，只认识0和1两个数字，计算机的世界只有0和1。但我们的世界却充满着文字，如a, b, c。怎样才能让计算机显示文字，供我们使用和交流？只能先把文字转化成数字进行存储，然后再把数字转化成文字进行显示，但一个文字怎么转化成数字，转化成哪个数字，或者用哪一个数字代表哪一个文字 阅读全文

摘要： Babel有两大功能，转译和polyfill。转译就是把新的JS的语法，转化成旧的JS的语法。polyfill则是针对JS中新增的一些对象(Map, Set)和实例方法，这些对象和方法，在旧的浏览器中肯定没有，如果使用它们，肯定也会报错，但你又想使用它们，那怎么办？ 很简单，既然没有，就手动实现它们 阅读全文

摘要： React Hooks都是以use开头的函数，普通函数看待即可，接受参数，有返回值。只不过它们有特定的使用规则，只能在函数顶层使用，和特定的作用，比如useState使函数组件拥有了状态，useEffect处理组件的副作用 const App= () => { const [message, set 阅读全文

摘要： Jest 命令行窗口中的指令 在学习Jest单元测试入门的时候，给Jest命令提供了一个参数 --watchAll, 让它监听测试文件或测试文件引入的文件的变化，从而时时进行测试。但这样做也带来一个问题，只要改变一点内容，Jest就会把所有的测试都跑一遍，有点浪费资源。有没有可能对--watchAl 阅读全文

摘要： 首先是为什么要写单元测试？ 主要还是测试我们代码有没有达到预期的效果，其次，如果严格按照TDD(测试驱动开发)来进行开发的话，我们还会更加注重产品细节，代码可能更加健壮。因为TDD是测试放到第一位，写代码之前，先写测试。测试怎么写？肯定是思考产品的各种使用场景，以及在每种场景下，会有什么效果或异常， 阅读全文

摘要： 当Redux 和React 相接合，就是使用Redux进行状态管理，使用React 开发页面UI。相比传统的html, 使用React 开发页面，确实带来了很多好处，组件化，代码复用，但是和Redux 接合时，组件化却也带来了一定的问题，组件层层嵌套，有成千上百个，而store确只有一个，组件中怎么 阅读全文

摘要： 回顾一下Redux的数据流转，用户点击按钮发送了一个action, reducer 就根据action 和以前的state 计算出了新的state, store.subscribe 方法的回调函数中 store.getState() 获取新的state, 把state 注入到页面元素中，实现页面状态 阅读全文

摘要： Redux用做状态管理，有三个基本的原则 1，整个应用的状态(state)都存在一个普通的JS对象中。比如管理用户的列表， const state = [ {id: 1, name: 'sam', age: '20'}, {id: 2, name: 'josn', age: '21'} ] 2，状态 阅读全文

摘要： Symbol类型没有字面量表现形式，要想获得一个Symbol类型的值， 需要调用全局函数Symbol() let firstSymbol = Symbol(); 调用的时候，也可以给函数传一个字符串参数，用来描述这个symbol let secondSymbol = Symbol('second s 阅读全文