例牌的唠叨

想当年哇，刚写编程的时候，做页面想用些绚丽的效果，可那个时候不会js，才刚学java，哪那么快搞股这么多东西呢。无奈只好google搜（当年google这愣头青还才跑进中国呢），找了一大堆，不是运行出错就是只支持ie，真是坑爹啊~~

当年菜单特效很流行，好像没有动画就不能进菜单家门了。在google N久之后，我也终于找到一个滑动背景效果的代码。不懂原理，也用得不亦乐乎。

以上都是废话

嗯，以上都是废话 :oops:。最近偶然看到以前做的滑动背景菜单，看了下代码，都快笑喷了 -- 天啊，我竟然写过这么挫的代码! 所谓滑动背景菜单，就是鼠标移上去，会有一个气泡什么的垫......

开篇

现在Web富应用越来越多，越来越多网站朝单页面发展，所有功能模块都在一个页面中创建。作为一个合格的前端，所负责的模块一定是逻辑跟UI分离的，通常的做法就是页面代码编写成模板，然后往模板填充数据并输出到页面上。关于前端模板的介绍和使用我就不说了，不了解的可以先看看这篇文章（http://www.css88.com/archives/4564），这里讨论下使用模板引擎引入的另外一个问题（也不是Bug啦~） -- 页面模板代码放哪？

页面模板代码放哪

呼~~总算到正题了（- -||）。说回来，页面模板的代码到底要放哪呢?

放在 js 文件中；

放在页面不可见的地方，比如 标签......

倒倒苦水

做完这个小玩意之后，我觉得，我一定是闲得蛋疼才做的。嗯，一定是的。

话说昨天今天加班，下午下班前总算把临时变更的需求完成的七七八八了，昨晚又爬了一趟南山，累的不行...

想起某个产品说的，工作累了，就写写代码，休息一下 =_=||

好了，言归正传。下午偶然看到一个jquery+css3实现的时钟，挺漂亮的，突然觉得是不是也可以用纯css3整一个，于是乎...先看看最终效果

或者你也可以直接点这里看代码（因为我太喜欢啰嗦啦...）

more

表盘

好了，先搭个结构，html挺简单的，没几个代码，看看下面：

<div class=&qu......

一直以来，本人都认为css3的animation只能实现渐变动画，比如高度从0渐变到100px这类的。而无法实现高度从0跳变到50px再跳变到100px这种类似flash的帧动画效果。

但是在看到天才的师姐给的例子之后， 让我愧疚得无地自容，原来还真有css3帧动画的，T_T。这个属性是 timing-function: step-end; 而且firefox、webkit、ie10都有支持，详细介绍可以在这里(https://developer.mozilla.org/en/CSS/timing-function#step-end)看。

跟帧动画有关的timing-funct......

话说，CSS3的事实标准出来那么久了，很多属性都开始去掉私有前缀了，如 box-show。如果你还不知道box-show是什么，那只能说你是个正常人类，不是前端攻城师，可以离开这里回去地球了。

既然你还在继续看到这，那么你可能知道box-shadow，不过我还是要讲概念，^_^。 box-shadow，顾名思义就是盒子阴影，可以给一个块级容器加上阴影或者发光效果。效果如下：

把阴影的颜色和透明度调整下，就可以整成发光效果了。不过今天的主角不是他。略过。

说回正事，这box-shadow虽然好用，可是有时还会遇到蛋疼的设计。 搞出只有一边的内阴影。而box-sh......

话说，很久很久以前，一直到不久前，浏览器原生的checkbox(复选框)的样式大部分都不能改的，在各个浏览器中的外观和行为都不一致，这是一件相当让人蛋疼的事。

而在那个远古的蛮荒时代，还生活着一种叫攻城师的生物，每天被产品经理们强迫着，想方设法让checkbox外观一统江湖，苦不堪言。

在那个时代，css2和dom level2风行，却对checkbox束手无策，苦逼的攻城师们只能用JS来模拟checkbox的行为，无辜的checkbox只能灰溜溜的束之高阁~.~more

终于，新时代还是来临了~攻城师的救世主——CSS3，就像十字军东征一样，所向披靡，一往直前的来到我......

昨天想着给服务器配个资源缓存时间和gzip的，无奈对apache不熟，只能上网找答案。

缓存时间好办，两三下就搞定了。

但是gzip在网上收罗了半天，都没找到能在本服务器使用的代码。下面是找到的一个配置:

<IfModule mod_deflate.c>

SetOutputFilter DEFLATE

AddOutputFilterByType DEFLATE text/html text/css application/x-javascript

</IfModule>

实验证明，无效! 看来可能是icdsoft的apache太诡异了<......

话说昨天上午偶然发现，用chrome访问本博客时出现恶意软件提示。可是阿拉可是很守法的啊，猜测肯定是被黑了，打开google站长工具一看，tmd，挂黑链了。T_T

登录到后台，发现htaccess被做了urlrewirte，跳到恶意网站了，立刻删除之。

令人崩溃的时，过了会它又回来啦。反反复复搞了几次，tmd，老子把博客目录下的php全删了。终于没重现了，看来是某个php文件被感染了，一传十十传百的，日。

搞了一晚上才把数据和上传的资料恢复，看来搞个corn job定时备份还是必须的。而且所有文件都不能给匿名写权限，太大意了。

嗯，以此文警示之。

一、些许前提

最近在制作一个Web应用， 其中用到了HTML5的离线应用功能(offline application)， 离线应用的概念就不再阐述， 可以查看这两篇文章：

http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/

http://www.mhtml5.com/2011/02/583.html

这里主要讨论它的更新问题。 首先浏览器是有两部分cache的， browser cache 和app cache， browser cache就是常说的浏览器缓存， app cache是离线应用的缓存......

最近准备把博客迁移到香港的主机，涉及到数据迁移、域名变更等，可能会有一段时间访问不了，请各位过几天再访问，^_^

@2011-1-11 迁移完成，撒花~~ 哈哈