Bachue's Blog

首先，很高兴Ubuntu新字体进入Google Font Directory（详细），Ubuntu这字体真的很漂亮，可以说是Ubuntu 10.10的最大亮点了。而这个字体进入Google Font Directory意味着我可以用云字体的方法使每一个进入本博客的观众都看到这个字体(还意味着可以从本博客中下载该字体)，不管客户端本身是否真的装有这个字体。额..这字体在XP下好像有点糟糕，特别是没开ClearType的XP，全是锯齿。唉，这只能说XP本身的字体渲染太烂，我以前一度以为XP字体全是点阵字体呢，怎么看都感觉不像是TrueType！

我自认为本博客在非XP的PC上看起来还是不错的，符合我自己的审美观吧，但是在手机上却不是这么回事，我的手机是多普达S900，Windows Mobile 6.1操作系统，安装浏览器Opera Mini 5.1。

手机浏览本博客时存在两个严重的问题，第一，打开博客率先看到的是搜索框，分类等一点不重要的内容，而真正的主体部分却被挤到了下面（代码功能也有同样的问题，代码被行号挤到了下面）。这个问题不仅仅存在于手机，把PC的浏览器的宽度缩小到一定尺寸，也一样如此，有时候看上去右边一大块空白，还以为没有正常显示呢。事实上，很多博客都是这样，本博客并非特例，究其原因，是在写HTML的时候，边栏的DOM安排在前面并使用了float:left;导致。解决的方法很简单，把文章的DOM安排在前面，使用float:right;即可，或是干脆把边栏安排到右边去，这样浏览器宽度缩小时被挤下去的就是边栏了。很可惜，虽然知道解决方法却不能做这种修改，因为博客系统的HTML是定死的，不能改。当然，也可以考虑换个主题，有些主题的边栏是在右边的，不过我蛮喜欢现在这个主题，不想改。也可以考虑用Javascript来更换DOM的位置，但是我的Opera Mini几乎不支持Javascript，改了也没用。所以我干脆做了些小动作，上传了一个smallscreen.css的文件，记下他的路径，在博客的header里增加一个标签，这个标签能使得博客宽度在小于900px的时候使用smallscreen.css，反之则不使用（具体实现可见本博客HTML源码）。这个技巧是在看今年的Google IO大会时一个人在讲Dreamweaver对HTML5支持的时候学的，很有用，而且大部分浏览器支持，要想让网页对非PC平台做特别支持，用这招会非常imba。至于smallscreen.css的内容，其实就是把边栏隐藏了。额，我认为不太会有人在用手机浏览本博客的时候对搜索框和分类感兴趣吧。

另外一个严重的问题是，本博客的部分文章实在是太长了，比方说《HTML5设计原理》，用鼠标滚轮滚也可以滚好长时间，《从jQuery中剥离出$.ajax函数》，整整700行代码啊。在手机上，特别是在Opera Mini（没有滚动条）上看本博客的主页，简直是受罪，就为了瞥一眼下一篇文章的标题，不断的滚啊滚，茫茫多的字，根本看不到个尽头，嗯，用户确实可以考虑下是否该取消今天的晚餐了。把整篇文章不加限制的放在主页上，有方便之处，无需用户点击就能看完全文，但是如果文章实在太长，还是来点部分摘要吧。不过我看遍了博客系统的设置，也没能找到类似的设置。想通过smallscreen.css来解决吧，也想不到个好些的策略，没有CSS3，没有Javascript，没有滚动条，怎么才能缩减文章的长度呢，我也想不到了。

作为开源社区的PHP框架的内置Ajax模块，我们需要一个功能超强大的Ajax函数，作为一个通用函数。Ajax模块是我负责的，这种函数如果真要我写，恐怕以我的能力是很难做到完美的，毕竟Ajax涉及的知识点非常散，还有大量HTTP协议的知识，我并不全懂，还有各种浏览器兼容问题的存在，防不胜防。就算花一个月去做，恐怕也只能做出个可能存在大量隐蔽BUG的作品。于是，我决定直接从开源产品中找，也就是jQuery的$.ajax函数。

我是个信奉极简约的人，不喜欢为了一个$.ajax就把整个jQuery文件全部包含进来，太大了，70多KB的文件，换成56K/bps的猫，全速也至少10秒（一般我不考虑什么gzip压缩，因为不想把它作为偷懒的理由，虽然号称压缩后只有24K），我不能接受这种速度，所以我就决定从中提取，把jQuery中的$.ajax和一些附属的函数剥离出来，单独形成一个ajax函数。

花了半天时间，非常顺利，jQuery源码并不难懂，至少一定比Linux Kernel源码好懂。不过首个版本没有提取所有功能。比方说Cache功能还没有，因为不了解Ajax的Cache究竟是个什么机制，全局Ajax事件没有，因为感觉意义不大，如果要，就必须剥离$.trigger，这个函数不是很小，剥离就可能导致最终文件变大，有点得不偿失。

可能存在Bug，请注意，当需要解析JSON时，本类中没有自带JSON解析函数，请务必提供JSON.parse()函数用于解码。

一直不知道Java中Finally的作用，因为总感觉没有什么用，事实上，当初学Javascript时也有同样的疑问，后来Google下，才明白过来。

	public void writeFile(String filePath, String fileName, String args) throws IOException
{
    FileWriter fw = new FileWriter(filePath + fileName);
    try 
    {
        fw.write(args);
    }
    catch (IOException e)
    {
    //1
        fw.close();
        throw e;
    }
    //2
    fw.close();
}

	public void writeFile(String filePath, String fileName, String args) throws IOException
{
    FileWriter fw = new FileWriter(filePath + fileName);
    try 
    {
        fw.write(args);
    }
    catch (IOException e)
    {
        throw e;
    }
    finally 
    {
        fw.close();
    }
}