我上大学那会儿从事的项目用的是jQuery，毕业后工作所从事的项目用的是MooTools。很幸运短期内有机会接触两款不同设计风格的优秀的JavaScript库。今天就我自己的一些认识比对下这两个JS框架，更多的是希望大家能够对MooTools这个JS框架有更多的认识。毕竟，大多数从事web前端的人对上手容易的jQuery更熟悉些。
“JS相关”目录存档
jQuery与MooTools库的一些比对
2011年09月28日，星期三基于HTML5的可预览多图片Ajax上传
2011年09月15日，星期四在XHTML的时代，我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图，做法是借助于flash。或者使用隐藏的iframe框架页面模拟ajax上传，一次一张，连续多次。然而都有缺陷。HTML5是个好东东，其中之一就是支持多图片上传，而且支持ajax上传，而且支持上传之前图片的预览，而且支持图片拖拽上传，纯粹利用file控件实现，简单方便迅速，想不让人称赞都难啊！
本文就是详细地介绍基于HTML5的可预览多图片Ajax上传的一些内容。有丰富的截图示意和源代码展示，以及必要的API参数说明。希望本文的内容能够对您的学习有所帮助。
CSSOM视图模式(CSSOM View Module)相关整理
2011年09月9日，星期五
就在8月份，也就是上次gf大姨妈来的时候，W3C出炉了CSSOM视图模块草案。CSSOM视图模块(CSSOM View Module)定义了一些 API，Web 开发人员使用这些 API 可以进行检查，也可以以编程方式更改文档及其内容的视觉属性，包括布局框定位、视区宽度和元素滚动。
本文的内容就是将CSSOM视图模块相关的一些属性，方法等一个一个整理出来，包括兼容性，使用等等。每个API基本上都提供demo页面测试，使用的源代码展示等等。内容较多，请耐心阅读。相信本文的内容会对您的学习有所帮助的。
浏览器地理位置(Geolocation)API 简介
2011年06月30日，星期四Geolocation API（地理位置应用程序接口）提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错（因为新版本的IE支持了该API），这使得在不久之后就可以使用这一浏览器内置的API了。该API接口提供的用户地理位置信息还算蛮详细的，经纬度啊，海拔啊，精确度，移动速度啊都是可以获取的。该API是相当有实用价值的，本文就简单介绍下这个东东，希望能对您的学习有所帮助。
翻编-JavaScript有关的10个怪癖和秘密
2011年06月21日，星期二
本身属于翻译文章，内容为JavaScript的一些奇怪之处，但是又不是传统意义上的逐字逐句地翻译，大体意思到了，至于细节以及文字表述还是有些本土化的特征，并在有些地方外加了点自己的小看法。同时为了便于大家的理解与学习，我还对原文内容进行了扩充，即基本上针对每一个实例都制作了相应的demo页面并附上了相关的截图。希望能对您的学习有所帮助。
jQuery smartMenu右键自定义上下文菜单插件
2011年05月31日，星期二
我们都知道，默认状态下，我们右键web页面，会出现一个上下文菜单，但是，浏览器默认的右键选项有时候并不是我们所需要的，我们希望浏览器的右键选项菜单更智能，可以灵活自定义。就像web QQ一样，显然这种东西貌似还是蛮强大与实用的，于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 – smartMenu，直接一行代码绑定，就可以让我们轻松实现页面元素的自定义上下文功能。至于具体如何实用与绑定，就是本文的的主要内容。
一如既往，详细的插件介绍，丰富的截图展示，必要的源代码讲解，以及提供源文件打包下载。总之，希望本文的内容能够对您的学习有所帮助。
基于HTML5 audio元素播放声音jQuery小插件
2011年04月28日，星期四在我浮生如梦的大学那会儿，貌似flash网站还有点小火，且大凡有点含量的flash站点上，杂七杂八的音效总是少不了。一部分音效是烘托渲染气氛的背景音乐，另外一部分就是促进互动，增强体验的交互声音，例如按钮按下或者是经过时“哔哔”声或是“叭叭”声。而在那个时候，在远离flash的web页面上鲜有声音的交互，即使有，要想实现兼容性，要不借助控件，要不还是通过与flash交互实现。
随着HTML5的推进与普及，很多以前要借助flash才能实现的效果现在可以很轻松地在网页上实现了。例如音频文件的播放。而本文就折腾点小名堂，让jQuery下轻松实现元素hover时播放声音的效果，基于HTML5 audio元素。
外甥打灯笼——照旧，有demo页面，有源文件下载和源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
MooTools下简易自定义滚动条小插件
2011年04月18日，星期一由于jQuery自身没有wheel事件滚轮事件，懒得折腾，所以这里只写了MooTools库下是简易自定义滚动条。此自定义滚动效果比较简单，就点击滚动条拖移和鼠标滚轮滚动两个效果。
本文提供必要的demo页面以及源代码下载，另外简单展示了该小插件的使用，并分析了其一些不足和适用情况，内容相对较少。总之，希望本文的内容能够对您的学习有所帮助。
仿新浪微博返回顶部的js实现(jQuery/MooTools)
2011年04月7日，星期四在web页面中，如果页面较高，为了方便用户快速地返回顶部，都会添加一个返回顶部按钮。本文就将简单展示下这种效果，本文的效果参照新浪微博的返回顶部效果，展示了在jQuery库和MooTools库下的实现。本文提供必要的demo页面和源代码展示。希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用