Web前端开发最佳实践

前　言第一部分　高效Web前端开发综述第1章　Web前端开发概述 21.1　Web前端开发的范畴 21.1.1　什么是Web前端开发 21.1.2　Web前端开发需要具备的技能 31.2　Web前端开发现状 61.3　规范的Web前端代码：更易维护、更高性能和更安全 9第2章　高效Web前端开发 112.1　前端代码的结构组织和文件的命名 112.2　前端代码重构 132.3　合理使用前端框架 152.4　多浏览器测试：多测试，早测试 162.5　Web前端代码开发和调试 192.5.1　Web前端集成开发环境 192.5.2　Web前端代码调试 202.5.3　Web前端性能分析 212.5.4　代码和资源的压缩与合并 222.6　前端代码基本命名规范和格式规范 252.6.1　HTML命名规范及格式规范 252.6.2　CSS命名规范及格式规范 272.6.3　JavaScript命名规范及格式规范 30第二部分　HTML最佳实践第3章　标准的HTML代码 363.1　验证代码是否符合标准 363.2　标准的HTML页面结构 393.3　正确闭合HTML标签 403.4　停止使用不标准的标签和属性，简化HTML代码 413.5　样式与结构分离 433.6　添加JavaScript禁用的提示信息 453.7　添加必要的标签 49第4章　高可读性的HTML 534.1　HTML语义化 534.2　如何设置网页标题层级 584.3　如何正确设计表单 604.4　精简HTML代码 654.5　过时的块状元素和行内元素 68第5章　积极拥抱HTML5 715.1　HTML5新特性的使用 715.1.1　使用HTML5中简化的定义方式 725.1.2　使用HTML5中的新标签和新属性 735.2　不要使用HTML5中已废弃的标签和属性 785.3　如何处理浏览器的兼容问题 79第三部分　CSS最佳实践第6章　高维护性的CSS 846.1　如何高效地组织CSS代码 846.2　使用CSS Reset：统一浏览器显示效果 896.3　给CSS样式定义排序 946.4　合理利用CSS的权重：提高代码的重用性 976.5　CSS代码的兼容性：如何兼容IE浏览器 1016.6　em、px还是% 104第7章　高性能的CSS 1097.1　使用高效的CSS选择器 1097.2　CSS相关的图片处理 1127.3　减少CSS的代码量 1167.4　其他CSS高性能实践 120第8章　CSS3相关最佳实践 1228.1　查看浏览器的支持情况 1228.2　添加必要的浏览器前缀 1238.3　做好CSS3中新特性的兼容处理 127第四部分　JavaScript最佳实践第9章　高维护性的JavaScript 1329.1　养成良好的编码习惯，提高代码的可维护性 1329.2　使用更严格的编码格式 1389.3　事件处理和业务逻辑分离 1419.4　配置数据和代码逻辑分离 1429.5　逻辑与结构样式分离 1459.5.1　从JavaScript代码逻辑中分离CSS样式 1459.5.2　从JavaScript代码逻辑中分离HTML结构 1469.6　JavaScript模板的使用 1499.7　在JavaScript开发中应用MVC模式 1529.8　JavaScript模块化开发 1549.9　合理使用AJAX技术 156第10章　高性能的JavaScript 15910.1　加快JavaScript文件的加载速度 15910.2　养成良好的编码习惯，提高代码运行速度 16210.3　使用高性能的变量或属性值读取方式 16510.4　高效的DOM操作 16810.5　使用辅助工具优化JavaScript代码性能 173第11章　高安全性的JavaScript 17811.1　常见的Web前端攻击方式 17911.2　不要轻易信任任何外部传入的数据 18011.3　其他前端安全防范实践 183第五部分　移动Web前端开发第12章　移动Web前端开发最佳实践 18612.1　移动Web前端开发概述 18712.1.1　主流的移动终端和移动浏览器 18712.1.2　移动端和桌面端Web前端开发的差异 18812.1.3　如何让桌面Web页面兼容移动设备 19012.1.4　开发移动Web站点的准备工作 19612.2　移动Web前端开发相关技术最佳实践 19912.2.1　HTML相关最佳实践 20012.2.2　CSS相关最佳实践 20212.2.3　JavaScript相关最佳实践 205

《Web前端开发最佳实践》Web前端开发领域经典著作，深入分析Web前端开发中与HTML、CSS、JavaScript以及Web移动端开发相关的技术方案、技巧和最佳实践，包含大量范例，极具指导意义最近几年，Web前端的发展非常迅速，并呈现出一片欣欣向荣的景象。但层出不穷的新技术又扰乱了开发人员的思绪，以致很多开发人员疲于学习新技术而忽略了最基础的技术修炼。很多开发人员介绍最新技术时头头是道，却无法制作出一个符合W3C规范的HTML页面。国内Web前端开发者普遍不重视代码规范以及网站前端性能，很多网站甚至连最基本的前端代码压缩和合并都没有。本书立足于Web前端开发的基础，介绍如何编写符合W3C规范、可维护性好且高性能的Web前端代码。本书主要内容和特色：以W3C Web规范为基础展开讨论，介绍Web前端开发中的最佳实践方法及编码风格，为Web前端开发人员快速成长提供一条捷径。介绍近年来涌现出来并已经得到广泛应用的大量工具和技术方案，为开发人员从事Web前端开发打下坚实的基础。循序渐进地介绍Web前端开发中的HTML、CSS、JavaScript编码实践方法，同时介绍Web移动端开发的实践，让读者对Web前端开发有一个全面的理解和认知。【作者简介】党建，资深Web前端开发工程师。毕业于西安电子科技大学，后任职于西安葡萄城信息技术有限公司，从事Web前端和Web控件开发多年。目前为西安瑞木信息技术有限公司合伙人，负责公司Web项目前端架构及Web前端开发培训工作。精通HTML、CSS、JavaScript等前端技术，对ASP.NET、Node.js等Web开发技术也有深入的研究。善于总结各种开发最佳实践，并致力于Web相关规范的推广。