去年初的时候在掘金上看到不可思议的纯 CSS 滚动进度条效果这篇文章，觉得很有意思，就收藏了下来。现在就做一次搬运工吧。
国际化的一次实践
其实国际化这个东西没什么好说的，原理很简单，用一个函数根据当前的语言类型取出对应的文本就 ok 了。本文的出发点也不是讲国际化怎么用的问题，而是怎么快速生成对应的文本数据。
实际开发中我们知道，通常来说在服务器会保留多个语言文件。每个语言文件都格式，key 都完全一样，只是对应都值不一样。通常情况下
...
Promise、Generator和Async
Promise、Generator 和 Async 都是 JavaScript 的异步解决方案，这里简单的做一个对比。
JavaScript 异步编程
单线程我们知道 JavaScript 是单线程的，在同一时间只能做一件事（虽然 HTML 5 提出了 Web Work 标准，允许 Javascript 创建多个线程，但子线程完全受主线程控制，且不得操作 DOM，一定意义上并没有改变 Javascript 单线程的本质）。如果有多个任务，就必须等待
...
初探Vue3.0
一转眼 vue 已经到了3.0-rc.9了，在过去很长一段时间都处于一个高强度都工作状态，实在是没有机会跟上版本的脚步。也算是明白了为何中年人为什么不能保持学习的热情，跟不上技术的发展的部分原因。
页面切换动画
不管是在过去的项目还是未来的项目（SPA 项目）中我们都会遇到大量的页面切换，往往伴随页面切换的时候会要求一些切换效果，如：
JavaScript命名规范
在过去的 6 个月里我没有写任何一篇博客，一个是因为确实很忙（996 搞互联网医院，项目砍掉了后又 996 做高速公路管理系统），另一个确实很懒，仅有的一点空闲时间都去玩游戏了。
实际上我并不是第一次阅读别人的代码，但给人的感觉就是有的代码没有多少注释却阅读起来浅显易懂，有的代码即时写了很多注释也很难搞懂在实现什么需求。由于每到一个新的公司都要制定相关的开发规范（确实换工作频率有点高），也在此记录一下变量命名规范供以后有需要时使用。
CSS实现按钮点击水波纹效果
我们经常会看到很多网站为按钮添加点击效果来提升用户体验，我们就简单的实现以下水波纹效果。
实现水波纹效果主要使用来 css after 伪类和 css3 中的 transform 和 transition 属性。
.the-btn{
color: #555;
...
Webpack编译-webkit-box-orient的问题
webpack autoprefixer 在编译一些非标准 css 属性的时候可能会删除该属性。如：
12345height: 0.72rem;overflow: hidden;display: -webkit-box;line-height: 0.36rem;-webkit-line-clamp:
...
CSS3之mask
说来惭愧,这是之前在一篇推送的文章中看到到到,由于自己平时的工作对这种需求比较少,而且通常遇到这样对需求都是以图片(背景)来做,直到看到幻术，一行代码实现镂空效果这篇文章,才发现还可以这么做,就想着自己总结以下 css3 对 mask 属性.