我的2010

我也来回顾一下我的过去这一年,做些总结与思考。在我完整的工作一年的时候换了份工作,从原来的写C++/C#变成了前端攻城师专职写JavaScript/HTML/CSS,这也是我一直以来的愿望。此后,也越来越多的关注前端开发方面的内容,至今我仍是一个前端方面的初学者,还有很多需要学习。

7月,在我的HP本本工作多次罢工以后,咬牙入手了Macbook Pro,加入水果阵营。三个月后的10月,十一期间在家无聊亦然决定学习Objective-C,遂即订购了”Cocoa入门-使用Objective-C”空余时间阅读。

12月上旬表部门参加了O’Reilly Velocity China 2010,获得了不少同行的最佳实践与经验教训。

回顾过去这一年,买了好几本书,但基本上都还没翻过,留作了2011年的任务。C++与C#已经忘记得差不多了,由于C++在编程史上的地位,2011年还是会重新拾起,温故一些基本计算机的基本知识。

除了Web开发语言外,2010年我用得最多的语言是Python ,用得最多的系统工具是终端,自从开始mac以后,开机首先就是开终端,我已经变成一个十足的终端控,介于不会shell的缘故,自然而然的就拾起Python来写一些批处理程序。用得最多的得编辑器是coda,textmate和notepad++,由于工作时常是在mac和windows两个系统下交替进行,所以会使用好几个编辑器,希望textmate能在2011捻解决掉中文的显示问题。

好了,有些偏题了,就此打住吧。Hello 2011!
-EOF-

使用JavaScript检测Firefox浏览器是否启用了Firebug

在启用Firebug的情况下访问GMail会收到一个“Firebug会让Gmail变慢”的警告,这是如何检测的呢?这里就说说。在启用了firebug面板后,会增加一个window.console对象及window.console.firebug变量用于保存当前firebug的当前版本,当关闭firebug面板后则变回正常,于是我们可以通过判断其是否存在来检测是否开启了firebug。

Boolean(window.console && window.console.firebug)

于是,为了方便在没有启用firebug的情况下避免脚本错误,可以在脚本最前面加入以下语句手工创建空的console对象以作兼容。

if (!window.console) {
  // ignore firebug console call if  it's not installed
  // for firebug 1.6.0
  (function(m, i) {
  window.console = {};
  while (i--) {
    window.console[m[i]] = function() {};
  }
  })('log debug info warn exception assert dir dirxml trace group groupEnd groupCollapsed time timeEnd profile profileEnd count clear table error notifyFirebug'.split(' '), 22);
}

这样,在IE下能正常预览页面,在Firefox、Chrome、Safari中也能正常输出调试信息。
-EOF-

mod_pagespeed安装

Google在尽可能的改善网站访问的速度,前不久发布了mod_pagespeed for Apache 2用于前端优化,不用改动现有代码,只需安装该apache mod即可。
这里记录一下安装过程:
1.先更新apt-get并安装apache2

sudo apt-get update
sudo apt-get install apache2

2.
下载mod_pagespeed
32bit:

wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_i386.deb

64bit:

wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb

3.执行安装命令:

sudo dpkg -i mod-pagespeed*.deb 
apt-get -f install

4.重启apache

sudo /etc/init.d/apache2 restart

安装完成后可以下载一组系统测试用例进行测试。

更改mod_pagespeed配置文件pagespeed.conf

vi /etc/apache2/mods-available/pagespeed.conf

Google给的文档比较详细,更多信息请阅读mod_pagespeed for Apache 2文档。
via http://code.google.com/speed/page-speed/download.html
-EOF-

O’Reilly Velocity China 2010


这两天在北京参加O’Reilly Velocity China 2010,主题围绕Web前端优化和运维,整个会场座无虚席,短短的两天,收获颇多。

大会由Steve SoudersDouglas Crockford两位大神坐镇。Facebook的两位华人工程师的主题内容深刻,又是使用中文演讲,听得与会者意犹未尽。之外还有YouTube的工程师,国内淘宝滕讯网易百度等的工程师进行的精彩演讲。由于分会场的关系,我只听了与Web前端优化有关的主题,错过的主题只有看稍候官方放出的PPT和视频

另外,将于下周六(12月18日)杭州举办的第5届D2前端技术论坛也是前端开发的盛会,期待届时的精彩分享。
-EOF-