Blog

初次学习TypeScript，感觉就像开始用nodejs开发项目一样，使用新的ES6语法开发需要用Gulp将代码构建成nodejs能执行的代码一样，但是极大的提高了开发效率。

使用TypeScript创建简单的Web应用

微信公共号开发，提示“该公众号暂时无法提供服务，请稍后再试”，如何解决？

npm新版本新推来一个功能，npm profile，这个可以更改自己简介信息的命令

通过 Global Setup/Teardown和Async Test EnvironmentAPI，Jest可以与MongoDB一起顺利运行。

如何使用Jest监视构造函数和监视类的方法

前面几篇文章都进行了模拟函数的使用和相关的案例，本篇文章了解下模拟构造函数

React 16 Jest ES6 Class Mocks(使用ES6语法类的模拟) 实例三、四，具体详情请阅读原文

Kibana使用的查询语法是Lucene的查询语法，这里在使用Kibana的同事一定要注意

React 16 Jest ES6 Class Mocks(使用ES6语法类的模拟) 实例二 手动模拟(Manual mock)

React 16 Jest ES6 Class Mocks(使用ES6语法类的模拟)。Jest可用于模拟导入到要测试的文件中的ES6语法的类。ES6语法的类是具有一些语法糖的构造函数。ES6语法的类的任何模拟都必须是函数或实际的ES6语法的类(这也是另一个函数)。

Jest使用ES模块导入和模拟JSDOM中未实现的方法。使用ES模块时做导入的时候，jest.mock的调用提升到模块的顶部。使用JSDOM(Jest使用的DOM实现)尚未实现的方法的时候，可以在测试文件中模拟相应的方法来解决类似的问题。

Jest手动模拟(Manual Mocks)。手动模拟主要功能是用于存储模拟的数据。我可能希望创建一个允许您使用虚假数据的手动模拟，而不是访问网站或数据库等远程资源。这可以确保您的测试快速且不易碎

React 16 Jest定时器模拟 Timer Mocks，原生定时器功能(即setTimeout，setInterval，clearTimeout，clearInterval)对于测试环境来说不太理想，因为它们依赖于实时时间。Jest可以将定时器换成允许我们自己控制时间的功能。

React 16 Jest如何进行异步程序测试，通过实例来更多的了解下，异步程序是如何写单元测试的。

React 16 Jest快照测试，是另外一种测试程序或UI组件的方式。

React 16 Jest单元测试 之 Jest工具，Jest的工具对于以后的开发还是有很多帮助的，能够提高我们的工作效率。

React 16 + Jest单元测试 之 Mock Functions(Mock Names 和 Custom Matchers)，最后一小点知识，仅供了解参考。

React16 Jest单元测试 之 Mock Functions(Mocking Modules 和 Mock Implementations)，Mocking Modules 和 Mock Implementations可以是模拟测试更加简单

React16 Jest单元测试 之 Mock Functions(Mock Return Values)，这节分享没有理解具体用途，但是还是需要掌握一下，以后涉及到了可以加深理解。

React16 Jest单元测试 之 Mock Functions(Using a mock function)，模拟函数在测试单元中至关重要，具体如何使用，请看分享

React16 Jest单元测试 之 Setup and Teardown(作用域、describe和test的执行顺序)，在一个测试中，作用域以及测试的执行顺序在写测试单元的时候也是普遍的现象，下面分享下测试中作用域、describe和test的执行顺序相关的内容

React16 Jest单元测试 之 Setup and Teardown(重复设置或重复安装、一次设置或一次安装)，其实这里大家都比较熟悉，不过很重要，很多测试单元在开始测试之前都需要做一些准备，比如数据库表的创建等等

Centos 7 中使用YUM升级Git版本，最新爆料，好像Git再不升级就变成系统的漏洞了。

通常Javascript代码很多情况下是异步运行的，当代码异步运行的时候，Jest需要知道什么运行结束，然后进行下一个单元测试，Jest自身就有需要方法来处理这个

通常Javascript代码很多情况下是异步运行的，当代码异步运行的时候，Jest需要知道什么运行结束，然后进行下一个单元测试，Jest自身就有需要方法来处理这个。

React16 Jest单元测试 之 Using Matchers，Jest使用Matchers可以通过不同的方式来进行测试

React16 之 测试单元(Jest+React+Enzyme) - React16 + Jest 23 + Enzyme + 3

TypeScript 是 JavaScript 的超集，为其增加了类型系统，可以编译为普通的 JavaScript 代码。这篇文章里我们将时间 webpack 是如何跟 TypeScript 进行集成。

渐进式网络应用程序(Progressive Web Application - PWA)，是一种可以提供类似于原生应用程序(native app)体验的网络应用程序(web app)。PWA 可以用来做很多事。其中最重要的是，在离线(offline)时应用程序能够继续运行功能。这是通过使用名为 Service Workers的网络技术来实现的。

Webpack4构建代码分析webpack-bundle-analyzer。用交互式可缩放树形图显示webpack输出文件的大小。

Webpack4缓存相关配置 - Manifest

Webpack4缓存相关配置

Webpack4生产环境构建相关配置 - Split CSS即分离样式

Webpack4生产环境构建相关配置 - 指定环境

Webpack4生产环境构建相关配置之如何做到代码压缩

Webpack4生产环境构建相关配置之基础配置

懒加载或者按需加载，是一种很好的优化网页或应用的方式。这种方式实际上是先把你的代码在一些逻辑断点处分离开，然后在一些代码块中完成某些操作后，立即引用或即将引用另外一些新的代码块。这样加快了应用的初始加载速度，减轻了它的总体体积，因为某些代码块可能永远不会被加载。

Webpack4+React16+ReactRouter4 之 historyApiFallback 多级路由

Webpack4+React16+ReactRouter4+Redux整合开发 之 Redux Logger日志相关配置