分类
Javascript

如何读懂编译后的JS代码

JS代码为啥要编译?主要是采用ES6及以上语法编写的代码兼容不了老浏览器老环境。Bable可以将其转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。Babel通过插件让你现在就能使用新的语法,无需等待浏览器的支持。

使用Vue Test Utils

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

分类
Javascript

批量提取多语言词条

Vue I18n解决方案肯定是可行的,但快速实施还是有难度。历史原因,可能我们的前端项目一开始根本没有考虑要国际化的问题。项目后期再搞国际化。页面很多,逐个文件去提取词条再逐个替换,体力活呀,一天做100个应该所快的了。而且机械操作难免出错。能做个批量处理来解放大家的双手吗?具有强大工具能力的NodeJs登场了。

分类
Javascript

Webpack v4分包优化

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

分类
Javascript

Angular 6发布

Angular的6.0.0版本发布了!这个主要版本很少关注底层框架,更多关注工具链,以及怎样使它更容易快速适应Angular的未来变化。