南芝 – 我才12岁（孤独、快乐的生活在自己的世界里）

晚上和很多同事一起去看了这部片子，其实之前不知道是动画片，它太低调了，以至于没引起我的注意，哈哈，差点错过了，虽然偶不看外国片，但是外国动画片还是要看的。

再次表扬下外国的动画片，做的很细致、很认真，啥时候外国的电影能让我欣赏下呢？

这部片子很好看，很好笑哈~推荐一下。

Ruler 版本升级至 3.0，只要添加的功能就是水平或者垂直反转，之前在 Opera Widget 上看到有人需要这个功能，虽然比较很少有人可以用到，但是还是尝试去做了这个功能。另外就是简单优化了尺子的性能，砍掉了一些不必要的东西。

3.0 更新日志：

1. 所有 Dom 结构改用 Javascript 加载；
2. 尺子刻度以及刻度值改为 Canvas 绘制；
3. 支持水平翻转以及垂直反转；
4. 去除最小化功能；
5. 增加中文支持；
6. 用户配置项中增加语言选择项；
7. 增加部分快捷键：“q”（关闭尺子）、“d”（改变水平、垂直方向）、“o”（水平或者垂直方向反转）、“r”（恢复尺子到正常状态）；

注意：此版本仅支持 Opera 10.5 以上版本。

下载安装：http://widgets.opera.com/widget/14151/3.0/（如果你正在使用的是 Opera 浏览器，也可以通过点击地址栏右侧的 Widget 小按钮直接下载安装）

源码下载：http://code.google.com/p/gorgeous-ruler/downloads/detail?name=Gorgeous%20Ruler%203.0.7z&can=2&q=（内含svn文件）

SVN 地址：http://gorgeous-ruler.googlecode.com/svn/trunk/ gorgeous-ruler-read-only

Google Code 地址：http://code.google.com/p/gorgeous-ruler/

小结

这次编码花了很久的时间，中间也遇到了不少的困难，尤其是对翻转效果的尝试，移除 HTML 中的 Dom 结构是为了简化翻转的困难，曾经考虑尝试过 SVG、Canvas、CSS3 的翻转效果，最终选择了 CSS3 的方式，因为其最为便捷，但是 CSS3 对 Canvas 元素的翻转支持还存在一些问题，随后会对这部分以及 Canvas 的 drawImage 方法有文章进行分析。

柏芝加油，愿幸福永远！

五一小假花了一点时间读了这本书，受益匪浅。

1.减少HTTP请求

减少HTTP请求是很必要的，书里提到了CSS Sprites，我无法抑制我对这个东西的讨厌，简直是要多讨厌有多讨厌，一来我不怎么会ps，二来这个维护起来实在太麻烦，而且在需求如此频繁变更的年代里，维护CSS Sprites造成的时间、人力成本的浪费，以及带来的bug，与机器的成本浪费比较起来，孰多孰少，有没有人统计过？？？？？？？一个提议就是，几百年不待动的图片，应该放在一起，以减少HTTP请求，那些经常变更的图片就甭合了吧，关键是现在不变的没几个。。。杯具

2.使用内容发布网络（CDN）

这个不必说了，一般人不用管，一般人想配也配不起。。。

3.添加Expires头

添加过期时间，其实就是减少用户不必要的下载，这个大部分人都可以解决掉，都可以自己去配置，不会的可以百度一下。

4.压缩组件

gzip压缩，这个也没啥说的。

5.将样式表放在顶部

说实话，在看这一章的时候，我还真没以为这是个什么事儿，我土鳖一下。这是一个奇怪的现象，只发生在ie浏览器下，将样式表放到底部，页面的逐步呈现被禁止了，直到样式表加载完成，页面才会一下子呈现出来，之间会有白屏的时间。而将样式表移动到顶部，在最开始已经加载，就不会有白屏的出现，另外它也会带来内容的闪烁问题（其它浏览器）。使用@import的方式引入样式表，即使是放在头部，也会最后才加载，跟放置页底的效果是一样的，所以应该同样避免使用@import。

6.将脚本放在底部

不管是内联的还是外联的脚本，都会阻塞内容的呈现以及下载，最佳的方式就是把脚本统统放到底部，现实与理想是有差距的，我们应该尽力去放。

7.避免使用CSS表达式

expression会带来诸多的性能问题，应该尽量去避免，使用前一定要考证是否会带来性能或者其它问题。

8.使用外部JavaScript和CSS

这个权衡一下吧，看哪种更适合。

9.减少DNS查找

避免过多的域名请求，其实跟第一条“减少HTTP请求”也有一些是相通的。

10.精简JavaScript

JavaScript是非常必要的，压缩、混淆之后，再加上gzip压缩，能减少非常多的字节，相比来说，CSS的压缩基本带不来太大的效果。淘宝的外联脚本几乎都有压缩，可内联脚本，基本上都没有压缩。

11.避免重定向

这个我们几乎用不到，需要知道一点的就是http://www.12sui.cn/比http://www.12sui.cn访问会更快一点，减少了一个重定向的过程。

12.移除重复脚本

重复的脚本不但增加请求数、阻塞内容呈现、阻塞组件下载，其重复执行也会造成时间的浪费、bug的出现，这真是一个头疼的问题。团队的成员少的时候，嫌人不够用，多的时候，反而觉得更乱似的，团队的配合是一个很严重的问题。前端的嗜好，见一个改一个，越改越乱，越加越多，到最后谁都不知道这个东西是干嘛的，这个东西还有没有用。。。淘江湖现在面临的最严重的问题，亟待解决。

13.配置Etag

跟Expires头类似，详情百度一下。

14.使Ajax缓存

这也是一个比较纠结的问题，看情况定把。

这本书不错，拜托大家不要把自己当机器，也不要把自己的时间不当时间看，大家都在提倡节能，你自己也需要节能，没有人会珍惜你，你的资源也是有限的，孩子们，对自己好一点吧，活一次不容易。

我不想加班，我讨厌加班，要多讨厌有多讨厌。

本月前端 Tips:

4.1 - 4.2

23.【JS】在遍历Dom结构时，应该尽量避免修改Dom，比如在遍历的时候不断的增加元素，可能会造成无限循环，每次修改都是实时更新的，如果有需要可以先建立一个静态列表进行遍历。

24.【CSS】在ie中如果设定了li元素的height,则项目列表中的序号不正常,而且list-style-position:inside;失效

4.6 - 4.9

25.【Mobile】GIF、PNG、TIFF最大尺寸上限是300万像素，也就是说，确保width * height ≤ 3 * 1024 * 1024。JPEG二次采样（颜色压缩）后的最大尺寸上限是3200万像素（王卓）

26.【JS】如果一个元素的 display 样式被设置为 none，即使其内容变化也不再需要重绘此元素，因为根本就不会显示此元素。可以利用这一点，当我们要显示某个盒子并且要修改其内容时，先修改后再显示，减少reflow。

27.【Mobile】canvas元素的最大尺寸上限是3百万像素，canvas对象的默认宽高是150 x 300像素。（王卓）

28.【JS】绝对不能为Object.prototype添加属性，所添加的任何属性和方法都可以通过for/in循环枚举，当一个对象被当做关联数组使用时将会带来很大的问题。

4.12 - 4.16

29.【Mobile】JavaScript执行时间限制在10秒之内，如果脚本执行时间超过10秒的话，Safari会在一个随机位置强制停止执行，可能会导致意想不到的后果。（王卓）

30.【CSS】针对所有IE浏览器的hack：\9，仅针对IE8的hack：\0。

31.【Mobile】单个资源文件必须小于10MB，适用于HTML、CSS、JavaScript、非流格式媒体。一次性打开最多的页面数量是8个（慎用Framesets）（王卓）

32.【CSS】如果一个盒子里只有图片，那么font-size的定义在现代浏览器下会影响到盒子的高度，设置line-height在现代浏览器下可以让图片垂直居中，而在ie6、7下则需要设置font-size来达到目的。

33.【JS】focus和blur事件不支持冒泡，但是它支持捕获，所以在事件代理中我们可以使用捕获，但是ie不支持捕获，ie可以通过focusin和focusout这两个专有事件来代替，它们是支持冒泡的。

4.19 - 4.23

34.【JS】需要做页面刷新的时候推荐使用location.replace和location.href两个方法，而不推荐使用location.reload和history.go(0)，因为这两个刷新相当于按F5刷新，有表单提交的页面很容易会给出是否重复提交表单的提示。

35.【CSS】关于ie的专有属性behavior，最近在cssbeauty上有一篇相关文档，大家可以看下，不推荐这种方式：http://fetchak.com/ie-css3/

36.【CSS】可以使用 @-moz-document url-prefix() {} 来单独为 Firefox 做样式定义。

37.【CSS】important! 的优先级高于任何其他样式定义。

38.【JS】使用Array.join在Internet Explorer中进行字符串连接操作是最快的; 而+= 或者 String.prototype.concat.apply(object, arguments) 在其他浏览器中表现得更好。详细测试数据参见：
http://www.sitepen.com/blog/2008/05/09/string-performance-an-analysis/ （赵成阳）

4.26 - 4.30

39.【JS】String.fromCharCode是String函数的一个静态方法，所以每次使用的时候都要按照 String.fromCharCode(num1,num2,...)这样的方式去使用。（此方法是用来反解码charCodeAt()生成的数字的）（涵宇）

40.【HTML】页面在载入图像的时候并不知道图像的尺寸，所以刚开始仅显示混杂在一起的问题，图片完全在载入后才会显示图片，这样在网速极慢的情况下就会造成页面的跳动，如果确定图片的大小尺寸的话，应该在img标签上设置宽高，这样的话可以在页面载入时会预先留好位置，避免发生类似问题。

41.【JS】关于Preload的一篇文章：http://www.phpied.com/preload-cssjavascript-without-execution/

42.【CSS】对于input框，在定义高度后在ie下会出现各种很怪异的问题，所以我们一般不定义input框的高度，通过padding值来控制。

43.【JS】toFixed 方法返回一个以定点表示法表示的数字的字符串形式，但是有一点需要注意的是，各浏览器下返回的值会稍有不同，有些会进行四舍五入，而有些是进行直接截取，解决的方法一是重写这个方法，二是在进行相应操作时先乘以10的n次方，然后再转化为小数。

好片哈~

刚开始看到河南电影制片厂，小小的骄傲了一下哈~

跟第一部一样，这部也是带一些小幽默，效果很不错，中间的打斗甚能打动人、带动人的感情，当时感觉所有人的情绪都上来了，我又看的热血沸腾的。。。看来我有暴力倾向哈~

黄晓明无论演啥都一个样，释小龙让大家吃了一下惊哈~

隆重推荐一下此片，不错哈，灰常的欢迎椰壳儿同学加入淘宝！

东风，有雨。

这个电影很烂，从头看到尾没有看到他想要表达什么？真的没看到，可能我没理解到。。。

直到最后让我很雷的是，所有的人为了一个过期的情报死了，电影还自我解释到如赵氏孤儿。。。

这部片子跟《风声》、《秋喜》比，啥都不是，偶觉得没有存在的必要，不是说大家的演技不好，而是编剧、导演完全就是扯淡、自恋，偶去看的目的仅仅是为了冰冰。

非常感谢椰壳儿同学的推荐，要不然我真的可能错过这部片子了，因为它档期太少了，UME每天只有三场。。。

这是一部好片，真的是一部好片。

其实看之前，我一直感觉这是一部搞笑喜剧片，结果搞得哥各种落泪。

片子描述的是一个普通的家庭生活，很自然的想起了自己的家庭，自己的生活，想起小时候爸爸打我的情节，很像，很真实的事情，也很自然的打动了我，看的很心酸。看片中的小男孩儿，非常的怀念自己的童年，可惜啊，人老了。

感觉有好多要表达的，其实还是表达不出来哈，推荐大家看一下。

昨晚和乖逛河坊街的时候，在一家小店门口看到一句话：“时光是记忆的橡皮差”。挺好的，做人嘛，就要信，一步难，一步佳。

貌似很久没看电影了，最近近一个月比较忙哈，积攒了一些片子没看了，趁有一小段不忙的时间，抓紧看哈~

晚上去看了杜拉拉，结果看完后发现其实我不该去看，这就是一部爱情片，太杯具了。

现在的片子很强哈，各种广告植入，做导演难啊！

从中也看到了些东西，每个人都会以为自己做的已经很好了，自己很优秀，为什么付出和回报是不平等的？都以为很有优越性，都以为自己很强，别人什么都不是，其实，如果真的是这样，你还活着干嘛，还待着干嘛？不能正视自己的缺点，不能正面的看自己，其实也很难突破自己。

每个人都有自己的理想，每个人都有自己的痛苦，每个人都有自己的无奈，坚持下去，就好~

天地之大，岂能无立锥之地？天地之间，任我遨游~逍遥于天地间，此生何撼？

这本书花了更久的时间才看完，估计下一本要更加久一点哈~

最近一段时间都没有好好写过东西了，忙是一方面，主要是心志遭受了比较大的打击，以至于没落了很长一段时间，慢慢的慢慢的已经恢复的差不多了，还好，还好哈~

这一卷主要讲的是吕不韦从鼎盛走到死亡，其实主要原因跟之前的丞相甘茂一样，不能正确的区分、看待私恩，或者说，更多的不仅仅是私恩，同样也有对秦国更大的贡献，吕不韦当然不会知恩不图报了，以至于导致了杯具的后果。。。推崇一下禅宗的一个境界：花未全开月未圆。

当然吕不韦也不会故意的，他自身也同样的非常的后悔、内疚，而嬴政其实做的有点过分了，当然换作是我可能也承受不了，人家捅了你一刀，虽然刀拔掉了，但是伤疤却永远留下了，可能这也是我永远都无法释怀的一个原因。。。回过来说，嬴政还是比较有主见，看问题都比较独到，而且很会抓住每一个人的特点、弱点，佩服一下~

老子：天下皆知美之为美，斯恶已；皆知善之为善，斯不善已。

庄子：天地有大美而不言，四时有明法而不议，万物有成理而不说。圣人者，原天地之美而达万物之理。

加油~