分类
Javascript

使用Vue Test Utils

前面介绍过使用vue cli单元测试。如果你读过这篇文章,你会深深感觉到使用vue cli写单元测试不是很方便,比如测试事件时不得不派发自定义事件。另一方面,jest对React测试的支持在好很多,老早就可以专门的API处理事件了,谁让它们都有一个Facebook亲爹呢。技术是进步的,一天在vue官网瞎逛,偶然它们发现已经推出了Vue Test Utils,虽然只是vuev1.0.0-beta.19,但也提供了强大的API,写单元测试就更溜了。赶紧Git下来试一下。

分类
Javascript

Webpack v4分包优化

从Webpack v4开始,移除了CommonsChunkPlugin,取而代之的是SplitChunks。最初,chunks(以及内部导入的模块)是通过内部Webpack图谱中的父子关系关联的。CommonsChunkPlugin曾被用来避免他们之间的重复依赖,但是不可能再做进一步的优化。

分类
Javascript

HTTP缓存

通常所说的Web缓存指的是可以自动保存常见http请求。对于前端开发者来说,浏览器充当了重要角色。除此外常见的还有各种各样的代理服务器也可以做缓存。当Web请求到达缓存时,缓存从本地副本中提取这个副本内容而不需要经过服务器。这带来了以下优点:

分类
Javascript

使用webpack模板开发Three.js

Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。不过我发现绝大多数资料的示例都是用的CDN方式引入的。CDN的方式写代码无法触发IDE的代码提示,写起来好痛苦。于是我抽时间写了一个Three.js Webpack模板,现在你可以使用npm的方式在Three.js中使用ed6的语法。

分类
Javascript

使用vue cli单元测试

要保证前端的代码质量,单元测试是少不了的。特别是对核心业务的代码,要更详细地进行单元测试。之前使用Karma写过AngluarJS单元测试。现在vue项目越来越多,怎么写vue的单元测试呢?记得vue cli的webpack模板是支持单元测试的。下面我们就来简单介绍一下怎样使用使用vue cli中的jest运行器写单元测试。