web 前端实现

// 前端时间在 ookong.com 实习了一段时间，我应聘的是 PHP，但是 php 基础的问题，导致我后来主要做网站前端的工作。
// 我不是做设计的，所以我的前端的工作可能比常规的前端少了设计。:)。我做得是一些 html，js 之类的。
// ookong.com 的前端大部分是我做得吧，:）。从 html 到 js，以及最后的网站性能优化。其实前端时间做完就想写篇文章总结
// 一下，但是一直没写，现在写刚觉都忘的差不多了。:(。
//
/**
* 下面都是个人观点
*/
//
＊ 在写 html 之前考虑下网站的性质，设计好 css，js 怎么组织在不同的文件，这对网站最后的性能优化会有很大的方便
＊ 比如主页的 css，js 尽量与二级页面分开，尽量减小主页的大小
＊ css 做到重用性好，每个 class 尽量不要特殊化，尽量作到可以重用
＊ 不要过早进行网站优化，在网站显示还有可能变化的时候不要优化，可能得重复优化的工作
＊ 网站优化，这个应该有很多可以做，比如 expires header，gzip，这些我在前几篇的笔记中几下了
＊ 一些网站优化参考文档：
＊ http://developer.yahoo.com/performance/rules.html                  By Yahoo!
＊ http://code.google.com/speed/page-speed/docs/rules_intro.html      By Google
＊ <<High Performance Web Sites>> 绝对值得看得书                        By Steve Souders
＊ http://www.stevesouders.com/blog/                                  By Steve Souders
＊ http://blog.csdn.net/phpandjava/archive/2009/11/19/4834310.aspx    By me ：）
＊ 一些工具：
＊ firebug
＊ yslow
＊ pagespeed
＊ live http headers
＊ yuicompressor - 压缩 css，js(优化)
＊ Closure Compiler - 同上
＊ smush.it - http://developer.yahoo.com/yslow/smushit/ - 图片优化
＊ spriteme - http://spriteme.org/ － 发现可以合并为 css－sprite 的图片（也可合并）