（说明： 本文原载2016年第19期《财新周刊》）去年底，李笑来老师众筹他的新书，每份金额2555元。但是，那本书已经开源了，任何人都可以免费阅读。你缴了钱，唯一的权利就是可以加入专属的聊天群。也就是说，这其实不是众筹，而是出售聊天群的会员资格。更严苛的是，在这个群里，你还不能随便聊天，群规写得很清楚。群内不鼓励闲聊；不得发广告；不得传播盗版书籍；允许讨论，不允许争论；每天 18:00 - 21:00 期间可聊天；其他时间尽量不要闲聊，大家时间都有限，尽量不要打搅大伙；否则可能会被扣积分。我很好奇，会有人愿意出几千元，加入一个不能聊天的聊天群吗？接下来的事情，刷新了我对互联网的认识。两天之内，众筹金额就超过了100万元。到今年4月份，这个聊天群的会员规模达到了3000人左右。不仅如此，笑来老师还成立了一家公司，专门开发支持这种收费聊天群的App。这家公司已经拿到了风险投资，将专门服务于各种各样的收费群。在笑来老师的亲自指导下，其他的收费群也开始建立起来了，比如池建强老师建了一个"工程师技术分享群"，会员费是1024元/年，现在也有700多个会员了。我不明白，为什么那么多人愿意付费加入聊天群，付钱去跟不认识的人聊天，或者听别人聊天？如果说是为了获取新的信息和知识，但是手机（尤其是聊天软件）当作学习平台，效果会好吗？怀着这种疑问，我发了一条微博。"大家怎么看收费群，要是我也建一个互联网 ...继续阅读 (83)

真正学会React是一个漫长的过程。你会发现，它不是一个库，也不是一个框架，而是一个庞大的体系。想要发挥它的威力，整个技术栈都要配合它改造。你要学习一整套解决方案，从后端到前端，都是全新的做法。举例来说，React 不使用 HTML，而使用 JSX 。它打算抛弃 DOM，要求开发者不要使用任何 DOM 方法。它甚至还抛弃了 SQL ，自己发明了一套查询语言 GraphQL 。当然，这些你都可以不用，React 照样运行，但是就发挥不出它的最大威力。这样说吧，你只要用了 React，就会发现合理的选择就是，采用它的整个技术栈。本文介绍 React 体系的一个重要部分：路由库React-Router。它是官方维护的，事实上也是唯一可选的路由库。它通过管理 URL，实现组件的切换和状态的变化，开发复杂的应用几乎肯定会用到。本文针对初学者，尽量写得简洁易懂。预备知识是 React 的基本用法，可以参考我写的《React 入门实例教程》。另外，我没有准备示例库，因为官方的示例库非常棒，由浅入深，分成14步，每一步都有详细的代码解释。我强烈建议你先跟着做一遍，然后再看下面的API讲解。一、基本用法React Router 安装命令如下。$ npm install -S react-router使用时，路由器Router就是React的一个组件。import { Router } from 'r ...继续阅读 (78)

昨天，我做了一个小分享，关于时间管理。0.下面七句话，我希望自己能做到、但都没做到。1."进程切换非常昂贵，避免多任务，保持单进程。"不要同时做多件事，结果可能都没做好，还拖长了工作时间。上图是多任务状态和单进程状态的对比，可以看到，多任务状态会花费更多的时间。2."研究表明，集中注意力、高效工作，每天最多4小时。"一个人能够集中注意力的时间，是有限的。一般来说，高效工作只能持续四个小时，其余时间就都是低效工作了。上图左侧是大多数人每天的时间分配，如果你能保证4个小时都高效工作，那么完全可以变成右侧的时间分配。3."划分任务的优先级，不要把'急切'当作'重要'。"你的时间有限，不可能做所有事。最重要的事，应该首先做。一个有用的技巧是，将所有任务按照"重要性"和"紧急性"两个维度，分成四个象限。第一象限优先级最高，第四象限最低。4."起床后，不要查看邮件和微信。"早晨精力最充沛，消耗在邮件和微信就太可惜了，应该用来做更重要的事。而且，邮件代表对别人优先级高，不等于对你优先级高。你的时间到底属于谁？你自己，还是某个给你写信的人？（推荐阅读《为什么起床后不能收邮件？》）5."避免开会，因为人类已知的最浪费时间的事情，就是开会。"越大的公司，越无法避免开会。但至少不要参加与你无关的会。站着开会，也许是一个缩短会议时间的好办法。6."早晨4点起床，到了中午，你就完成了一天的任务。"早晨4点起 ...继续阅读 (81)

（说明： 本文原载2016年第15期《财新周刊》）1.上个月发生了一件新闻，一个网名叫做"papi酱"的姑娘，得到了1200万元风险投资。新闻稿这样说."真格基金、罗辑思维、光源资本和星图资本宣布对papi酱投资1200万元，占股12%；papi酱团队持股88%，估值1亿元。"据报道，papi酱今年29岁，是中央戏剧学院导演系的在读研究生。她从2015年下半年开始，在网上发布各种二三分钟的短视频而走红。在视频里面，她以独白秀的形式，通过夸张的表情，以及变音器、对口型、方言等形式，大讲男女关系、社会现象等等。光看视频的标题，就不难想象她谈论的内容：《当女人说"没事"的时候，到底在说些什么？》、《像个台湾人一样说东北话》、《美女的痛苦你们根本就不懂啊》......"我们统计了一下主流平台的数据，papi 酱的视频总播放量超过 2.9 亿次，每集平均播放量 753 万。其中，点击最高的一集视频《有些人一谈恋爱就招人讨厌》，全网播放量达 2093 万次。这还只是 papi 酱个人账号的数据，不包括其他账号转发的情况。"2.我周围的朋友对这件事情很关注，倒不是因为爱好她的视频，而是很惊奇，难道现在风险投资的门槛已经这么低了？以前，在我们的观念里面，你只有技术领先、做出了一个优秀产品，才能拿到风险投资。papi酱让大家发现，人人都可以获得风险投资，只要拿起手机，拍摄几分钟，上传到网上，有一大群 ...继续阅读 (96)

理查德·汉明（Richard Hamming，1915--1998）是著名美国计算机学家，图灵奖得主，"汉明码"的发明人。1986年3月7日，他在贝尔通信研究中心给200多名科学家们，做了一次演讲，题目叫做《你和你的研究》（英文版，中文版，视频）。他试图回答下面这样一个问题。"为什么有的科学家做出了影响深远的重大成果，而大多数其他人的成果都被历史遗忘了？"这篇演讲非常有名，属于经典文献。不仅对科学工作者有启发意义，每一个从事创造性工作的人，都应该读一下。下面是我的摘录，删除了一些涉及具体的人和事的段落，内容更集中易读，并且为每个部分加上了小标题。=============================你和你的研究（精简版）You and Your Research作者：理查德·汉明（Richard Hamming）译者：未知时间：1986年3月7日我演讲的题目是"你和你的研究"。我要谈的不是普通的研究，而是重大的研究，就是相当诺贝尔奖那一级别的研究。比如，相对论，香农的信息论，以及其他杰出的理论----这就是我要讲的。1945年，我进入洛斯阿拉莫斯国家实验室，负责计算机方面的事，因此见过费曼、费米、奥本海默等大科学家。我一直问自己这样的问题： "为什么他们做出了这样的成果？"和"我和他们的差别是什么" 。我读了传记、自传，去问他们本人："你是怎么干起来这样的事的？" 我试着搞清原 ...继续阅读 (132)

CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。（图片说明：摄于阿联酋艾因（Al Ain）的绿洲公园）一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。因此，实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信。二、两种请求浏览器将CORS请求分成两类：简单请求（simple request）和非简单请求（not-so-simple request）。只要同时满足以下两大条件，就属于简单请求。（1) 请求方法是以下三种方法之一：HEADGETPOST（2）HTTP的头信息不超出以下几种字段：AcceptAccept-LanguageContent-LanguageLast-Event-IDContent-Type：只限于三个值application/x-www-form-urle ...继续阅读 (65)

浏览器安全的基石是"同源政策"（same-origin policy）。很多开发者都知道这一点，但了解得不全面。本文详细介绍"同源政策"的各个方面，以及如何规避它。一、概述1.1 含义1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。协议相同域名相同端口相同举例来说，http://www.example.com/dir/page.html这个网址，协议是http://，域名是www.example.com，端口是80（默认端口可以省略）。它的同源情况如下。http://www.example.com/dir2/other.html：同源http://example.com/dir/other.html：不同源（域名不同）http://v2.www.example.com/dir/other.html：不同源（域名不同）http://www.example.com:81/dir/other.html：不同源（端口不同）1.2 目的同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。设想这样一种情况：A网站是一家银行，用户登录以后，又去浏览其他网站。如果其他网站可以读取A网站的 Cookie，会发生什么？很显然，如 ...继续阅读 (62)

上个周末，我读完了拉斯洛·博克 （Laszlo Bock）的《重新定义团队:谷歌如何工作》一书（中信出版社，2015）。拉斯洛·博克是谷歌的人力资源副总裁，该书主要介绍谷歌人力资源管理的各个方面：招聘、薪酬、团队建设、工作环境等等。说实话，我觉得，这本书不是很好看。你可以想象一下，人事经理写一本书会是什么样？就像人力资源部的报告一样！完全是MBA毕业生的那种文体，it is not fun.但是，这本书透露了谷歌内部的很多信息和做法，很值得了解。下面是我摘录的第七章《绩效管理》，从中可以看到谷歌怎么评定绩效。另外，根据自序，拉斯洛·博克在干人力资源之前，还干过熟食店店员、餐馆服务员、图书馆馆员、英语老师、海滩救生员、群众演员等等，后来去读了MBA，转行当上了人力资源经理。所以，我觉得如果你不想当工程师了，改行当HR也是一条路啊。=================================================谷歌的绩效管理（书摘）作者：拉斯洛·博克（谷歌人力资源副总裁）1.谷歌每年的内部调查，绩效管理的满意度一直是最低的。2013年初，只有55%的谷歌员工，认为公司的绩效管理令人满意。虽然，这个比例比许多其他公司的30%要高，但依然很糟糕。员工抱怨最多的两个方面是，一是耗费太多时间，二是流程不够透明，令人怀疑它的公平性。2.2013年之前，绩效每个季度考核一次。每名 ...继续阅读 (58)

（说明：本文原载《财新周刊》2016年第11期）谷歌的围棋软件AlphaGo，战胜了世界冠军李世石九段。所有讨论文章当中，有一篇的题目起得最好：《机器人赢了围棋，取代你的职业还会远吗》。（图片说明：世界冠军李世石苦苦思考，依然不敌计算机）围棋这样复杂的思维游戏，机器人都能超过人类，那么世界上还有多少工作，是机器人不能干的呢？如果工作都由机器人承担了，人不就失业了吗？AlphaGo团队只有20个人，谷歌并没有投入太多资源。它真正大力投入的人工智能项目，是无人驾驶汽车。（图片说明：谷歌改装了一辆丰田汽车）据报道，该项目已基本完成，目前正处在路试阶段。每天，无人驾驶汽车就在加州的公路上开来开去，测试可靠性。另有消息说，这项技术已相当可靠，推向市场的时间非常近了。我本来不相信，机器可以开车却不发生事故。但见识了AlphaGo的强大实力以后，我对无人驾驶汽车有信心了。（图片说明：未来的无人驾驶汽车不设置驾驶位）真的很可能，机器驾驶汽车比人类驾驶得好。如果这项技术成功，十年以后，就没人去学开车了，驾校也会关门。终有一天，因为人类不如机器可靠，法律规定，人类不得驾驶汽车，只能由机器驾驶。如果你还想开车过过瘾，必须去专门的游乐场，就好像现在骑马只能去马场一样。这种前景看上去很美好，但是有一个问题：如果将来都是机器驾驶，那么现在的这些司机怎么办呢？进一步说，如果将来都是机器人为人类服务，那么现在的售 ...继续阅读 (75)

今天，我想介绍一本书《最好的告别：关于衰老与死亡，你必须知道的常识》（浙江人民出版社，2015）。作者是阿图•葛文德（Atul Gawande） 。他是麻省总医院外科医生、哈佛医学院教授、白宫健康政策顾问。作为一个顶尖医生，他将自己多年的思考写成了这本书。一、医学的现状序言中，他提出了一个问题：面对死亡和衰老，当今医学做对了吗？跟前人相比，我们活得更长、生命质量更好。科学进步已经把衰老和死亡，变成了医学可以干预的项目。人们不再把它们看成一种自然的结局，而是将其看成一种病，千万百计希望"治愈"它。每一次病人医治无效去世，都好像是一种意外。媒体经常报道，某个90岁的老人跑马拉松的故事，仿佛这不是生物学上的奇迹，而是对所有人的合理期待。长生不老的幻觉大行其道。病人、家属、医生、社会都在追求延长生命、"战胜"死亡，这是否是正确的态度呢？二、一个癌症末期病人的故事约瑟夫·拉扎罗夫到了癌症晚期，已无法治愈了。医生给了他两个选择：一是姑息治疗，二是实施手术。但是，手术治不好他的病，也不能纠正肿瘤引起的瘫痪，更谈不上恢复过去的生活，只能让他多活几个月。而且，手术本身也有危险，失血量会很大，术后可能发生各种并发症、恢复起来很困难。我尽量用委婉的语气把情况说清楚，但是，病人还是一下坐了起来。"别放弃我，"他说，"只要我还有任何机会，你们一定要让我尝试。"他签完字后，我出了病房。他儿子跟出来，把我拉到一 ...继续阅读 (73)

（说明：本文原载我的《财新周刊》专栏，2016年第七期）春节同学聚会，大家聊起近况。甲在实体经济部门工作，企业效益不好，正酝酿减员增效，他忧心忡忡，跳槽都不知道怎么跳，因为全行业都不景气。乙从事互联网工作，行业发展热火朝天，新事物层出不穷，但是他已人到中年，技术老化，跟不上行业新陈代谢的速度，公司又实行末位淘汰制，他自觉难以与年轻求职者竞争。谈到未来，他们都很有压力，感到不乐观，甚至苦闷。一个现实的问题是，如果现在的工作干不下去了，未来怎么办？我正好思考过这个问题，就问他们，是否听过"B计划"这个词？军事行动至少要准备两套计划：A计划在正常情况下执行，B计划是应急计划，在A计划落空时执行。这就好比电话打到一半，突然手机没电了，要是你随身携带第二块电池，就能应急。B计划就是那备用的第二块电池。对于人生来说，你现在的职业就是A计划，应该努力追求职业成功。但是，也要做好两手准备，万一A计划失败，还需要一个B计划，对自己的退路有所安排。甲和乙都表示同意，各自举了一个他们眼中B计划的例子。甲的朋友计划移民，一边正常上班，一边下班后申请技术移民。他甚至想到了，去了那边以后，万一找不到工作，就去当厨师，为此周末还报名烹饪学校，要考出厨师证。乙的同事计划退居山林，打算等到公司股票上市后，开一家茶道馆修身养性，为此专门去杭州附近的山里看房子，为未来的茶馆选址。我说，这些不算B计划。它们只是成功后的退 ...继续阅读 (58)

前面的文章介绍了 Systemd 的操作命令和基本用法，今天给出一个实例，如何使用 Systemd 启动一个 Node 应用。本文是独立的，不需要前面的教程作为预备知识。一、克隆代码首先，下载示例库。$ git clone https://github.com/ruanyf/node-systemd-demo.git $ cd node-systemd-demo示例脚本server.js非常简单，就是一个 HTTP 服务器。var http = require('http'); var hostname = '0.0.0.0'; var port = 5000; http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World'); }).listen(port, hostname, function () { console.log('Server running at http://%s:%s/', hostname, port); });二、修改配置文件Systemd 启动上面这个脚本，需要一个配置文件node-server.service。这个文件的文件名可以随便取，但是后缀名必须是.service。[ ...继续阅读 (61)

上一篇文章，我介绍了 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 ...继续阅读 (69)

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 的优点是功能强大，使用方便，缺点是体系庞大，非常复 ...继续阅读 (68)

"守护进程"（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 &只要在命令的尾部加上符号&，启动的进程就会成为"后台 ...继续阅读 (48)

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

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

越来越多的人，使用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最容易上手。这就是说，同样的测 ...继续阅读 (78)

（说明：本文选自我的新书《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个阶段），选装一个 ...继续阅读 (69)

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

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 ...继续阅读 (104)

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

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

过去一年中，前端技术大发展，最耀眼的明星就是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 的基 ...继续阅读 (52)

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

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 ...继续阅读 (63)

最近，有一篇文章正在疯传。它是上个月，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 ...继续阅读 (85)

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）预 ...继续阅读 (78)

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

我每天使用 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 ...继续阅读 (60)