如今基于 node.js 的 cli 工具层出不穷，尤其以前端脚手架工具更迭最为频繁，纯构建工具有 grunt、gulp、webpack、parcel 和 rullup 等，各前端框架也有各自的 cli 工具 create-react-app、vue-cli 和 angular-cli，各大厂的集成化解决方案 fis、jdf、umi 等。但是每个团队的应用场景不同，以上工具不一定完全满足需求，是时候自己动手开发一个定制化的 cli 工具了。
window 对象是 BOM 的核心，可以控制窗口、框架和弹出窗口，也扮演着 ECMAScript 中 Global 对象的角色。
定义全局变量与在 window 对象上直接定义属性的差别：全局变量不能通过 delete 操作符删除，而定义在 window 对象上的属性是可以的。
在程序中, 语义 指的是一段代码的含义 — 例如 “运行这行代码会产生怎样的影响?”, 或者 “这个HTML的元素有什么作用，扮演了什么样的角色” (不只是 “它看上去像是什么?”。)
nginx 已经成为 web 开发者不可或缺的工具，虽然平时我们用到的服务器，运维都已经帮我们安装配置好了 nginx ，但作为开发人员，掌握如何搭建和配置服务器环境，能让我们的工作更加得心应手。
create-react-app 是由 facebook 官方出品的用于搭建 react app 项目的脚手架工具，非常强大且简单易用，无需配置就能搭建一个 react app。但也正是由于很多东西它都已经封装好了，而且配置文件还内置在了包里，在项目中不可见，对于很多新手而言，要理解这一套东西还是比较困难。
最近一直在折腾构建工具，主要针对以前的工程进行改造，尝试着能搭建一套比较好用的构建工具，在这个过程中也做了一些新的实践。下面我就来谈谈在这次改造中的心得体会，内容不局限于某一款构建工具，不管用 webpack 、 JDF、gulp 、grunt 还是我比较喜欢的 fis，都可以很容易地实现。
至于requirejs大家都是很熟悉的了，它的打包工具r.js是非常好用，也非常强大的，但是建于它的配置参数比较多，这里列出一份所有参数的中文详解，方便理解和记忆。
CSS实现单行文字在容器垂直居中大家都知道可以用line-height。如果是多行文字且容器高度不固定倒也简单，直接用padding就解决了。我在这里主要说固定高度容器内多行文字的垂直居中，当然是要兼容几个常用浏览器了，其实主要还是IE6、IE7了。
javascript原生实现自定义滚动条，支持鼠标滚轮，自定义滚动条的样式，这是本人写的小封装之一，github：https://github.com/richardchen85/jScrollBar
