《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 添加必要的[meta]标签 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
· · · · · · (
收起)
0 有用 flowingtc 2015-08-04 16:12:51
比较浅
0 有用 花树雯 2017-09-28 21:31:54
读这本书的背景,在一家创业公司实习,class的命名公司没有制定具体的规范,师傅对命名的要求比较严格,却只能靠我这个实习生个人的感悟。被冷眼了一段时间,师傅丢下了这本书,这本书不是传统的一大通讲语法巴拉巴拉的书,而是告诉读者,如何敲代码能进行高效的团队合作,让我进一步的认识规范。
0 有用 如果 2016-08-22 14:06:39
适合初学
0 有用 GooMU 2015-11-20 16:38:14
没有什么深奥的技术细节,主要说了一些写html、css、JavaScript的注意事项
0 有用 离落 2016-09-01 20:26:13
非常不错的实践分享,尤其是刚入门的人很需要这本书来指导编程规范。内容很实用,基本上今天看了明天就可以立即用到项目中去。
0 有用 爱吃萝卜的熊 2021-04-21 22:48:52
浅显易懂,都是比较基础的知识,可以很快通读一边。只可惜年代有点久远了,书里很多知识点放在现在不是很实用。但是还是能从书里提炼出许多不错的知识点的
0 有用 多啦薯片 2017-12-24 13:16:37
总的来说,这本书给我感觉帮助不大,比较适合新手,对新手养成好的习惯有些帮助。更深层次的东西比较少,而且由于书的发行周期,对于前端这种日新月异的技术来说,过时、与新技术新理念脱节,是没法避免的事情
0 有用 wildfun 2017-12-22 22:40:53
作者是一个经验丰富的前端开发者,行文严谨,有理有据。这本书是在微信阅读上看的,感觉还挺好。
0 有用 向大坤 2017-11-09 00:04:03
简单看了一遍,有些优化方法和代码规范确实很重要,但是在大前端日趋复杂化模块化的今天有些优化方式有显得用处不大,不过总体来说还是值得阅读学习的一本书。
0 有用 花树雯 2017-09-28 21:31:54
读这本书的背景,在一家创业公司实习,class的命名公司没有制定具体的规范,师傅对命名的要求比较严格,却只能靠我这个实习生个人的感悟。被冷眼了一段时间,师傅丢下了这本书,这本书不是传统的一大通讲语法巴拉巴拉的书,而是告诉读者,如何敲代码能进行高效的团队合作,让我进一步的认识规范。