分类
Javascript

如何读懂编译后的JS代码

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

分类
Javascript

批量提取多语言词条

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

分类
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的语法。