最近老大给我们买来一些技术方面的书籍， 其实很少搬着一本书好好的完整的看完过，每每看电子档的， 也是打游击式的看看这章， 瞅瞅那章， 在那 5 本书中挑了一本比较单薄的《编写高质量代码 web 前端开发修炼之道》 ， 看完觉得不错， 它从一个整体架构上来说明如何编写高质量代码， 而细处也着重说明一些比较重要的技术点， 给人一种从高处俯瞰web 开发、 很完整的感觉， 在这感谢老大， 谢谢他让我们不停的进步着。 下面是我看书过程中的笔记。 第一章： 从网站重构说起 没什么好说的， 从一个糟糕的老网页实例说明需要将 web 的结构， 样式和行为分离开来，既 htm l 文件， css 文件， js 文件。 总结： Htm l 标签只负责承载内容， 样式交给 css， 行为交给 Javascript。 做到“精简， 重用， 有序”。 【相对我以前做的项目， 我经常会把一些 click 事件,m ouseover 事件直接写进 htm l 标签中， 其实更好的做法应该是放到 js 中去， 直接Docum ent.getelem entbyid("").onclick(){ } ,或者用 jquery 的 click 事件关联】 第二章： 团队合作 欲精一行， 必先通十行 “经常听到做前端开发的朋友抱怨要学的东西太多， 东学一点， 西学一点， 什么都会， 但是都不精， 于是有人认为‘通十行不如精一行’， 而在前端领域， 这句确行不通， 对于前端来说，你不通十行， 就无法精一行。
” 看到作者的这句话， 我总算有点成就感。 O(∩ _∩ )O~ 这章主要说明前端需要了解的语言， htm l， css 要精通、 及其重要， js,及架构 div+ css，RI A 富媒体应用， jquery,YUI ,ps,AI 设计等等 团队之间的开发要注意： 1 ： 增加代码可读性----注释 2： 重用性---公共组件和私有组件的维护 3： 冗余和精简的矛盾---选择集中还是选择分散 （合理的前端架构中 css 和 js 都会提取公共组件， 如何组织需要权衡， 完美的解决方案不存在， 只能在冗余和精简中尽量找到最佳平衡点） 4： 前期的构思很重要。 5： 制定规范 6： 团队合作最大难度不是技术， 而是人 第三章： 高质量的 Ht m l 总算来了点实际的用得着的技术， 呵呵 1 ） 标签的语义： 大家都懂的。 2） 标签布局 table 布局网页的缺点： 1 ： 代码量大， 结构混乱。 2： 标签语义不明确， 对搜索引擎不友好 css 布局（div+ css） ： 弱化了标签的布局能力， 将布局完全放到样式中去控制， 而标签重新恢复了原来语义的作用。 http: //jwfzl.fzl1 31 4.com 它与 table 布局相比具有代码量少， 结构精简， 语义清晰等优点。
