随笔分类 - 那些js库
摘要：js模板引擎越来越多的得到应用，如今已经出现了几十种js模板引擎，国内各大互联网公司也都开发了自己的js模板引擎（淘宝的kissy template，腾讯的artTemplate，百度的baiduTemplate等），如何从这么多纷繁的模板引擎中选择一款适合自己的呢，笔者最近对主流的js模板引擎（m...
阅读全文
摘要：－ xui.js：可以被视作是jquery在phonegap上的替代品，挺好用的－ jq.mobi：同上，不过体积比xui.js要大，一般还是用xui.js－ jq.ui：jq.mobi配套的UI框架，比较丑，自由也度不高－ jo：虽然能很好地跟PhoneGap搭配，但是这个UI简直丑到不能看了，同...
阅读全文
摘要：http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Libraryhttp://zohararad.github.io/audio5js/
阅读全文
摘要：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
阅读全文
摘要：Morris.js是一个画统计图表的库，目前支持折线图、面积图和环状图三种，鼠标悬浮的时候会显示tips和简单的交互效果，比较全面地支持各种浏览器（包括IE6）。文档地址：http://www.oesmith.co.uk/morris.js/#lines演示地址：http://www.oesmith.co.uk/morris.js/#examples源码地址：https://github.com/oesmith/morris.js/tree/master文件大小：39.4KB（源码）、21.9KB（minified）依赖的库：jQuery>= 1.7,Raphaël>=
阅读全文
摘要：moment.js是一个轻量级并且健壮的js日期处理类库，相信大家在javascript开发过程中，都自己动手写过，或者使用google和百度搜索过相关的实现函数。使用这个类库，可以帮助你有效的处理相关日期。希望大家喜欢！主要特性：3.2kb超轻量级独立类库，意味这你不需要倒入一堆js日期处理支持UNIX 时间戳，String，指定格式的Date日期处理：加，减日期日期显示：包括相对时间显示的日期显示选项其它内建的功能，例如，保存，timezone offset和i18n支持可以作为node.js的一个模块完整的文档介绍如何使用？var now = moment(); console.log(
阅读全文
摘要：最近在捣鼓一个基于Node.JS的东西，语言自然是JavaScript了。但后来发现了CoffeeScript，发现确实简便很多，于是变节到了Coffee阵营。写了两个小模块，忽然想到要测试。最初找到了Jasmine，后来又发现了mocha。经过一番比较斟酌，觉得既然配咖啡（Coffee），自然还是得摩卡（mocha）。所以最终决定使用mocha来做测试工具。好吧，实际原因是在mocha的主页上看到它支持代码覆盖率检查。后来经过各种折腾才总算搞定了这个覆盖率检查以及报告的查看问题。其实，这一切在Linux上应该是非常简单的，但我手上只有Windows，所以一波三折。介于网上相关的信息有些零散，
阅读全文
摘要：https://github.com/madrobby/keymaster// define short of 'a'key('a', function(){ alert('you pressed a!') });// returning false stops the event and prevents default browser eventskey('ctrl+r', function(){ alert('stopped reload!'); return false });// multiple sho
阅读全文
摘要：https://github.com/derek-watson/jsUriPass anything that your browser would recognize as a url to the new Uri() constructorvar uri =newUri('http://user:pass@www.test.com:81/index.html?q=books#fragment');and then use the following accessor methods to get at the various parts.uri.protocol(); ..
阅读全文
摘要：SoundManager2提供一套在javascript中用来控制声音的API。使用HTML5和Flash，为Javascript提供跨平台的音频控制功能（支持PC、手机、PAD等其它移动终端）。官方主页:http://schillmania.com/projects/soundmanager2/官方下载:http://schillmania.com/projects/soundmanager2/doc/download/示例:http://schillmania.com/projects/soundmanager2/github下载：https://github.com/scottschil
阅读全文
摘要：PxLoader是一个 JavaScript 库用于帮助你实现图片、声音等各种文件的预加载功能。
阅读全文
摘要：最近做web app项目做到心血来潮，有太多经验想记录，太多细节想分享。今日把使用iscroll4 一直困扰了很久的问题研究解决了，很高兴决定把使用的心得写出来，方便大家参考，不要再走太多的弯路。iscroll4 是一款针对web app使用的滚动控件，它可以模拟原生IOS应用里的滚动列表操作，虽然插件不大但是效果十分好。是web app开发必备的控件之一。iscroll4官网 ：http://cubiq.org/iscroll-4为什么要用iscroll4因为在IOS5之前，web webkit是不支持一种原生方法去滚动固定 长/宽 容器里的内容的。简单的说，就是css属性 overflow
阅读全文
摘要：jQ.Mobi是基于HTML5重写的jQuery框架，由appMobi开发并且开源托管于github，在此有简易的在线文档提供查阅。 jQ.Mobi相比于其他方案具有体积小速度快的优势。jQ.Mobi由三个组件组成：查询（query）程序库jQ.ui——为webkit内核浏览器提供的用户界面程序库jQ.Plugin——针对webkit浏览器的插件支持下面主要讲解下框架的UI部分。1 基本页面布局上图即为jQ.mobi提供的基本布局，从视觉上分为三个部分头部、内容区域、底部，如下图。依照苹果App界面设计规则：header头部属于导航栏固定于整个应用的顶部，主要是“你在这里”的标志（也可承载按钮
阅读全文
摘要：参考资料http://documentcloud.github.com/backbone/ http://www.csser.com/tools/backbone/backbone.js.html官网介绍Backbone通过提供模型Models、集合Collection、视图Veiew赋予了Web应用程序分层结构。通过以下方式实现分层结构： 模型Model绑定键值数据和自定义事件； 集合Colection是模型的有序或无序集合，带有丰富的可枚举API； 视图View声明事件监听函数； 将模型、集合、视图与服务端的RESTful JSON接口连接。自调用匿名函数整个Backbon
阅读全文
