SamWeb

摘要： React Hooks都是函数，当React渲染函数组件时，组件里的每一行代码都会被执行，一个个的Hooks就会被执行。useState()接受一个参数，返回一个数组，数组的第一项是值，第二项是更新值的函数。 const App= () => { const [message, setMessage 阅读全文

摘要： 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: ' 阅读全文

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

摘要： Java 是编译型语言，需要先编译，再运行，因此要安装JDK (Java Development ToolKit ，Java开发工具包)，因为它提供了编译和运行命令。Windows下，http://jdk.java.net/java-se-ri/11下载压缩包后解压，打开目录，bin目录里面就是ja 阅读全文

摘要： 使用git rebase 的前提是多人协作下的分支开发，如果是单人开发，那就没有必要使用它了，这是由git rebase 的作用所决定的，git rebase 有两大作用：一个是与主分支保持同步，一个是在合并分支之前清理commit 信息。先看第一个作用。 当多人协作进行开发的时候，通常都会有一个主 阅读全文

摘要： 由于最近项目要嵌入其它平台，所以要做IE11 的兼容，那就用IE11打开网页看一看，一看吓一跳，页脚直接到了页眉的下面，并把主要内容覆盖了，也就是stick footer 布局失效了，我写了一个简易的代码来摸拟这种情况，这是一个vue 的项目，页面的整体布局都放到了app.vue中，页面三个部分构成 阅读全文