1. 什么是 QUnit QUnit（http://qunitjs.com/） 是一个非常强大的javascript单元测试框架，可以帮你调试代码。它是由 jQuery 团队的成员写的，而且是 jQuery 的官方测试套装。但QUnit一般是足以测试任何常规 javascript 代码，它甚至可能通过一些 javascript 引擎比如 Rhino 或 V8 来测试服务器端 JavaScript。

jsonp 用于解决 javascript 数据跨域请求的，其原理很简单，即利用 <script src=\"\"></script> 中的 src 的地址可以跨域，动态的构造 script 标签，以实现跨域数据访问。了解了原理后，下面我们继续详细地学习一下。 javascript 同源策略 如果 javascript 脚本向非当前域名的 URL 发出 XMLHttpReque

在编辑器 Sublime text 2 中，可以通过插件的方式进行很多的功能扩展，而大名鼎鼎的 Zendcoding 也不在例外。Zen coding 是一种快速编写HTML/CSS代码的方法，它使用仿CSS选择器的语法来快速开发HTML和CSS 但是现在，在 Sublime 的程序包控制中找不到 Zendcoding 了，这是因为它已被改名为了 Emmet，搜索并安装之即可。 Emmet 的功能

jquery mobile 对手势触控提供了如下几个事件监听: tap 当用户点屏幕时触发 taphold 当用户点屏幕且保持触摸超过1秒时触发 swipe 当页面被垂直或者水平拖动时触发。这个事件有其相关联的属性，分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDi

  HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetH

异步模式在 Web 编程中变得越来越重要，如何处理异步请求后的操作是一件麻烦事。Promise 是一种异步编程模型，术语称作 Deferred 模式，它通过一组API来规范化异步操作，让异步操作的流程控制更加容易。 Promise 编程模式也被称为 thenable，可以理解为 延迟后执行。每个 Promise 都拥有一个叫做 then 的唯一接口，当 Promise 失败或成功时，它就会进行回调

有时我们需要一个可选的下拉框来选取内容，但是但是又有可以自定义输入的需求。对于这种需求，大部分网站使用的都是一个下拉框和一个 input text ，并列或分行给出选择。那么，我们希望它看上去像一个可以输入也可以选择的下拉框，那该如何做呢？ 其实我们可以通过 css position 定位及少许的 javascript 代码，模拟出来这种效果。 下面是志文工作室在一个工作项目需求中实现的相关代码示

HTML5 离线应用的实现少不了这个功能的支持，通过 manifest 文件配置，可以很方便的设置哪些文件可以和不可以被缓存。 加注： applicationCache API 由于问题较多，当前已不再建议使用，该标准也已被废弃。可以使用 service Worker 来代替相关需求的实现。 一. 实现 HTML5 applicationCache 的步骤 一般的操作步骤 新建 manifest

Dribbble上令人惊叹的无线端交互设计！ 作者：Dash 作者：Dash 作者：Jeff Broderick 作者：Rally Interactive (via Ben Cline) 作者：Dash 作者：Dash 作者：Peter Had 作者：Jakub Antalík 作者：Rally Interactive (via Ben Cline) 作者：Agence Me (via Barth

规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证