摘要：
开这个博客的初衷主要是想沉淀一下我最近即将开展的对于HTML5及移动端性能方面的一些探索，而appcache我们更加关注的是缓存策略上对于性能的优化上的帮助，所以对于appcache的运行过程我们需要更加地清楚，昨天的Application Cache API （一）整体介绍了一下appcache，接下来会对appcache做一些黑盒测试，以便我们了解更多。 这个demo中主要涉及到3类资源，两个页面，我们观察3类资源在不同的场景下浏览器的appcache策略。 demo代码： test1.html如下：<html manifest="manifest.appcache&quo 阅读全文
摘要：
Application Cache API （一）2012-06-12 18:51 by BlackBird, 481 阅读,0评论,收藏,编辑什么是Application Cache API？HTML5提供了一系列的特性来支持离线应用： application cache localStrorage web SQL & indexed database online/offline events本文要讲的是application cache。传统的web程序中浏览器也会对资源文件进行cache，但是并不是很可靠，有时起不到预期的效果。而HTML5中的application cache 阅读全文
摘要：
用 seajs 组织项目，上线后，经常需要更新特定文件或所有文件的时间戳，以清空浏览器缓存。最简单的方式是：123define(function(require, exports) {var a = require('path/to/a.js?20110801');});这种方式很简单直观，弊端也很明显：文件一多，时间戳会分散在各个文件，维护起来不方便。第二种方式是利用 alias:12345678seajs.config({alias: {'jquery': 'jquery/1.6.2/jquery','backbone': & 阅读全文
摘要：
Nodejs.org先简单了解下nodejs.org的各个子页面（或子站点）:Homepagenode官网主页，简介+demoDownload各平台node安装包下载页Aboutnode简介，推荐底部的slideJsConf2009，JsConf2010NPM RegistryNPM库DocsAPI文档Blog目前就是个node更新日志列表Communitynode社区入口，分类罗列了各种资源概念上应该将NPM放在Community内；单列出来，可以看到NPM在node生态环境中的重要地位。事实也是如此，没有NPM就没有node的今天，这话一点不假；只有Ryan一个人的努力，就算能把node写 阅读全文
摘要：
近年来随着Web应用交互复杂度的提升，前端开发也迎来了一个高速发展的时期。除了一些老牌框架纷纷推出改动较大的升级之外，还涌现出一批新生代的开源库和框架，推动着Web应用开发理念向越来越强调前端架构的方向发展。当下的前端技术可以说是处在一个新旧交替的过程之中，同时存在着许多不同的观念和实践。本文试图对目前数量繁多的前端框架进行一些较笼统的分析和比较，抛砖引玉，希望能为大家在选择前端的技术架构时提供一些有益的参考。需要明确的是，本文探讨的前端架构是以JavaScript为主。有一些主要关注CSS层面的前端框架，如Bootstrap，不在本文的讨论范围之内。今天的JavaScript框架和库繁多复杂 阅读全文
摘要：
http://lodash.com/docs功能就不说了..提供了很多函数功能http://www.boilerjs.com/#api_contains都是类似 .underscorejs 阅读全文
摘要：
https://github.com/sakabako/scrollMonitorBasic Usagevar scrollMonitor = require("./scrollMonitor"); // if you're not using require, you can use the scrollMonitor global.var myElement = document.getElementById("itemToWatch");var elementWatcher = scrollMonitor.create( myElement 阅读全文
摘要：
Mustache 是个不错的js模板引擎，源码：https://github.com/janl/mustache.js演示：http://mustache.github.com/#demo，不仅支持js，还有PHP/RUBY/nodejs等好多语言。市面上的JS模板引擎也不少了，在公司的项目中，考虑在mustache.js、jquery-tmpl两个里面选择，最后选择了mustache，因为它支持的语言更多些，可以写成JQ插件，不依赖其他库，用在团队比较适合，并且一些不错的web项目也选择了它，性能方面应该都不会有太大差距。js模板引擎可以把模板分离出来，在ajax使用较多的场合非常适用。以前 阅读全文
摘要：
做前端的，应该有不少人都写过操作URL的代码，比如提取问号后面的参数、或者主机名什么的，比如这样：123varurl="http://jszai.com/foo?bar=baz",separator=url.indexOf('?') >-1?'&':'?';url+=separator+encodeURIComponent("foo")+"="+encodeURIComponent("bar");这类代码写多了也觉得很烦，如果有一个比较全面的解决方案就好 阅读全文
摘要：
hammer.js是一个多点触摸手势库，能够为网页加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多点触摸事件，免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。hammer.js不但支持触摸屏设备的浏览器，在桌面浏览器上，也能将鼠标的点击当做触摸，方便开发人员在桌面浏览器上调试。（JS仔在自己的随手背项目里面也用了hammer.js，真心好用）使用方法1234567891011121314151617181920<script src="http://eightmedia.github.co 阅读全文