官方脚手架能够满足基本需求，但通过自己配置，可以学习到 webpack 的用法，毕竟 webpack 这么热门。

这篇笔记最后能够配置出支持 es2015、jsx 和 hot-reload 的 react 开发环境，是的，只是开发环境，没有打包的配置。

在平常学习的时候，会需要写一些 demo，想要用到 gulp 来方便开发、调试，但是每次都复制一份gulpfile.js很麻烦，所以先写好一个符合自己技术栈的脚手架，放在 github 上，借助 vue-cli 来简化初始化项目的操作。

“Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。

现在写样式，基本都会用到预处理器，将页面样式按照模块/组件进行划分，比如header.scss、footer.scss，或者像 bootstrap 每一个组件单独写一个文件，比如forms.less、navs.less、navbar.less等，在一个主文件bootstrap.less中将所有的文件引入，最后编译。这应该是大多数人对 CSS 组件化开发的理解，一开始我也是这么想，直到在复习 sass 时看到有“默认变量”这样一个东西存在。

JavaScript中存在一种写法：

1
2
3
4
5
6
7

(function () {
    console.log('hello')
}())
//or
(function () {
    console.log('hello')
})()

可以看到在()内定义函数，然后又使用()来执行该函数。执行函数的()有两种位置，包裹函数的()内或者外。

搭建博客并不是很困难，无论是 wordPress 还是别的什么开源博客系统，有很多选择，所以没有技术方面的难度。但是迟迟没有搭建自己的博客，完全是因为觉得要运营博客将会耗费很多时间，比如搭建好博客，就会想用美观的主题；折腾一段时间后，准备自己写主题；发现自己的产出太少，就想着翻译国外的文章等等。总之感觉会耗费很多时间，每天下班后只有三个小时的时间，并不想全部花在博客上。但是，现实还是残酷的，考虑到找工作的时候，如果有一个博客，面试官首先会通过博客来了解个人能力，可以节省面试双方的时间，而且有个人博客很明显可以加分啊。所以还是准备搭建一个个人博客。作为 Web前端，当然要用 Nodejs 相关的博客了，一番搜索后选择了 Hexo。