yepnope.js – 异步加载资源文件
yepnope.js是一个能够根据输入条件来选择性异步加载资源文件的js脚本,可以在页面上仅加载用户需要的js/css。
典型代码示例
yepnope({
test : Modernizr.geolocation,
yepnope.js是一个能够根据输入条件来选择性异步加载资源文件的js脚本,可以在页面上仅加载用户需要的js/css。
典型代码示例
yepnope({
test : Modernizr.geolocation,
下面分别介绍在Mac, Ubuntu,Centos以及Windows下安装Node.js.
Mac
在Mac下,如果你喜欢用homebrew,那么只用一行就可以装好:
brew install node
介绍一个用jquery mobile的ajax效果加载google map api,实现地图呈现的例子。
代码示例
首先是代码示例,使用iphone或android之类的手机查看,效果更佳
google map with jquery mobile
最近基于google-code-prettify实现了一个代码高亮的wordpress插件 — code-pretttify,测试了下效果还不错,所以我马上把全站的代码高亮插件换成了这个。
这里是code-prettify的项目主页,我会把这个plugin的最新情况更新在这里。
code-prettify的特点
使用picasa的时候,注意到它首先是显示模糊的图片,然后图片突然变得清晰,这样做有一定的好处——picasa的图片翻页是用javascript实现的,如果直接载入大图,中间势必会有个空档,用户在这中间会感觉很空虚~~
于是我花了点时间,打探它的实现方式,发觉很简单,不是用的lowsrc之类的标记,而是简单的js。
代码示例
<img id=”myImage” src=”small_144.jpg” width=”640″ />
Google AJAX Feed API是google提供的一个很实用的API,我经常用它来跨域获取某些rss feed并展现。但是使用前需要申请一个API KEY,然后才可以在指定网站上使用,如果有多级子域名的话,挨个申请key是一个很烦人的事情,所以也就有了下面说的冷门用法。
Google AJAX Feed API提供了针对Flash或javascript无效这两种环境的额外接口,其中一种可以支持jsonp方式调用,跨域调用feed就全靠它了。
jsonp调用代码示例
<script>
我不知道有多少人在使用浏览器的书签,这东东有时候实在是很有用的,比如现在说到的jQuerify书签。
jQuerify书签的功能很简单,那就是在当前页面中直接载入jquery.js,并以一个粉红色的浮动层提示jquery已经载入。书签的源代码如下:
var s=document.createElement(‘script’);
s.setAttribute(‘src’,'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js’);
jQuery UI 1.5正式版发布,仍然保持了jquery简单易用的特点。
简化的API调用
这个版本最大的改进是重新定义了API规则,之前API提供的95%以上的方法都移除了,取而代之的是更简单的调用规则,每个plugin只保留了一个方法,以draggable为例:
早就知道YUI里面有Uploader这么一个上传组件,可以按住ctrl多选文件上传(就像flickr那样的上传),并且可以支持进度条,这样对用户来说是相当方便的。
由于YUI Uploader是利用javascript + flash实现的,所以用户的浏览器上只要有flash player就可以使用,也不需要额外安装别的插件了,这显然也是YUI Uploader的一大优势。
我的YUI Uploader试用之旅