下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922
读书 > Web开发 >Javascript > Web前端开发最佳实践

Web前端开发最佳实践

综合评级:★★★★★

定价:59.00

作者:党建 著

出版社:机械工业出版社

出版日期:2015年1月

页数:207

ISBN:9787111488439

书籍介绍

最近几年,Web前端的发展非常迅速,并呈现出一片欣欣向荣的景象。但层出不穷的新技术又扰乱了开发人员的思绪,以致很多开发人员疲于学习新技术而忽略了最基础的技术修炼。很多开发人员介绍最新技术时头头是道,却无法制作出一个符合W3C规范的HTML页面。国内Web前端开发者普遍不重视代码规范以及网站前端性能,很多网站甚至连最基本的前端代码压缩和合并都没有。本书立足于Web前端开发的基础,介绍如何编写符合W3C规范、可维护性好且高性能的Web前端代码。

本书主要内容和特色:

以W3C Web规范为基础展开讨论,介绍Web前端开发中的最佳实践方法及编码风格,为Web前端开发人员快速成长提供一条捷径。

介绍近年来涌现出来并已经得到广泛应用的大量工具和技术方案,为开发人员从事Web前端开发打下坚实的基础。

循序渐进地介绍Web前端开发中的HTML、CSS、JavaScript编码实践方法,同时介绍Web移动端开发的实践,让读者对Web前端开发有一个全面的理解和认知。

相关课程
目录

前 言

第一部分 高效web前端开发综述

第1章 Web前端开发概述 2

1.1 Web前端开发的范畴 2

1.1.1 什么是Web前端开发 2

1.1.2 Web前端开发需要具备的技能 3

1.2 Web前端开发现状 6

1.3 规范的Web前端代码:更易维护、更高性能和更安全 9

第2章 高效Web前端开发 11

2.1 前端代码的结构组织和文件的命名 11

2.2 前端代码重构 13

2.3 合理使用前端框架 15

2.4 多浏览器测试:多测试,早测试 16

2.5 Web前端代码开发和调试 19

2.5.1 Web前端集成开发环境 19

2.5.2 Web前端代码调试 20

2.5.3 Web前端性能分析 21

2.5.4 代码和资源的压缩与合并 22

2.6 前端代码基本命名规范和格式规范 25

2.6.1 HTML命名规范及格式规范 25

2.6.2 CSS命名规范及格式规范 27

2.6.3 javaScript命名规范及格式规范 30

第二部分 HTML最佳实践

第3章 标准的HTML代码 36

3.1 验证代码是否符合标准 36

3.2 标准的HTML页面结构 39

3.3 正确闭合HTML标签 40

3.4 停止使用不标准的标签和属性,简化HTML代码 41

3.5 样式与结构分离 43

3.6 添加Javascript禁用的提示信息 45

3.7 添加必要的标签 49

第4章 高可读性的HTML 53

4.1 HTML语义化 53

4.2 如何设置网页标题层级 58

4.3 如何正确设计表单 60

4.4 精简HTML代码 65

4.5 过时的块状元素和行内元素 68

第5章 积极拥抱HTML5 71

5.1 HTML5新特性的使用 71

5.1.1 使用HTML5中简化的定义方式 72

5.1.2 使用HTML5中的新标签和新属性 73

5.2 不要使用HTML5中已废弃的标签和属性 78

5.3 如何处理浏览器的兼容问题 79

第三部分 CSS最佳实践

第6章 高维护性的CSS 84

6.1 如何高效地组织CSS代码 84

6.2 使用CSS Reset:统一浏览器显示效果 89

6.3 给CSS样式定义排序 94

6.4 合理利用CSS的权重:提高代码的重用性 97

6.5 CSS代码的兼容性:如何兼容IE浏览器 101

6.6 em、px还是% 104

第7章 高性能的CSS 109

7.1 使用高效的CSS选择器 109

7.2 CSS相关的图片处理 112

7.3 减少CSS的代码量 116

7.4 其他CSS高性能实践 120

第8章 CSS3相关最佳实践 122

8.1 查看浏览器的支持情况 122

8.2 添加必要的浏览器前缀 123

8.3 做好CSS3中新特性的兼容处理 127

第四部分 JavaScript最佳实践

第9章 高维护性的JavaScript 132

9.1 养成良好的编码习惯,提高代码的可维护性 132

9.2 使用更严格的编码格式 138

9.3 事件处理和业务逻辑分离 141

9.4 配置数据和代码逻辑分离 142

9.5 逻辑与结构样式分离 145

9.5.1 从JavaScript代码逻辑中分离CSS样式 145

9.5.2 从JavaScript代码逻辑中分离HTML结构 146

9.6 JavaScript模板的使用 149

9.7 在JavaScript开发中应用MVC模式 152

9.8 JavaScript模块化开发 154

9.9 合理使用ajax技术 156

第10章 高性能的JavaScript 159

10.1 加快JavaScript文件的加载速度 159

10.2 养成良好的编码习惯,提高代码运行速度 162

10.3 使用高性能的变量或属性值读取方式 165

10.4 高效的DOM操作 168

10.5 使用辅助工具优化JavaScript代码性能 173

第11章 高安全性的JavaScript 178

11.1 常见的Web前端攻击方式 179

11.2 不要轻易信任任何外部传入的数据 180

11.3 其他前端安全防范实践 183

第五部分 移动Web前端开发

第12章 移动Web前端开发最佳实践 186

12.1 移动Web前端开发概述 187

12.1.1 主流的移动终端和移动浏览器 187

12.1.2 移动端和桌面端Web前端开发的差异 188

12.1.3 如何让桌面Web页面兼容移动设备 190

12.1.4 开发移动Web站点的准备工作 196

12.2 移动Web前端开发相关技术最佳实践 199

12.2.1 HTML相关最佳实践 200

12.2.2 CSS相关最佳实践 202

12.2.3 JavaScript相关最佳实践 205

前言

为什么要写这本书

Web前端开发入门难度并不高,但是初学者如果没有一个很好的学习和编码习惯,则开发水平的提高速度会变得很慢。下面几点是影响Web前端开发者技术提高的主要因素。

其一是开发者缺乏良好的实践指导。Web前端兴起的时间不长,很多大学都还没有来得及开一门专门讲解Web前端的课程,因此,大部分的Web前端开发者都是通过自学的方式来了解Web前端相关的技术。开发者学习前端技术的渠道很多,其中很大一部分是通过查找网络资源的方式,而网络上充斥着大量的错误或者过时的实践方法,这些实践方法很容易误导初学者,使得初学者养成了一些不良的开发习惯。因此,Web前端开发的初学者非常需要一些能帮助他们快速、正确地进行Web前端开发的最佳实践方法。

其二是开发者容易产生浮躁的情绪。Web前端虽然兴起时间不长,但是发展很迅速,技术的更新换代也非常快,这本来是一件好事情,但也使得很多Web前端开发者产生了浮躁的情绪。开发者疲于追逐各种最新的技术,而忽略了最基础的技术概念。这些开发者对Node. js、AngularJS、Polymer等相关概念相当熟悉,但对HTML标准规范、AJAX的原理、CSS选择器的优先级等基本的概念却理解得不够深入。实质上,虽然Web前端技术更新换代速度很快,但也离不开HTML、CSS、JavaScript这3个基本的技术。Web前端的开发者应该明白:只有掌握了扎实的基础知识,才能在学习新技术的时候更容易上手,并且更快地理解新技术的原理,否则只是接触新技术的皮毛而已。

其三是开发者不善于利用各种开发工具。人类文明之所以快速发展,和人类善于使用工具是分不开的。人类是感性动物,并不能保证每次都能正确地做同样的事情,但工具不一样,只要环境相同,工具每次处理的结果应该是一样的。类比到Web前端开发中,聪明的程序员应该学会利用各种辅助开发工具来提高开发效率,减少不必要的错误。Web前端开发中的工具覆盖了开发过程的方方面面,包括设计、开发、测试、部署等阶段的辅助工具。善于使用工具也是Web前端开发中必备的一项技能。

笔者从2002年开始接触软件开发,先后接触过各种主流的开发技术,包括各种Web开发技术。从2008年开始,主要从事Web前端开发的工作。在这么多年的Web网站开发过程中,笔者深知技术基础、编码规范、辅助开发工具对软件开发的重要性,因此,在平时的开发中会特别注重这方面的积累,也非常乐意分享个人的开发经验以及使用过的效果较好的开发工具。

本书综合了笔者这些年来积累的各种Web前端开发经验以及各种高效的Web前端开发实践。如果把这些实践方法称为最佳实践,则有可能会引来争议,但这些实践方法的确是认可度很高的方法。从内容上说,本书是一本介绍如何高效地从事Web前端开发的书籍,而不是讲解Web前端技术的书籍。虽然技术更新非常快,但高效的开发实践方法则相对会更新得慢一些。开发者掌握这些高效的实践方法,会在开发过程中节省大量的成本,另外,在学习新技术的过程中,也会应对自如。

热门图书
推荐新闻
技术文库
论坛推荐