博客

Bootstrap 4 刚刚发布了预览版，离正式版还有一段时间。不过现在我们已经可以使用 Bootstrap 4 了，看看里面有什么新东西。 最简单的方法就是使用 Bootstrap 的 CDN ，把需要的样式表与 JS 文件链接到网页上，不过这样你不能去编辑 Bootstrap ，比如去定制里面的一些选项。下面我们使用 Git 去克隆一份 Bootstrap 仓库到本地。

# 进入到桌面
cd ~/desktop

# 为项目创建目录并进入这个目录
mkdir ninghao-bootstrap
cd ninghao-bootstrap

# 克隆 Bootstrap 仓库
git clone https://github.com/twbs/bootstrap.git

# 进入到 Bootstrap
cd bootstrap

# 提取分支
git fetch

# 切换到 Bootstrap 4 的开发分支
git checkout v4-dev

确定你已经安装好了 npm 还有 Bower ，然后我们需要去为 Bootstrap 项目安装需要的东西。

两年前，我写了一篇关于视频教程制作方法与流程，还有使用的设备的文章。我发现今天用的东西跟两年前没有太大变化，方法与流程也基本一致，不过有几个小细节，再跟各位与同行分享一下。下面先说一下用的硬件与软件。

经过一年多的开发，8 月 19 号发布了 Bootstrap 4 的预览版（alpha），2011 年的 8 月 19 号正好是 Bootstrap 的生日。Bootstrap 4 几乎是从头开始开发的。120,000 行代码改进，1,100 个提交，另外，还有很多没有完成。这里是 v4 alpha 文档。

新功能

下面是一部分亮点：

• 从 Less 到 Sass。
• 改进网络系统。
• 支持 Flexbox。
• 用新的组件 Cards 来代替原来的 Wells，Thumbnails 还有 Panels，。
• 合并所有 HTML 重置为新的模块，叫 Reboot。
• 全新的自定义选项。
• 放弃对 IE8 的支持，使用 rem 与 em 单位。
• 重写所有的 JavaScript 插件。
• 改进 tooltip 与 popovers 的自动位置。
• 改进文档。
• 还有更多。

LEMP = Linux - NGINX - MySQL / MariaDB - PHP 。

添加用户

拿到一台服务器，第一件事是去添加一个平时操作用的用户，最好不要直接使用 root 用户，因为会有安全问题。下面添加一个用户叫 ninghao ：

adduser ninghao

设置密码

有了 ninghao 这个用户以后，可以再设置一下他的密码：

passwd ninghao

root 权限

给 ninghao 用户分配可以使用 root 用户的权限，这样需要 root 权限的时候，可以在命令前面添加 sudo：

gpasswd -a ninghao wheel

配置 SSH

平时要 SSH 到服务器，然后去控制服务器，连接的时候有个默认的端口，为了安全，我们可以修改一下这个端口号，比如改成 3333：

在 2015 React 欧洲大会上，Lee Byron 介绍了 Facebook 的 GraphQL ，包含 GraphQL 背后的故事，查询语句的示例，还有核心的概念。GraphQL 非常易懂，直接看查询语句就能知道查询出来的数据是什么样的。你可以把 GraphQL 的查询语句想成是没有值，只有属性的对象，返回的结果就是对应的属性还有对应值的对象。

故事

从 2011 开始，Facebook 开始越来越重视移动端，一支很小的团队开始去做 Android 与 iOS 应用。Facebook 的强项是 Web，也非常的了解 Web ，而且在这方面储备了大量的技术。当年 Facebook 的主要平台就是传统的 浏览器 Web 服务器 数据服务 的组合，Web 服务器响应浏览器的请求，到数据服务那里提供出数据，然后再交给浏览器去显示。

8 月 11 号，Facebook 发布了 Relay 的技术预览版，你可以在 Github 还有 npm 上找到。

Relay 是什么

React 简化了开发复杂的用户界面的过程，不过留下了一个问题，就是怎么跟服务端去交互数据。客户端与服务端的松藕合会导致一些跟数据相关的问题，而且会让迭代更困难。另外，工程师们经常需要重新的实施一些复杂的 Async 逻辑，不能去专注应用本身。Relay 考虑到了这些问题，也从 React 那里学了不少，它为应用提供了一种声明式的，面向组件的提取数据的方法。

如果您是宁皓网的付费会员，又觉得我们做的还不错，可以把宁皓网推荐给您的朋友，我会请您喝杯咖啡。

方式

登录以后，在我的帐户（/user）下面，打开 会员中心，在这里你会看到一个 会员链接 ，数字部分是您的 ID 号，打开下面链接会跳转到宁皓网首页：

http://ninghao.net/affiliate/6

也可以使用后缀形式的链接，像这样：

http://ninghao.net/?a=6

您也可以推荐特定的页面，像这样：

http://ninghao.net/course/affiliate/6

或：

http://ninghao.net/course/?a=6

把上面这些链接中的数字，替换成您自己的用户 ID 号，然后把链接分享给朋友，可以通过 QQ，微信，微博，自己的博客或网站等等去分享。如果他通过这个链接订阅了宁皓网，我就会表达一下谢意，请您喝杯咖啡：）

最近看了一个采访 Matt 的视频，他是 WordPress 的创始人，Automattic 公司的 CEO 。他在视频里讲了自己当初做 WordPress 的起因，还有创建 Automattic 公司的故事，描述了跟投资人的关系，还有自己作为天使投资人的一些想法。下面跟大伙分享下，我不太清楚采访的具体时间。

WordPress 诞生

Matt 出生在休斯顿，毕业于休斯顿大学。有段时间他在华盛顿，估计是去旅游还是什么，拍了挺多照片，想跟家里人还有朋友分享一下。所以开始写博客，当时已经有了很多博客软件，最流行的应该是一个叫 Movabletype 的博客软件，Matt 也试了挺多。后来他发现了一个叫 B2 的博客软件，觉得挺不错，这是他第一次使用开源软件，B2 也是后来的 WordPress 的前身。

Matt 开始为 B2 贡献自己的代码，当时他大概十八九岁，并没有受过专业的程序设计训练。他写的一个小插件出现在 B2 里面，这让 Matt 非常兴奋 ，因为当时也有不少人在用 B2 这个博客软件了。那时候他是一名自由职业者，会为本地的音乐家还有小公司提供创建网站的服务。

React 是 Facebook 在内部用的一套创建用户界面的 JavaScript 框架。他可以让我们用一种极具表达的方式去创建界面上的组件，你可以重复利用这些组件，可以把不同的组件组合在一起用。创建好组件以后，当组件里的状态（数据）发生变化以后，组件会自动更新这些变化，而且速度非常的快。

ECMAScript 是一套规范，JavaScript 是实施了 ECMAScript 规范的一种语言。ES5 是这个规范的版本，也是现代浏览器普遍支持的一个版本，ES6 是这个规范的下一个版本，不过这个版本现在有个新名字叫 ES2015 ，也就是以后会使用年份去命名 ECMAScript 规范。

Babel 是一款 JavaScript 编译工作，比如它可以让你用新的标准去写 JavaScript 代码，然后 Babel 会把这些代码编译成现在的浏览器能懂的 JavaScript 。还有以后 React 也会用到 Babel 去编译它的 JSX 。

安装 Babel 命令行

确定你已经安装好了 npm ，然后打开命令行界面，Windows 用 Powershell，Mac 用终端，然后执行：

npm install -g babel

完成以后就可以使用 babel 命令行，创建一个 JS 文件叫 script.js，里面放点用 ES2015 标准写的代码：

'use strict';
let a = 'Hello World!';

进入到文件所在目录，然后执行：