编写高质量代码

推荐序

赞誉

前言

致谢

第1章 从网站重构说起

1.1 糟糕的页面实现，头疼的维护工作

1.2 Web标准-结构、样式和行为的分离

1.3 前端的现状

1.4 打造高品质的前端代码，提高代码的可维护性-精简、重用、有序

第2章 团队合作

2.1 揭秘前端开发工程师

2.2 欲精一行，必先通十行

2.3 增加代码可读性-注释

2.4 提高重用性-公共组件和私有组件的维护

2.5 冗余和精简的矛盾-选择集中还是选择分散

2.6 磨刀不误砍柴工-前期的构思很重要

2.7 制订规范

2.8 团队合作的最大难度不是技术，是人

第3章 高质量的HTML

3.1 标签的语义

3.2 为什么要使用语义化标签

3.3 如何确定你的标签是否语义良好

3.4 常见模块你真的很了解吗

3.4.1 标题和内容

3.4.2 表单

3.4.3 表格

3.4.4 语义化标签应注意的一些其他问题

第4章 高质量的CSS4

4.1 怪异模式和DTD

4.2 如何组织CSS

4.3 推荐的base.css

4.4 模块化CSS-在CSS中引入面向对象编程思想

4.4.1 如何划分模块-单一职责

4.4.2 CSS的命名-命名空间的概念

4.4.3 挂多个class还是新建class-多用组合，少用继承

4.4.4 如何处理上下margin

4.5 低权重原则-避免滥用子选择器

4.6 CSS sprite

4.7 CSS的常见问题

4.7.1 CSS的编码风格

4.7.2 id和class

4.7.3 CSS hack

4.7.4 解决超链接访问后hover样式不出现的问题

4.7.5 hasLayout4

4.7.6 块级元素和行内元素的区别

4.7.7 display: inline-block和hasLayout7

4.7.8 relative、absolute和float3

4.7.9 居中4

4.7.10 网格布局

4.7.11 z-index的相关问题以及Flash和IE6下的select元素

4.7.12 插入png图片

4.7.13 多版本IE并存方案-CSS的调试利器IETester

第5章 高质量的JavaScript

5.1 养成良好的编程习惯

5.1.1 团队合作-如何避免JS冲突

5.1.2 给程序一个统一的入口-window.onload和DOMReady

5.1.3 CSS放在页头，JavaScript放在页尾

5.1.4 引入编译的概念-文件压缩

5.2 JavaScript的分层概念和JavaScript库

5.2.1 JavaScript如何分层

5.2.2 base层3

5.2.3 common层

5.2.4 page层4

5.2.5 JavaScript库

5.3 编程实用技巧7

5.3.1 弹性7

5.3.2 getElementById、getElementsByTagName和getElements-ByClassName3

5.3.3 可复用性

5.3.4 避免产生副作用9

5.3.5 通过传参实现定制3

5.3.6 控制this关键字的指向7

5.3.7 预留回调接口

5.3.8 编程中的DRY规则

5.3.9 用hash对象传参

5.4 面向对象编程

5.4.1 面向过程编程和面向对象编程

5.4.2 JavaScript的面向对象编程

5.4.3 用面向对象方式重写代码

5.5 其他问题

5.5.1 prototype和内置类

5.5.2 标签的自定义属性

5.5.3 标签的内联事件和event对象

5.5.4 利用事件冒泡机制

5.5.5 改变DOM样式的三种方式

附录A 写在规则前面的话

附录B 命名规则

附录C 分工安排

附录D 注释规则

附录E HTML规范

附录F CSS规范

附录G JavaScript规范

《编写高质量代码：Web前端开发修炼之道》以网站重构为楔子，深刻而直接地指出了Web前端开发中存在的重要问题-代码难以维护。如何才能提高代码的可维护性？人是最关键的因素！于是《编写高质量代码：Web前端开发修炼之道》紧接着全方位地解析了作为一名合格的前端开发工程师应该掌握的技能和承担的职责，这对刚加入前端开发这一行的读者来说有很大的指导意义。同时，还解读了制定规范和团队合作的重要性。
　　《编写高质量代码：Web前端开发修炼之道》的核心内容是围绕Web前端开发的三大技术要素——HTML、CSS和JavaScript来深入地探讨编写高质量的HTML代码、CSS代码和JavaScript代码的方法、技巧、规范和实践，从而为编写易于维护的Web前端代码打下坚实的基础。这不是一本单纯的“技术”书籍，没有系统地讲解Web前端开发的基础知识，它更专注于“技巧”，探索如何为“技术”提供“技巧”。
　　《编写高质量代码：Web前端开发修炼之道》包含了大量的开发思想和原则，都是作者在长期开发实践中积累下来的经验和心得，不同水平的Web前端开发者都会从中获得启发。尤其是对于那些中初级水平的读者而言，《编写高质量代码：Web前端开发修炼之道》是一本不可多得的内功修炼秘籍。

Web前端开发者的内功修炼秘笈
　　4大社区鼎立推荐！
　　在这个用户体验为王的Web 2.0时代，Web应用所涉及的领域越来越广，规模越来越大，需求越来越多样化和复杂化，更新的速度也越来越快。如何才能让我们的应用应对规模化、多样化、复杂化和快速变化带来的种种问题？编写高质量的、易于维护的Web前端代码似乎是解决这些问题的惟一途径。
　　如何才能编写出高质量的、易于维护的Web前端代码？《编写高质量代码：Web前端开发修炼之道》的主要内容围绕Web前端开发的三大技术要素——HTML、CSS和JavaScript展开，深入地讨论了编写高质量的HTML代码、CSS代码和JavaScript代码的方法、技巧、规范和实践，从而为编写易于维护的Web前端代码打下坚实的基础。希望《编写高质量代码：Web前端开发修炼之道》能帮助大家从一筹莫展的前端维护工作中走出，从此微笑地面对需求的“变化”。
　　互联网进入Web 20时代以后，Web应用敲响了传统桌面应用的丧钟，它一路摧城拔寨，如今几乎所有的应用都打上了“Web”的烙印。与之相应的，Web开发技术得到了空前的发展，尤其是前端技术。近年来，随着用户对使用体验的要求越来越高，前端开发的技术难度越来越大，昔日设计和制作不分的网页设计师这一职位终于“拆分”成了视觉设计师和前端开发工程师两个职位，分别向着艺术和技术的方向纵深发展。
　　Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间也不超过5年，这类专业人才一直供不应求。从知识体系上讲，前端开发工程师需要掌握和了解的知识非常之多，甚至可以用庞杂来形容。作为一名没有太多经验的前端开发工程师，我们应该如何去全面认识自己的工作，如何找准自己的定位，如何从合格成为优秀，最后迈向卓越？《编写高质量代码：Web前端开发修炼之道》尝试从如何编写易于维护的、高质量的Web前端代码的角度给出答案。
　　如果你在思考下面这些问题，也许《编写高质量代码：Web前端开发修炼之道》就是你想要的！
　　作为一名合格的web前端开发工程师，究竟需要具备哪些技能和素质？为什么说如果要精Web前端开发这一行，必须先精通十行？
　　在Web应用的实现代码中，有哪些技术因素会导致应用难以维护？
　　高质量的Web前端代码应该满足哪些条件？如何才能提高Web前端代码的可读性和可重用性？
　　在HTML代码中，为何要使用语义化标签？如何检查你使用的标签是否语义良好？语义化标签时应该注意哪些问题？
　　如何编写CSS代码和JavaScript代码可以避免团队合作时产生冲突？
　　如何组织CSS文件才能让它们更易于管理？如何让CSS模块化，从而提高代码的重用率？CSS的命名应该
　　注意哪些问题？何谓优良的CSS编码风格？
　　如何在CSS编码中引入面向对象的编程思想？这样做有哪些好处？
　　原生JavaScript和JavaScript类库之间有何关系？如何编写自己的JavaScript类库？
　　JavaScript有哪些常见的跨浏览器兼容问题？如何解决这些问题？
　　如何组织JavaScript才能让代码的结构更清晰有序，从而更易于维护？如何才能编写出弹性良好的JavaScript
　　代码？编写过程中应该注意哪些问题？
　　JavaScript的对象编程是如何实现的？如何用面向对象的方式重写原有的代码？
　　编写高质量的JavaScript代码有哪些实用的技巧？又有哪些常见的问题需要注意？
　　为了提高Web前端代码的可维护性，我们应该遵循哪些规范？
更多精彩好书推荐，请点击以下图片查看：