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