译者注：本文主要涉及到两个概念： Emulator 和 Simulator。通常我们在工作中可能统统习惯称为“模拟器”，但实际上二者有所不同。为了分清概念，本文将 Emulator 译作 “仿真器”， Simulator 译作 “模拟器”。听起来可能略拗口，如产生生理或心理不适，敬请谅解。仿真器（Emulator），又称仿真程序，在软件工程中指可以使计算机或者其他多媒体平台（掌上电脑，手机）能够运...

WebP 是 Google 发明的更小的替代 JPEG 和 PNG 的格式。最近有很多关于WebP支持的疑惑，细说来就是可以用它做什么，不能做什么，比如说浏览器支持，CMS 支持等等。今天我想清除你所有可能的疑虑。WebP 的支持程度实际上比你想的可能要好得多。WebP 浏览器支持并非所有浏览器都支持 WebP，所以很重要的是你得清楚哪些浏览器是支持的，这可能会影响你做决定，是否在你的网站或项目中...

译者注译者在做自己的一个小工具（抓取博客的 Chrome 扩展）的时候，使用 jQuery 辅助作为 DOM 解析器，为了避免加载图片、脚本、样式表等无用的资源，在将字符串传给 $ 的时候，先对字符串中的相关标签进行了处理。但遇到某个网站的时候，一直疑惑不解，明明已经做了替换，但通过 Chrome Devtools 能看到，部分资源还是会下载。几经折腾，发现还是因为自己懂得太少了。查看请求该页面时...

译者注：本文讲到的 hybrid & native 可能和我们通常理解的略有差异。文中 native 部分主要讲到的是 NativeScript，这一点可能在一些开发者看来是有争议的。关于 NativeScript，想起来@前端外刊评论 有一篇文章《使用 NativeScript 和 Angular2 构建跨平台 APP》，可以参阅。移动应用开发，何时该用 hybrid，何时又该用 nat...

在渐进式 Web App 开发峰会(Progressive Web App dev Summit)上展示的时候，我花了差不多 20 分钟讲了这样一点：Alex，你昨天演讲展示了华盛顿邮报(Washington Post)的 AMP （——译者注：Accelerated Mobile Pages Project） demo。轻轻那么一点，华盛顿邮报的 AMP 应用就出来了，还能够通过自定义元素安装...

命令行也有苦恼不知身为前端er的你是不是还在使用 Windows 开发？反正我是。使用 Git？使用 npm scripts？好吧，命令行是少不了的吧？想必很多同学和我一样，使用 Git Bash 作为命令行终端吧。可是每次都要敲，累不累？想想一次简单的 Git 提交需要几个步骤？$ git add -A$ git commit -m 'commit'$ git push图简便的你可能会在 pac...

学习如何使用测试驱动开发的方式，用 Node.js、MongoDB、Mocha 和 Sinon.js 开发 Todo API。简介测试是软件开发过程中的一个完整部分，它帮助我们提升软件品质。有很多种测试方法，如手动测试，集成测试，功能测试，负载测试，单元测试等等。在本文中，我们将会遵循测试驱动开发的规则编写代码。单元测试是什么？Martin Fowler 将单元测试定义如下：首先一个概念，单元测试...

方法一：计数比较function loadImg(url, cb) { var img = new Image(); img.src = url; img.onload = cb;}function loadImages(urlArr, afterAllLoadedFunc) { var count = urlArr.length; var loadedCount =...

2016-09-03 更新随着在工作学习中更多地接触、使用测试工具，发现自己在本文中的一些记录是不准确、不正确的。今天（九月三日）在家看了 NingJs 的直播，其中有一个分享是关于测试框架的，非常棒，之后有可能的话还是找来视频再学习下。是的，两个月前的理解，是很初级很浅陋的。继续学习，继续钻研吧。交代前因前些天接手了一个旧项目。幸好不是在原来的基础上做些修修改改的工作，可以算是开发新版的。把前面...

译者注：本文写作于 2014 年 10 月。本文是《世界各地的 Web 设计(Web Design Across the World)》系列的一部分。随着更多的西方企业将目光投向中国市场，我被问过许多关于为中国客户设计网站的复杂性的问题，还有在中国做电商的技术问题。免责声明：写在前头中国有着难以置信的多样性，社会各阶层之间的鸿沟很大，所以不可能从总体上来说“中国”或“中国人”。不仅是像上海、北京这...