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 的图片（也可合并）