上一篇文章，我介绍了 Systemd 的主要命令，今天介绍如何使用它完成一些基本的任务。一、开机启动对于那些支持 Systemd 的软件，安装的时候，会自动在/usr/lib/systemd/system目录添加一个配置文件。如果你想让该软件开机启动，就执行下面的命令（以httpd.service为例）。$ sudo systemctl enable httpd上面的命令相当于在/etc/systemd/system目录添加一个符号链接，指向/usr/lib/systemd/system里面的httpd.service文件。这是因为开机时，Systemd只执行/etc/systemd/system目录里面的配置文件。这也意味着，如果把修改后的配置文件放在该目录，就可以达到覆盖原始配置的效果。二、启动服务设置开机启动以后，软件并不会立即启动，必须等到下一次开机。如果想现在就运行该软件，那么要执行systemctl start命令。$ sudo systemctl start httpd执行上面的命令以后，有可能启动失败，因此要用systemctl status命令查看一下该服务的状态。$ sudo systemctl status httpd httpd.service - The Apache HTTP Server Loaded: loaded (/usr/lib/sys ...继续阅读 (79)

Systemd 是 Linux 系统工具，用来启动守护进程，已成为大多数发行版的标准配置。本文介绍它的基本用法，分为上下两篇。今天介绍它的主要命令，下一篇介绍如何用于实战。一、由来历史上，Linux 的启动一直采用init进程。下面的命令用来启动服务。$ sudo /etc/init.d/apache2 start # 或者 $ service apache2 start这种方法有两个缺点。一是启动时间长。init进程是串行启动，只有前一个进程启动完，才会启动下一个进程。二是启动脚本复杂。init进程只是执行启动脚本，不管其他事情。脚本需要自己处理各种情况，这往往使得脚本变得很长。二、Systemd 概述Systemd 就是为了解决这些问题而诞生的。它的设计目标是，为系统的启动和管理提供一套完整的解决方案。根据 Linux 惯例，字母d是守护进程（daemon）的缩写。 Systemd 这个名字的含义，就是它要守护整个系统。（上图为 Systemd 作者Lennart Poettering）使用了 Systemd，就不需要再用init了。Systemd 取代了initd，成为系统的第一个进程（PID 等于 1），其他进程都是它的子进程。$ systemctl --version上面的命令查看 Systemd 的版本。Systemd 的优点是功能强大，使用方便，缺点是体系庞大，非常复 ...继续阅读 (80)

"守护进程"（daemon）就是一直在后台运行的进程（daemon）。本文介绍如何将一个 Web 应用，启动为守护进程。一、问题的由来Web应用写好后，下一件事就是启动，让它一直在后台运行。这并不容易。举例来说，下面是一个最简单的Node应用server.js，只有6行。var http = require('http'); http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World'); }).listen(5000);你在命令行下启动它。$ node server.js看上去一切正常，所有人都能快乐地访问 5000 端口了。但是，一旦你退出命令行窗口，这个应用就一起退出了，无法访问了。怎么才能让它变成系统的守护进程（daemon），成为一种服务（service），一直在那里运行呢？二、前台任务与后台任务上面这样启动的脚本，称为"前台任务"（foreground job）。它会独占命令行窗口，只有运行完了或者手动中止，才能执行其他命令。变成守护进程的第一步，就是把它改成"后台任务"（background job）。$ node server.js &只要在命令的尾部加上符号&，启动的进程就会成为"后台 ...继续阅读 (60)

上周，我整理了过去几年读过的书，做了一份书单。然后，发现自己好久没写读后感了，上一篇还是两年多前的《做学问的八个境界》。过去几年，这个博客已经偏向纯技术了。虽然今后也会如此，但我觉得，读后感还是应该坚持写下去。今天就介绍，我最近读完的一本非常好看的小说《青春》。这本书是2003年诺贝尔文学奖得主、南非作家库切的"自传体"小说。它讲述了一个名叫约翰的年轻人，大学毕业后，为了逃避南非的种族对立，独自一人来到伦敦追求理想的故事。小说内容跟库切的个人经历完全吻合，但又有艺术加工和虚构的部分。读来让人觉得很真实，但又像在听故事。整本书都是约翰的内心独白，没有贯穿始终的情节。他讲述生活中的各种遭遇，然后倾述自己的内心感觉。自己提问，自己回答。如果你喜欢曲折的情节，大概不会喜欢这本书。但是，如果你对探索精神世界有兴趣，尤其是有过精神苦闷，那么你会爱不释手的。约翰爱好文学，希望成为一个诗人或者艺术家。但是，他来到伦敦后，只找到一份IBM公司程序员的工作。面试官想知道的第一件事，是他是否永远离开南非了。是的，他答道。为什么？面试官问。"因为那个国家要发生革命了。"他回答说。约翰很快发现，IBM公司的这份工作，根本就在扼杀自己的生命力。"随着时间一周一周地过去，他发现自己越来越痛苦。惊恐会向他袭来，他费力地将其击退。在办公室里，他感到自己的灵魂在受到袭击。办公楼是一个毫无特色的玻璃水泥大厦，似乎散发出 ...继续阅读 (79)

（说明：本文原载2016年第六期《财新周刊》）1.1月底，"人工智能"领域发生了两件大事。第一件是1月24日，学科创始人之一的马文・明斯基（Marvin Minsky）教授因为脑溢血去世。第二件是四天后的1月28日，Google宣布人工智能项目DeepMind战胜了欧洲围棋冠军。《金融时报》说："要是明斯基教授多活几天，就能看到自己60年前的预言变成了现实：机器像人类一样思考。"2.围棋可能是人类发明的最复杂棋类游戏，变化无穷无尽，远超国际象棋，曾经被认为是专属人类的智力活动。突然之间，软件能够战胜职业棋手了。这事的意义不在于围棋，而在于机器模拟人类思维的能力，达到了一个前所未有的新高峰。连围棋那么需要直觉的项目，机器都能胜过人类，还有多少事情是机器做不到的呢？这让大家觉得，人类的未来都不一样了。"人工智能"这门学科正受到空前重视。而明斯基教授正是它的创始人。3.1927年，马文・明斯基生于纽约，先后获得哈佛大学的数学学士和普林斯顿大学的数学博士。1951年，攻读博士期间，他提出了"神经网络"的概念。这被认为是"人工智能"的起源。Google的DeepMind项目，用的正是这个算法。明斯基深受罗素的逻辑学思想影响，认为人的智能可以用数学逻辑表达。他受到神经科学的启发，相信"智能"不过是无数"非智能"的神经细胞互相作用的结果。人与机器之间没有本质的差别。如果能模拟神经细胞的行为，进而 ...继续阅读 (77)

越来越多的人，使用React开发Web应用。它的测试就成了一个大问题。React的组件结构和JSX语法，不适用传统的测试工具，必须有新的测试方法和工具。本文总结目前React测试的基本做法和最佳实践，手把手教你如何写React测试。一、Demo应用请先安装Demo。$ git clone https://github.com/ruanyf/react-testing-demo.git $ cd react-testing-demo && npm install $ npm start然后，打开 http://127.0.0.1:8080/，你会看到一个 Todo 应用。接下来，我们就要测试这个应用，一共有5个测试点。应用标题应为"Todos"Todo项的初始状态（"未完成"或"已完成"）应该正确点击一个Todo项，它就反转状态（"未完成"变为"已完成"，反之亦然）点击删除按钮，该Todo项就被删除点击添加按钮，会新增一个Todo项这5个测试用例都已经写好了，执行一下就可以看到结果。$ npm test下面就来看，测试用例应该怎么写。测试框架我用的是Mocha，如果你不熟悉，可以先读我写的《Mocha教程》。二、测试工具库React测试必须使用官方的测试工具库，但是它用起来不够方便，所以有人做了封装，推出了一些第三方库，其中Airbnb公司的Enzyme最容易上手。这就是说，同样的测 ...继续阅读 (91)

（说明：本文选自我的新书《ES6 标准入门（第二版）》的第一章《ECMAScript 6简介》）Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。下面是一个例子。// 转码前 input.map(item => item + 1); // 转码后 input.map(function (item) { return item + 1; });上面的原始代码用了箭头函数，这个特性还没有得到广泛支持，Babel将其转为普通函数，就能在现有的JavaScript环境执行了。一、配置文件.babelrcBabel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。该文件用来设置转码规则和插件，基本格式如下。{ "presets": [], "plugins": [] }presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。# ES2015转码规则 $ npm install --save-dev babel-preset-es2015 # react转码规则 $ npm install --save-dev babel-preset-react # ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个 ...继续阅读 (79)

（说明：本文原载2016年第三期《财新周刊》）新年伊始，咨询公司埃森哲（Accenture）公布了一项调查。他们找到17个行业的1700个白领人士，问了同样的一个问题。"你觉得计算机对你构成威胁吗？"结果令人震惊。35%的人回答Yes。他们觉得在未来，机器可以自动完成他们现在的工作，因此职位可能保不住。最焦虑的就是科技行业的白领，回答Yes的人高达50%，其次是银行业，比例是49%。一位评论家一针见血地指出，技术革命进入新阶段。以前，消失的是依靠体力的职位，现在就连一部分依靠智力的职位也在消失。"以前，技术革命只是对蓝领工人不利，贸易全球化和自动化技术使得低技能工人，失去工作或者一直拿着低工资。而现在，技术革命开始威胁那些有技能的人了，人工智能、大数据、办公自动化正在快速地消灭办公室职位。"白领，一般是指那些有技能的人士，比如管理人员、财务人员、金融业者、律师等等，劳动主要以智力投入为主。通常需要坐在办公室里，衣着整洁，穿白衬衫，所以叫做白领。以前，白领是令人羡慕的工作，家长期待自己的孩子成为白领。可是，信息技术高速发展，机器的判断能力和处理能力，使得很多办公室职位变得不必要了。美国曾经有一种工作，叫做"税务顾问"（tax consultant）。因为税法非常复杂，普通人根本搞不清楚，所以你会请他帮你报税。这样就不用自己填写复杂的表格，而且他还会告诉你各种节税诀窍。可是，现在有报税 ...继续阅读 (65)

npm是 Node 的模块管理器，功能极其强大。它是 Node 获得成功的重要原因之一。正因为有了npm，我们只要一行命令，就能安装别人写好的模块 。$ npm install本文介绍 npm 模块安装机制的细节，以及如何解决安装速度慢的问题。一、从 npm install 说起npm install命令用来安装模块到node_modules目录。$ npm install <packageName>安装之前，npm install会先检查，node_modules目录之中是否已经存在指定模块。如果存在，就不再重新安装了，即使远程仓库已经有了一个新版本，也是如此。如果你希望，一个模块不管是否安装过，npm 都要强制重新安装，可以使用-f或--force参数。$ npm install <packageName> --force二、npm update如果想更新已安装模块，就要用到npm update命令。$ npm update <packageName>它会先到远程仓库查询最新版本，然后查询本地版本。如果本地版本不存在，或者远程版本较新，就会安装。三、registrynpm update命令怎么知道每个模块的最新版本呢？答案是 npm 模块仓库提供了一个查询服务，叫做 registry 。以 npmjs.org 为例，它的查询服务网址是https://regis ...继续阅读 (115)

如果你经常看这个博客，就会知道我写了一本书。现在第二版问世了，书名为《ES6 标准入门》。购买链接如下。全部是现货。现在下单，最快明天就能拿到。京东当当亚马逊China-pub老读者都知道，这本书是开源的。你可以先看看，再决定买不买。出版社有利润压力，但还是支持我开源。希望不会影响销量，如果最后亏钱，就对不起朋友了。这本书的质量，我很有信心。市场上唯一的ES6出版物，可能也是最好的 JavaScript 进阶教程。所有语法点都讲解了，尽量做到深入浅出。Github上已经有了 2000+ 颗星，每一行代码都被无数读者验证过。2015年，我只做成了一件事，就是写完这本书（第二版）。想想有些伤感，一年的起起伏伏，到头来只是一本书稿。写书是一件寂寞的事，仿佛一个人坐在电脑前的漫漫长征。现在，我终于可以把它交给你了。你拿在手中的，就是我的这一年，所有的诚意和坚持。JavaScript 这门语言会有远大未来，但愿我的这本书、以及你，我亲爱的读者，也都是如此。（完）文档信息版权声明：自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）发表日期：2016年1月18日更多内容：档案»JavaScript购买文集：《如何变得有思想》社交媒体：twitter，weiboFeed订阅： ...继续阅读 (65)

（说明：本文原载2016年第二期《财新周刊》）2015年12月28日中午，Debian操作系统的创始人Ian Murdock，在推特上发布了一条简短的消息。"我将在今晚自杀，请不要打扰，我要抓紧时间说一些事情，不让它们跟我一起走。"没过多久，他就删除了这条消息，并且关闭了推特账户。大家猜测纷纷，不知道是真是假。第二天，他的死讯被确认。对于大多数人来说，Debian是一个陌生的名字，但是在程序员之中，它非常有名，国际空间站就使用它。这是一种计算机操作系统，类似于Windows，但是一般只用于服务器。所以，普通用户接触不到，只有企业级用户和专业程序员才会使用。你可以想象一下，有一样东西你每天使用，突然某天清晨传来消息，它的发明人非正常死亡，你会是什么感受，内心会不会震动？这就是整个IT业界听到这个消息的反应，尤其是死者只有42岁，实在太年轻了。1973年，Ian Murdock生于西德，后来随父母移民美国。他从小就对计算机感兴趣，9岁开始编程。1993年8月，在普度大学读大二时，他接触到了芬兰大学生林奈斯的Linux项目，顿时产生了兴趣。Linux是操作系统的内核，就好比汽车的发动机，虽然重要，但是本身并不足以使用，必须配合各种零件，装配成一辆汽车以后才能行驶。Ian Murdock想做的就是，将Linux装配成一辆全功能的汽车。经过几个月的努力，他在1993年底发布了Debian的最 ...继续阅读 (68)

过去一年中，前端技术大发展，最耀眼的明星就是React。React 本身只涉及UI层，如果搭建大型应用，必须搭配一个前端框架。也就是说，你至少要学两样东西，才能基本满足需要：React + 前端框架。Facebook官方使用的是Flux 框架。本文就介绍如何在 React 的基础上，使用 Flux 组织代码和安排内部逻辑，使得你的应用更易于开发和维护。阅读本文之前，我假设你已经掌握了 React 。如果还没有，可以先看我写的《React入门教程》。与以前一样，本文的目标是使用最简单的语言、最好懂的例子，让你一看就会。一、Flux 是什么？简单说，Flux 是一种架构思想，专门解决软件的结构问题。它跟MVC 架构是同一类东西，但是更加简单和清晰。Flux存在多种实现（至少15种），本文采用的是Facebook官方实现。二、安装 Demo为了便于讲解，我写了一个Demo。请先安装一下。$ git clone https://github.com/ruanyf/extremely-simple-flux-demo.git $ cd extremely-simple-flux-demo && npm install $ npm start然后，访问 http://127.0.0.1:8080 。你会看到一个按钮。这就是我们的Demo。三、基本概念讲解代码之前，你需要知道一些 Flux 的基 ...继续阅读 (62)

上个月，"机器人之父"恩格尔伯格去世。《财新周刊》的编辑让我写他的介绍。我查了网上资料，发现那些早期机器人的照片非常有意思。下面就是我写的人物生平，配上这些有趣的照片。1.12月1日，被誉为"机器人之父"的约瑟夫·恩格尔伯格（Joseph Engelberger），在美国因病去世，享年90岁。他发明制造了人类第一台机器人。恩格尔伯格1925年生于纽约，先后获得哥伦比亚大学物理学士和电子工程硕士学位。2.1950年，恩格尔伯格读到了阿西莫夫的小说集《我，机器人》（I， Robot），爱不释手，产生了制造机器人的念头。3.1956年的一场酒会，他偶遇发明家德沃尔（George C. Devol）。后者提到，他刚刚申请了一个专利，叫做"可编程的用于移动物体的设备"（Programmed Article Transfer）。恩格尔伯格脱口而出，"这不是阿西莫夫笔下的机器人吗！"两人一拍即合，决定合作创立一家生产机器人的公司。4.新公司取名Unimation，意为"自动化单位"，1958年正式运作。当年就拿出了第一个产品：一个可以自动完成搬运的机械手臂。虽然，这个产品庞大而笨重，只能完成很简单的任务，但它是人类历史上第一个机器人。5.恩格尔伯格和德沃尔从一开始就很清楚，机器人的研发成本很高，只有大公司才买得起。他们把研发方向定在为重型制造业服务，让机器人承担对人类有危险的工作。美国最大的通用 ...继续阅读 (62)

Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交。$ git commit -m "hello world"上面代码的-m参数，就是用来指定 commit mesage 的。如果一行不够，可以只执行git commit，就会跳出文本编译器，让你写多行。$ git commit基本上，你写什么都行（这里，这里和这里）。但是，一般来说，commit message 应该清晰明了，说明本次提交的目的。目前，社区有多种 Commit message 的写法规范。本文介绍Angular 规范（见上图），这是目前使用最广的写法，比较合理和系统化，并且有配套的工具。一、Commit message 的作用格式化的Commit message，有几个好处。（1）提供更多的历史信息，方便快速浏览。比如，下面的命令显示上次发布后的变动，每个commit占据一行。你只看行首，就知道某次 commit 的目的。$ git log <last tag> HEAD --pretty=format:%s（2）可以过滤某些commit（比如文档改动），便于快速查找信息。比如，下面的命令仅仅显示本次发布新增加的功能。$ git log <last release> HEAD --grep feature（3）可以直接从commit生成Change log。Chan ...继续阅读 (72)

最近，有一篇文章正在疯传。它是上个月，Maciej Ceglowski在澳大利亚的一次演讲，名为《网站的肥胖症危机》（文本，视频），反思了互联网开发的现状。该文非常值得一读，Hacker News排行榜高居榜首，得到了1000多人的推荐。下面就是我的中文节译版。===============================网站的肥胖症危机（节译版）作者：Maciej Ceglowski译者：阮一峰原文网址：The Website Obesity Crisis1.大多数网站的主要内容是文本，更准确地说，是简短的文本。文本本身并不大，但是展示它们的网页，正变得越来越大。Twitter展示单条评论（140个字符）的页面，超过900KB。Medium的一篇文章大约400个词，页面大小是1.2MB。如果这种趋势持续下去，2020年，网页的体积平均将超过5MB，比一本俄罗斯长篇小说还大。比如，陀思妥耶夫斯基的《罪与罚》，文本压缩后不到800KB。TechTimes.com有一篇报道，介绍Google正在为大网页做标记。但是，这篇报道的网页，体积为18MB，外加一个3MB的视频。2015年5月，Facebook引入了"Instant Articles"，帮助用户快速浏览新闻。但是，介绍这个功能的页面，体积为6.8MB，外加一个41MB的视频。你想了解这个功能的细节，唯一的方法就是去看这个视频。2 ...继续阅读 (95)

Git 作为一个源码管理系统，不可避免涉及到多人协作。协作必须有一个规范的流程，让大家有效地合作，使得项目井井有条地发展下去。"协作流程"在英语里，叫做"workflow"或者"flow"，原意是水流，比喻项目像水流那样，顺畅、自然地向前流动，不会发生冲击、对撞、甚至漩涡。本文介绍三种广泛使用的协作流程：Git flowGithub flowGitlab flow如果你对Git还不是很熟悉，可以先阅读下面的文章。《Git 使用规范流程》《常用 Git 命令清单》《Git 远程操作详解》一、功能驱动本文的三种协作流程，有一个共同点：都采用"功能驱动式开发"（Feature-driven development，简称FDD）。它指的是，需求是开发的起点，先有需求再有功能分支（feature branch）或者补丁分支（hotfix branch）。完成开发后，该分支就合并到主分支，然后被删除。二、Git flow最早诞生、并得到广泛采用的一种协作流程，就是Git flow。2.1 特点它最主要的特点有两个。首先，项目存在两个长期分支。主分支master开发分支develop前者用于存放对外发布的版本，任何时候在这个分支拿到的，都是稳定的分布版；后者用于日常开发，存放最新的开发版。其次，项目存在三种短期分支。功能分支（feature branch）补丁分支（hotfix branch）预 ...继续阅读 (89)

如果你经常使用互联网，可能知道有一种东西叫做Flash。它是一种软件，用来制作网页游戏、动画，以及视频播放器。只要观看网络视频，基本都会用到它。七八年前，它是最热门的互联网技术之一。如果不安装Flash，很多网站根本打不开。那时还流行用它制作动画，随便一个作品，就有几十万、上百万的浏览量。电视台甚至开辟栏目，播放网上流行的Flash动画。各大互联网公司都有专门的Flash工程师，还是属于那种比较抢手、收入较高的工程师。我记得那个时候，社会上也有大量的Flash培训班，它们的招生广告都写着保证就业。后来，Flash就不行了。2010年，乔布斯宣布，苹果手机不会使用Flash，因为影响手机性能。再后来，新的技术兴起，它就开始没落了。上个月，BBC发表一篇报道，名字就叫《Flash还能活多久？》。话音刚落，一周后，这项技术的拥有者Adobe公司宣布，放弃Flash这个名字，软件将重新定位，只用来制作动画。说了这么多，我并不是感叹Flash这项技术的没落，这也是很正常的事，而是感叹那些从事Flash开发的工程师，他们该怎么办呢？你在一个领域钻研多年，都成了专家，突然之间那个领域过时了，你的所学所长没人需要了，那将是怎样的处境？那些年里，我在上海遇见过一个朋友。他开了一家软件公司，专门面向海外市场开发Flash游戏。公司不大，十几个人，那时正是最好的年景，每个月都有几十万、甚至上百万人民币进 ...继续阅读 (120)

我每天使用 Git ，但是很多命令记不住。一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库一、新建代码库# 在当前目录新建一个Git代码库 $ git init # 新建一个目录，将其初始化为Git代码库 $ git init [project-name] # 下载一个项目和它的整个代码历史 $ git clone [url]二、配置Git的设置文件为.gitconfig，它可以在用户主目录下（全局配置），也可以在项目目录下（项目配置）。# 显示当前的Git配置 $ git config --list # 编辑Git配置文件 $ git config -e [--global] # 设置提交代码时的用户信息 $ git config [--global] user.name "[name]" $ git config [--global] user.email "[email address]"三、增加/删除文件# 添加指定文件到暂存区 $ git add [file1] [file2] ... # 添加指定目录到暂存区，包括子目录 $ git ...继续阅读 (72)

Mocha（发音"摩卡"）诞生于2011年，是现在最流行的JavaScript测试框架之一，在浏览器和Node环境都可以使用。所谓"测试框架"，就是运行测试的工具。通过它，可以为JavaScript应用添加测试，从而保证代码的质量。本文全面介绍如何使用Mocha，让你轻松上手。如果你以前对测试一无所知，本文也可以当作JavaScript单元测试入门。值得说明的是，除了Mocha以外，类似的测试框架还有Jasmine、Karma、Tape等，也很值得学习。一、安装我为本文写了一个示例库Mocha-demos，请先安装这个库。$ git clone https://github.com/ruanyf/mocha-demos.git如果你的电脑没装Git，可以直接下载zip压缩包，进行解压。然后，进入mocha-demos目录，安装依赖（你的电脑必须有Node）。$ cd mocha-demos $ npm install上面代码会在目录内部安装Mocha，为了操作的方便，请在全面环境也安装一下Mocha。$ npm install --global mocha二、测试脚本的写法Mocha的作用是运行测试脚本，首先必须学会写测试脚本。所谓"测试脚本"，就是用来测试源码的脚本。下面是一个加法模块add.js的代码。// add.js function add(x, y) { retur ...继续阅读 (98)

一、概述规格文件（specification）是计算机语言的官方标准，详细描述语法规则和实现方法。一般来说，没有必要阅读规格，除非你要写编译器。因为规格写得非常抽象和精炼，又缺乏实例，不容易理解，而且对于解决实际的应用问题，帮助不大。但是，如果你遇到疑难的语法问题，实在找不到答案，这时可以去查看规格文件，了解语言标准是怎么说的。规格是解决问题的"最后一招"。这对JavaScript语言很有必要。因为它的使用场景复杂，语法规则不统一，例外很多，各种运行环境的行为不一致，导致奇怪的语法问题层出不穷，任何语法书都不可能囊括所有情况。查看规格，不失为一种解决语法问题的最可靠、最权威的终极方法。本文介绍如何读懂ECMAScript 6的规格文件。ECMAScript 6的规格，可以在ECMA国际标准组织的官方网站（www.ecma-international.org/ecma-262/6.0/）免费下载和在线阅读。这个规格文件相当庞大，一共有26章，A4打印的话，足足有545页。它的特点就是规定得非常细致，每一个语法行为、每一个函数的实现都做了详尽的清晰的描述。基本上，编译器作者只要把每一步翻译成代码就可以了。这很大程度上，保证了所有ES6实现都有一致的行为。ECMAScript 6规格的26章之中，第1章到第3章是对文件本身的介绍，与语言关系不大。第4章是对这门语言总体设计的描述，有兴趣的 ...继续阅读 (80)

"循环加载"（circular dependency）指的是，a脚本的执行依赖b脚本，而b脚本的执行又依赖a脚本。// a.js var b = require('b'); // b.js var a = require('a');通常，"循环加载"表示存在强耦合，如果处理不好，还可能导致递归加载，使得程序无法执行，因此应该避免出现。但是实际上，这是很难避免的，尤其是依赖关系复杂的大项目，很容易出现a依赖b，b依赖c，c又依赖a这样的情况。这意味着，模块加载机制必须考虑"循环加载"的情况。本文介绍JavaScript语言如何处理"循环加载"。目前，最常见的两种模块格式CommonJS和ES6，处理方法是不一样的，返回的结果也不一样。CommonJS模块CommonJS模块的重要特性是加载时执行，即脚本代码在require的时候，就会全部执行。因此，CommonJS规定，一旦发现某个模块被"循环加载"，就立即停止加载，只输出已经执行的部分。让我们来看，官方文档里面的例子。脚本文件a.js代码如下。exports.done = false; var b = require('./b.js'); console.log('在 a.js 之中，b.done = %j', b.done); exports.done = true; console.log('a.js 执行完毕');上面代码 ...继续阅读 (68)

使用 Github 的时候，你有没有见过下面的提示？$ git clone https://github.com/torvalds/linux Cloning into 'linux'... remote: Counting objects: 4350078, done. remote: Compressing objects: 100% (4677/4677), done. Receiving objects: 4% (191786/4350078), 78.19 MiB | 8.70 MiB/s这段提示说，远程代码库一共有4350078个对象需要克隆。这就叫"清点对象"（counting objects），Github需要实时计算出来，需要克隆的对象总数。这个过程非常慢，根据Github的披露，像Linux kernel这样巨大的库，清点一次需要8分钟！也就是说，发出git clone命令后，会干等八分钟，然后才会开始真正的数据传输。这当然是无法忍受的。Github团队一直想解决这个问题。后来，他们终于发现了一种新的算法，现在清点一次只要3毫秒！为了理解这个算法，你必须先知道，什么是Git的对象。简单说，对象就是文件，最重要的对象有三种。快照对象（Commit）目录对象（Directory）文件对象（File）每次提交代码的时候，会生成一个commit对象，里面有对应的当前 ...继续阅读 (85)

《计算机原理》课本说，启动时，主引导记录会存入内存地址0x7C00。这个奇怪的地址，是怎么来的，课本就不解释了。我一直有疑问，为什么不存入内存的头部、尾部、或者其他位置，而偏偏存入这个比 32KB 小1024字节的地方？昨天，我读到一篇文章，终于解开了这个谜。首先，如果你不知道，主引导记录（Master boot record，缩写为MBR）是什么，可以先读《计算机是如何启动的？》。简单说，计算机启动是这样一个过程。通电读取ROM里面的BIOS，用来检查硬件硬件检查通过BIOS根据指定的顺序，检查引导设备的第一个扇区（即主引导记录），加载在内存地址 0x7C00主引导记录把操作权交给操作系统所以，主引导记录就是引导"操作系统"进入内存的一段小程序，大小不超过1个扇区（512字节）。0x7C00这个地址来自Intel的第一代个人电脑芯片8088，以后的CPU为了保持兼容，一直使用这个地址。1981年8月，IBM公司最早的个人电脑IBM PC 5150上市，就用了这个芯片。当时，搭配的操作系统是86-DOS。这个操作系统需要的内存最少是32KB。我们知道，内存地址从0x0000开始编号，32KB的内存就是0x0000～0x7FFF。8088芯片本身需要占用0x0000～0x03FF，用来保存各种中断处理程序的储存位置。（主引导记录本身就是中断信号INT 19h的处理程序。）所以，内存只 ...继续阅读 (69)

互联网软件的开发和发布，已经形成了一套标准流程，最重要的组成部分就是持续集成（Continuous integration，简称CI）。本文简要介绍持续集成的概念和做法。一、概念持续集成指的是，频繁地（一天多次）将代码集成到主干。它的好处主要有两个。（1）快速发现错误。每完成一点更新，就集成到主干，可以快速发现错误，定位错误也比较容易。（2）防止分支大幅偏离主干。如果不是经常集成，主干又在不断更新，会导致以后集成的难度变大，甚至难以集成。持续集成的目的，就是让产品可以快速迭代，同时还能保持高质量。它的核心措施是，代码集成到主干之前，必须通过自动化测试。只要有一个测试用例失败，就不能集成。Martin Fowler说过，"持续集成并不能消除Bug，而是让它们非常容易发现和改正。"与持续集成相关的，还有两个概念，分别是持续交付和持续部署。二、持续交付持续交付（Continuous delivery）指的是，频繁地将软件的新版本，交付给质量团队或者用户，以供评审。如果评审通过，代码就进入生产阶段。持续交付可以看作持续集成的下一步。它强调的是，不管怎么更新，软件是随时随地可以交付的。三、持续部署持续部署（continuous deployment）是持续交付的下一步，指的是代码通过评审以后，自动部署到生产环境。持续部署的目标是，代码在任何时刻都是可部署的，可以进入生产阶段。持续部署的前提是 ...继续阅读 (73)

Nicholas C. Zakas 是全世界最著名的 JavaScript 程序员之一。两年前，他写了一篇长文，回顾自己的职业生涯，提到七个对他来说最重要的建议。我读完很受启发，决定做一点摘录。你可以先读下面的精简版，再去读全文。===============================七个对我最好的职业建议（精简版）作者：Nicholas C. Zakas译者：阮一峰原文网址：https://www.nczonline.net/blog/2013/10/15/the-best-career-advice-ive-received/一、不要别人点什么，就做什么我的第一份工作，只干了8个月，那家公司就倒闭了。我问经理，接下来我该怎么办，他说："小伙子，千万不要当一个被人点菜的厨师，别人点什么，你就烧什么。不要接受那样一份工作，别人下命令你该干什么，以及怎么干。你要去一个地方，那里的人肯定你对产品的想法，相信你的能力，放手让你去做。"我从此明白，单单实现一个产品是不够的，你还必须参与决定怎么实现。好的工程师并不仅仅服从命令，而且还给出反馈，帮助产品的拥有者改进它。二、推销自己我进入雅虎公司以后，经理有一天跟我谈话，他觉得我还做得不够。"你工作得很好，代码看上去不错，很少出Bug。但是，问题是别人都没看到这一点。为了让其他人相信你，你必须首先让别人知道你做了什么。你需要推销自己，引起 ...继续阅读 (79)

你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页是怎么生成的。网页的生成过程，大致可以分成五步。HTML代码转化成DOMCSS代码转化成CSSOM（CSS Object Model）结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）生成布局（layout），即将所有渲染树的所有节点进行平面合成将布局绘制（paint）在屏幕上这五步里面，第一步到第三步都非常快，耗时的是第四步和第五步。"生成布局"（flow）和"绘制"（paint）这两步，合称为"渲染"（render）。二、重排和重绘网页生成的时候，至少会渲染一次。用户访问的过程中，还会不断重新渲染。以下三种情况，会导致网页重新渲染。修改DOM修改样式表用户事件（比如鼠标悬停、页面滚动、输入框键入文字、改变窗口大小等等）重新渲染，就需要重新生成布局和重新绘制。前者叫做"重排"（reflow），后者叫做"重绘"（repaint）。需要注意的是，"重绘"不一定需要"重排"，比如改变某个网页元素的颜色，就只会触发"重绘"，不会触发 ...继续阅读 (78)

大多数人在高中，或者大学低年级，都上过一门课《线性代数》。这门课其实是教矩阵。刚学的时候，还蛮简单的，矩阵加法就是相同位置的数字加一下。矩阵减法也类似。矩阵乘以一个常数，就是所有位置都乘以这个数。但是，等到矩阵乘以矩阵的时候，一切就不一样了。这个结果是怎么算出来的？教科书告诉你，计算规则是，第一个矩阵第一行的每个数字（2和1），各自乘以第二个矩阵第一列对应位置的数字（1和1），然后将乘积相加（ 2 x 1 + 1 x 1），得到结果矩阵左上角的那个值3。也就是说，结果矩阵第m行与第n列交叉位置的那个值，等于第一个矩阵第m行与第二个矩阵第n列，对应位置的每个值的乘积之和。怎么会有这么奇怪的规则？我一直没理解这个规则的含义，导致《线性代数》这门课就没学懂。研究生时发现，线性代数是向量计算的基础，很多重要的数学模型都要用到向量计算，所以我做不了复杂模型。这一直让我有点伤心。前些日子，受到一篇文章的启发，我终于想通了，矩阵乘法到底是什么东西。关键就是一句话，矩阵的本质就是线性方程式，两者是一一对应关系。如果从线性方程式的角度，理解矩阵乘法就毫无难度。下面是一组线性方程式。矩阵的最初目的，只是为线性方程组提供一个简写形式。老实说，从上面这种写法，已经能看出矩阵乘法的规则了：系数矩阵第一行的2和1，各自与 x 和 y 的乘积之和，等于3。不过，这不算严格的证明，只是线性方程式转为矩阵的书写规则 ...继续阅读 (76)

上个月的最后一天，人民银行网站公布了《非银行支付机构网络支付业务管理办法（征求意见稿）》。这个文件立刻引起了全国的关注，但是，第28条却少有人讨论。第二十八条 ...... 支付机构采用不足两类要素进行验证的交易，单个客户所有支付账户单日累计金额应不超过1000元，且支付机构应当承诺无条件全额承担此类交易的风险损失赔付责任。这一条看上去有点复杂，但是实际很简单。它就是说，如果支付时只有密码认证（即只输入密码就能付款），那么每天最多只能支付1000元，其他就要走银行渠道。如果能采用更安全的认证方式，那么支付额度就可以提高。看出了潜台词吗？嗯，央行觉得密码不安全，需要其他方式确认"你就是你"。第28条用了一个词"不足两类要素进行验证的交易"，这是指什么呢？原来，密码学认为，有三类要素可以确认"你就是你"。（1）你知道的要素，比如密码、暗号等等。这件事只有你知道，别人不知道。（2）你拥有的要素，一把钥匙、一块手表、一件信物等等。这件东西只有你有，别人没有。（3）你的生理要素，指纹、面部特征、DNA等等。这些生理特征，每个人都不一样。上面的这三类要素，任何单独的一个都可以确认"你就是你"，但不够安全。如果能够两个要素联合确认，那么安全系数就大大提高了。密码属于第一类要素，央行的意思就是说，支付的时候，还应该再提供另一类要素，证明你的身份。比如，很多银行会向用户提供U盾，要求使用时插入，这属 ...继续阅读 (78)

团队开发中，遵循一个合理、清晰的Git使用流程，是非常重要的。否则，每个人都提交一堆杂乱无章的commit，项目很快就会变得难以协调和维护。下面是ThoughtBot的Git使用规范流程。我从中学到了很多，推荐你也这样使用Git。第一步：新建分支首先，每次开发新功能，都应该新建一个单独的分支（这方面可以参考《Git分支管理策略》）。# 获取主干最新代码 $ git checkout master $ git pull # 新建一个开发分支myfeature $ git checkout -b myfeature第二步：提交分支commit分支修改后，就可以提交commit了。$ git add --all $ git status $ git commit --verbosegit add 命令的all参数，表示保存所有变化（包括新建、修改和删除）。从Git 2.0开始，all是 git add 的默认参数，所以也可以用 git add . 代替。git status 命令，用来查看发生变动的文件。git commit 命令的verbose参数，会列出diff的结果。第三步：撰写提交信息提交commit时，必须给出完整扼要的提交信息，下面是一个范本。Present-tense summary under 50 characters * More information abou ...继续阅读 (78)

本文通过五个例子，介绍蒙特卡罗方法（Monte Carlo Method）。一、概述蒙特卡罗方法是一种计算方法。原理是通过大量随机样本，去了解一个系统，进而得到所要计算的值。它非常强大和灵活，又相当简单易懂，很容易实现。对于许多问题来说，它往往是最简单的计算方法，有时甚至是唯一可行的方法。它诞生于上个世纪40年代美国的"曼哈顿计划"，名字来源于赌城蒙特卡罗，象征概率。二、π的计算第一个例子是，如何用蒙特卡罗方法计算圆周率π。正方形内部有一个相切的圆，它们的面积之比是π/4。现在，在这个正方形内部，随机产生10000个点（即10000个坐标对 (x, y)），计算它们与中心点的距离，从而判断是否落在圆的内部。如果这些点均匀分布，那么圆内的点应该占到所有点的 π/4，因此将这个比值乘以4，就是π的值。通过R语言脚本随机模拟30000个点，π的估算值与真实值相差0.07%。三、积分的计算上面的方法加以推广，就可以计算任意一个积分的值。比如，计算函数 y = x2在 [0, 1] 区间的积分，就是求出下图红色部分的面积。这个函数在 (1,1) 点的取值为1，所以整个红色区域在一个面积为1的正方形里面。在该正方形内部，产生大量随机点，可以计算出有多少点落在红色区域（判断条件 y < x2）。这个比重就是所要求的积分值。用Matlab模拟100万个随机点，结果为0.3328。四、交通堵塞蒙特卡 ...继续阅读 (123)