在Eclipse里使用ANT合并压缩JS&CSS

Aptana 是一款基于Eclipse的免费开源的软件,非常方便地编写 html, css, js, 有丰富完善的代码提示,包括大部分的 JS 框架的提示,比如 prototype/dojo/jquery/yui 等,相当方便。
由于工作开发环境是 JAVA,于是我用 Eclipse 安装了Aptana 的插件。

ANT,是 Apache 的一个开源项目,用于自动化调用程序完成项目的编译,打包,测试等。
Eclipse 内置了Ant,可以很方便地对JS, CSS进行压缩合并处理。

比如 js, css 文件都放在 web_assets 目录下,那么目录结构如下:

web_assets
    +-- ant-build  //存放ant build xml 配置文件
        +-- js.build.xml //处理 js 的配置文件
    +-- js  //最终的js文件
    +-- lib  //其它依赖的程序
    +-- src  //源文件

阅读全文 »

异步脚本加载 JS Loader

JS会阻塞其它页面资源的下载,通过对JS的异步加载可以解决这个问题,加快页面内容的呈现速度。获得更好的体验。

使用script标签加载

通过firebug查看各种资源加载状态,当test.js下载完毕后,图片才开始下载。

猛击测试页面block.html

使用JSLoader异步加载JS

当使用异步加载方式加载JS时,test.js与图片同时加载,加快了页面的呈现:

猛击测试页面js-loader

JSLoader

JSLoader.load(url, [fun1], [funN]);
参数:
url 要加载的JS的地址
fun 依赖该JS执行的函数

使用示例:

JSLoader.load('test.js', function(){
    document.getElementById('test').innerHTML = test;
});

猛击这里下载JSLoader.js

阅读全文 »

宇轩出浴照一枚

刚洗完澡的轩轩,最喜欢打电话和玩手机了,经常一个人跑到电话旁拿起听筒叽哩哇啦地说个不停。

贫民大光圈定焦镜头-AF 50mm 1.8D

当初买了D5000又换成D90,就是因为D90能折腾更多的镜头;生命在于折腾~
定焦无弱旅,一直想买个定焦玩一下,看看成像的效果和大光圈,而 50mm 1.8D 应该是最便宜的定焦大光圈镜头了。
前天在论坛看到有网友要卖,了解了一下情况,赶紧拿下了,今天收到货一看,好东西,保养得太好了,跟新的一样。(他也说基本上没怎么用,在防潮箱里)
有了两个镜头,赶紧给它来了几张写真:

NIKKOR AF 50mm 1.8D

阅读全文 »

嘀咕怪兽宣传片

嘀咕宣传片,感觉节奏快了点,不过挺有创意。

我在嘀咕:@Foxling,欢迎跟随交流。