-
内容大纲
掌握Debug(调试和故障排除)技术是编程人员重要的能力之一。本书作者将多年积累的开发经验浓缩到本书精心设计的教案中,通过范例网站和程序代码讲解HTML、DOM和CSS、JavaScript、性能分析、用户体验、错误处理等开发过程中遇到的问题的成因和解决方法,帮助读者从心态、通用方法切入Debug技巧,再深入至不同主题。相信读者在阅读本书之后,能够更好地掌握Debug工具,将学到的Debug技能应用到实际的开发和测试工作中,并大幅提升解决问题和开发的效率。
本书适用于前端初学者、前端工程师以及有经验的开发者。 -
作者介绍
-
目录
第1章 热身运动
1.1 关于本书
1.2 适用读者
1.3 学习Debug技巧的地图
1.4 REPL和实时测试工具
1.5 前端开发Debug工具的选择
1.6 Debug“心法”的建立
1.6.1 放大出错的影响
1.6.2 治标不治本
1.6.3 集中精神并且适度休息
1.6.4 不要钻牛角尖
1.6.5 适时寻求协助
1.6.6 心无旁骛
第2章 通用技巧
2.1 专注于单一问题
2.2 关键词搜索
2.3 阅读文件、源代码及规范
2.4 单方向寻找
2.5 降低变动条件
2.6 使用版本控制
2.7 善用开发工具
2.8 如何减少Bug及降低维护难度
2.8.1 静态分析程序代码
2.8.2 制定语法规范
2.8.3 统一语法格式
2.8.4 加入注释
2.9 小结
第3章 DOM和CSS技巧
3.1 基本原则
3.2 元素检查技巧
3.2.1 检查工具
3.2.2 状态锁定
3.2.3 暂停执行
3.2.4 节点隐藏
3.2.5 搜索
3.3 存取、修改DOM
3.3.1 插入节点
3.3.2 移动和删除节点
3.3.3 ==$0
3.4 CSS基本观察技巧
3.4.1 属性简写
3.4.2 !important
3.4.3 检查计算后的属性
3.4.4 默认CSS规则
3.4.5 继承属性
3.5 CSS高级检查技巧
3.5.1 加入边界提示
3.5.2 定义的属性值和计算结果不同
3.5.3 实际显示大小与计算结果不符
3.6 CSS调整技巧
3.6.1 添加规则
3.6.2 加入Pseudo元素
3.6.3 微调数值
3.6.4 快速切换Class
3.6.5 同时加入多项属性
3.7 inline元素的问题
3.7.1 display: inline;
3.7.2 inline元素下方的空间
……
第4章 JavaScript技巧
第5章 API技巧
第6章 JavaScript性能分析技巧
第7章 页面加载流程分析技巧
第8章 浏览器渲染性能分析技巧
第9章 设备仿真及 Debug技巧
第10章 用户体验和无障碍网页
第11章 错误处理技巧
第12章 Chrome DevTools
第13章 Elements面板
第14章 Console面板
第15章 Sources面板
第16章 Network面板
第17章 Performance面板
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...