2009年底，Google发布了短网址服务goo.gl。 Google声称： "......（这是）互联网上最稳定、最安全、最快速的短网址服务。" 有人做了比较，证明确实如此。 从上图可以看到，goo.gl的响应和跳转时间是最短的。 除了速度快，goo.gl还提供详
就在这个周末，npm 超过了 cpan ，成为地球上最大的软件模块仓库。 npm 的模块都是 JavaScript 语言写的，但浏览器用不了，因为不支持 CommonJS 格式。要想让浏览器用上这些模块，必须转换格式。 本文介绍浏览器加载 CommonJS 的原理，并
目前，JSON已经成为最流行的数据交换格式之一，各大网站的API几乎都支持它。 我写过一篇《数据类型和JSON格式》，探讨它的设计思想。今天，我想总结一下PHP语言对它的支持，这是开发互联网应用程序（特别是编写API）必须了解的知识。 从5
2009年，Node.js 项目诞生，所有模块一律为 CommonJS 格式。 时至今日，Node.js 的模块仓库 npmjs.com ，已经存放了15万个模块，其中绝大部分都是 CommonJS 格式。 这种格式的核心就是 require 语句，模块通过它加载。学习 Node.js ，必
今天下午，我在读下面这篇文章。 虽然名字叫《PHP最佳实践》，但是它主要谈的不是编程规则，而是PHP应用程序的合理架构。 它提供了一种逻辑和数据分离的架构模式，属于MVC模式的一种实践。我觉得，这是很有参考价值的学习资料，类似的文
本文是《深入掌握 ECMAScript 6 异步编程》系列文章的最后一篇。 Generator函数的含义与用法 Thunk函数的含义与用法 co函数库的含义与用法 async函数的含义与用法 一、终极解决 异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出
CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。 网页设计大师Nicholas Zakas的最新文章，清晰易懂地解释了CSS3圆角的各个方面，非常值得学习。以下就是我翻译的中文版。 =====================================
进入正文之前，先插播一条消息。 我七年前翻译的《软件随想录》再版了（京东链接）。这次是《Joel论软件》两卷同时再版，第一卷是新译本，第二卷是我翻译的。 本书的作者是著名程序员、StackOverflow的创始人 Joel Splosky。我觉得，它是
有人在Stack Overflow上发问，动手开发网站之前，需要知道哪些事情？ 不出意料地，他得到了一大堆回答。 通常情况下，你需要把所有人的发言从头到尾读一遍。但是，Stack Overflow有一个很贴心的设计，它允许在问题下方开设一个wiki区，让
本文是《深入掌握 ECMAScript 6 异步编程》系列文章的第二篇。 Generator函数的含义与用法 Thunk函数的含义与用法 co函数库的含义与用法 async函数的含义与用法 一、参数的求值策略 Thunk函数早在上个世纪60年代就诞生了。 那时，编程语
上个月，我贴了《图形化简历》。 几天后，就收到了秋叶老师的来信，希望与我探讨一些设计问题。他写过一本畅销书《说服力-让你的PPT会说话》，眼下正在写续集。 我看了新书的样章，觉得很不错，有些内容很值得分享。 ===================
本文是《深入掌握 ECMAScript 6 异步编程》系列文章的第一篇。 Generator函数的含义与用法 Thunk函数的含义与用法 co函数库的含义与用法 async函数的含义与用法 异步编程对 JavaScript 语言太重要。JavaScript 只有一根线程，如果没有异
前不久，ColourLovers.com公布了一项调查结果。 他们发现，美国前100大网站的Logo，主要使用12种颜色。其中，采用蓝色的网站最多，红色排在第二种，黄色排在第三种。 我把这12种颜色的RGB代码列出来，供将来自己做网页时参考。 1. 浅绿 #
尾调用（Tail Call）是函数式编程的一个重要概念，本文介绍它的含义和用法。 一、什么是尾调用？ 尾调用的概念非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。 function f(x){ return g(x); } 上面代码中，
最近，网站设计有一个新的趋势。 很多网站的首页，完全以一张图片作为主题，文字信息很少，只有几个主要链接，就像一张插图。我把这种主页称为"插图式主页"（illustration web design）。 Tripwire Magazine对这种设计做了总结，下面就是
现在最热门的前端框架，毫无疑问是 React 。 上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满
维基百科这样介绍莫斯科地铁： "......（它）是世界使用率第二高的地下轨道交通系统，仅次于日本东京。 主要结构为中心辐射状，全长277.9公里，12条线路，171个车站。所有的线路按照开通顺序，获得1--12的编号。 最重要的是5号线----环线
JavaScript 是一种灵活的语言，表达力极强，我来举一个例子，保证让很多人大吃一惊。 本文受到了 Kyle Simpson 的文章《Iterating ES6 Numbers》的启发。 首先，在 Number.prototype 对象上，部署一个 add 方法。 Number.prototype.add
"微博"就是不超过140个字的微型网志。 很长一段时间，我都想不出它有什么用，140个字可以说什么？大概只有自恋狂，才会把自己的一举一动贴上网，让全世界看到吧！ 所以，尽管我在2007年5月就注册了，但是一直没有使用。我还做了一个试验
正如我们都知道的，全文Feed最有用。 但是，世界上的大部分Feed，都是摘要Feed，甚至是标题Feed。我们只好自己动手，制作全文Feed。 传统的制作方法非常麻烦，需要针对不同的网站，编写不同的内容提取规则。要是有一个傻瓜型的"全文Feed
气泡状文本框，是一种很生动的网页设计手段。 它可以用来表示用户的发言。 也可以用来作为特定信息的提示符。 DVD租借网站Netflix，还用它显示碟片的详细信息。 ========================= 制作CSS气泡框的传统方法，需要5张背景图片，分
上个月，我做了一次分享，详细介绍了Unicode字符集，以及JavaScript语言对它的支持。下面就是这次分享的讲稿。 一、Unicode是什么？ Unicode源于一个很简单的想法：将全世界所有的字符包含在一个集合里，计算机只要支持这一个字符集，就
最近，我开始升级网志了。 在修改模板的过程中，需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章，我就把它整理出来，供自己参考，也希望对大家有用。 未来，本文将持续更新。 1. 文字的水平居中 将一段文字置
随着浏览器的升级，CSS3已经可以投入实际应用了。 但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。 以下就是这些写法的详细介绍。所有代码都经过了Firefox
模块化结构已经成为网站开发的主流。 制作网站的主要工作，不再是自己编写各种功能，而是如何将各种不同的模块组合在一起。 浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得
经常有读者抱怨，看不到网志中的图片。 确实如此。正常情况下，过去文章中的图片，超过60%都无法在国内正常显示。 但是，事实上，这个网志的所有图片链接都是有效的，没有一个链接是坏的。无法显示只是因为被屏蔽了，只要你不在中国大陆
过去的一个月，我写了一本书《ECMAScript 6入门》，今天上线了。 网址：es6.ruanyifeng.com ES6是JavaScript语言的下一个版本，预计将在2014年底正式发布。它对JavaScript做了大量改造，提高了灵活性和应用性，使得这门语言真正成为了企
一、问题的由来 URL就是网址，只要上网，就一定会用到。 一般来说，URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。比如，世界上有英文字母的网址"http://www.abc.com"，但是没有希腊字母的网址"http://www.a
大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的None，Ruby语言的nil。 有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？ 一、相似性 在JavaScript中
[2014.10.08更新] 本文内容有错误，请参考新版本。 Event Loop 是一个很重要的概念，指的是计算机系统的一种运行机制。 JavaScript语言就采用这种机制，来解决单线程运行带来的一些问题。 本文参考C. Aaron Cois的《Understanding The No
最近，我在学习Linux，下面是一些笔记。 使用电脑的时候，经常需要查找文件。 在Linux中，有很多方法可以做到这一点。国外网站LinuxHaxor总结了五条命令，你可以看看自己知道几条。大多数程序员，可能经常使用其中的2到3条，对这5条命令
有限状态机（Finite-state machine）是一个非常有用的模型，可以模拟世界上大部分事物。 简单说，它有三个特征： * 状态总数（state）是有限的。 * 任一时刻，只处在一种状态之中。 * 某种条件下，会从一种状态转变（transit
简单说，xpath就是选择XML文件中节点的方法。 所谓节点（node），就是XML文件的最小构成单位，一共分成7种。 xpath可以用来选择这7种节点。不过，下面的笔记只涉及最常用的第一种element（元素节点），因此可以将下文中的节点和元素视为
1. 前几天，我才知道有一种简化的数据交换格式，叫做yaml。 我翻了一遍它的文档，看懂的地方不多，但是有一句话令我茅塞顿开。 它说，从结构上看，所有的数据（data）最终都可以分解成三种类型： 我恍然大悟，数据构成的最小单位原来如此
越来越多的网站，开始采用"单页面结构"（Single-page application）。 整个网站只有一张网页，采用Ajax技术，根据用户的输入，加载不同的内容。 这种做法的好处是用户体验好、节省流量，缺点是AJAX内容无法被搜索引擎抓取。举例来说，你
制作网页的第一步，就是学会编写HTML语言。 HTML是一种标签语言，通过在内容上附加各种标签，达到在浏览器中正确展示的目的。正确地编写HTML，不仅是制作网页的必要条件，也是对网页进一步处理、添加CSS和Javascript效果的前提。 编写HTM
jQuery是现在最流行的JavaScript工具库。 据统计，目前全世界57.3%的网站使用它。也就是说，10个网站里面，有6个使用jQuery。如果只考察使用工具库的网站，这个比例就会上升到惊人的91.7%。 虽然jQuery如此受欢迎，但是它臃肿的体积也让
制作网页表格，需要使用table标签。 用好table标签并不容易，复杂的表格做起来就很麻烦，比如下面这张表。 我整理了一些HTML表格的高级语法。你可以看看，自己会用多少？ 1. 标题和内容描述 表格的标题用caption标签表示，它会自动出现在
上周，jQuery 1.9发布。 这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。 访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js，打开压缩后的版本，滚动到底部，你可以看到最后一行是这
昨天，我看了一点Website Optimization这本书。 书里有一些统计数字很有趣，下面就是一点摘录。 网页的大小 ● 2003年，全世界网页的平均大小是93.7KB，2008年增长到312KB，5年中翻了3.3倍。（这里的网页大小包括图片、CSS文件、Javascri
一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、
网页设计时，我经常遇到下面这个问题，一直不知道怎么解决。 今天，总算全部理解了，一定要写下来。 1. 问题的由来 有这样一种情形：在一个容器（container）中，有两个浮动的子元素，如图一。 请问HTML代码应该怎么写？ 很简单啦，几行
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，
没人愿意等待。 所以，没有访问者真的能够忍受一个打开速度极慢的网站。但是，网页打开速度到底对用户行为有什么影响，恐怕没几个人能够说清楚吧。 前几天，我读到一篇这方面的文献综述，感到非常别开生面。下面就是一点摘录。 网页打开
这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载
这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。 （接上文） 七、模块的规范 先想一想，为什么模块很重要？ 因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，
TCP/IP模型是互联网的基础。 想要理解互联网，就必须理解这个模型。但是，它不好懂，我就从来没有搞懂过。 前几天，BetterExplained上有一篇文章，很通俗地解释了这个模型。我读后有一种恍然大悟的感觉，第一次感到自己理解了互联网的总
去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。 这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。 笔记分为两个部