很多教程的实例对新手并不友好，这里的例子，都是笔者自己写的，希望适合大家的胃口。首先，我们要构建一个react项目，具体方法请参考《从零搭建前端开发环境》系列。当然，如果自己已经有了一套环境，那么下面将会展示demo的业务代码，可根据自己的情况进行调整。0、安装配置jest + enzyme详见用jest构建react项目的测试框架——1、安装与配置，与前文不一样的是，这里会采用react@16，

0. jest与其他测试框架的比较由于笔者刚刚接触测试，经验还不是很丰富，所以只能说一些粗浅的认识。经过1周左右的调研，得出一个结论：jest 约等于 karma + mocha + chai也就是说，测试、断言、覆盖率等，jest一个人就都做了。如果一个东西能解决，而且没有太大的性能问题的话，为什么不选择它呢？而且他还是facebook的亲儿子，用它来做react的单测，听起来就很配～不过据说a

目标清新目标要清晰到可以执行的程度情景虽然你很清楚做某项目的初衷，但是并没有去设定可以衡量的目标。比如某次技术重构、某个模块性能优化等。也就是说，虽然你知道自己想要什么，但是不知道出于什么原因，你没有设定一个清晰可衡量的目标，而目标不够清晰的话，必然会引发时间预算、人力预算，以及优先级决策的模糊。虽然在你眼中目标很清晰，比如“到年底某模块单机性能达到 500qps”，但是负责项目实施的员工并不知道

作为一个有追求的码农，不用鼠标是我们最起（zhuang）码（bi）的素养，这篇文章，献给有（xiang）追（zhuang）求（bi）的你们

准备：此文章里的demo以create-react-app，vue-cli的默认demo为基础。mobx需要es7的装饰器语法，所以需要对项目进行一定的修改与配置，需要先eject。如果不eject也可以，但是不推荐，方法也在后面引用的链接里。详见create-react-app + mobx其中@observer装饰器报错demo功能很简单，效果及说明如下：说明：full name = firs

网络传输网络协议网络安全缓存Ajax及跨域工程化静态文件打包压缩模块化与组件化常用工具——nvm、yarn、webpack、babel国际化其他优化SEO优化懒加载iconfont与雪碧图例题什么是DNS？什么是TCP三次握手？四次握手？HTTP和HTTPS的区别和联系？常见状态码？RESTfull APIwebsocket是什么？与HTTP的关系？HTTP的r...