首页 > 图书中心 >图书详情

Web前端开发Debug技巧

拥有Debug技巧,让你从有效地解决问题到避免发生问题,提升前端开发效率

作者:杨楚玄
丛书名:Web技术丛书
定价:79
印次:1-2
ISBN:9787302614104
出版日期:2022.09.01
印刷日期:2023.10.12

掌握Debug(调试和故障排除)技术是编程人员重要的能力之一。本书作者将多年积累的开发经验浓缩到本书精心设计的教案中,通过范例网站和程序代码讲解HTML、DOM和CSS、JavaScript、性能分析、用户体验、错误处理等开发过程中遇到的问题的成因和解决方法,帮助读者从心态、通用方法切入Debug技巧,再深入至不同主题。相信读者在阅读本书之后,能够更好地掌握Debug工具,将学到的Debug技能应用到实际的开发和测试工作中,并大幅提升解决问题和开发的效率。 本书适用于前端初学者、前端工程师以及有经验的开发者。

more >

前 言 对于软件开发者来说,无论采用哪种程序设计语言,都需要花费大量时间在Debug(调试和故障排除)上,初学者时常会因为无法有效地找出问题以及解决问题而感到挫败,而许多人花费大量精力学习新知识及熟悉技术,却忽略了重要的基础之一—Debug技巧。 还记得第一次实习面试时,主考官问我:“你都怎么Debug的?”我一时竟然只能想出一个答案:打开DevTools看log。那时我的Debug原则就是“如果一个console.log找不出问题,就放入更多的console.log”。虽然有时候会觉得自己很傻,但是由于大多时候都能解决问题,便持续使用这个套路。 被问倒后的我开始反省:既然天天都要Debug,为何不加强自己的Debug技巧呢?掌握Debug技巧能够大幅地提升开发效率,而这正是贯穿本书的重点。 之所以写这本书,是因为我在2021年9月参加了以“你所不知道的各种前端Debug技巧”为主题的“iT邦帮忙铁人赛”。早在几年前我就听说过铁人赛,不过理解仅限于参赛者必须连续30天不中断发文,想想自己偶尔也会撰写技术文章,应该没有什么困难,当时有一位朋友参加铁人赛却未能完赛,我甚至感到有些意外。直到实际参赛时,才发现自己实在太天真了,为了能够尽可能地涵盖更多细节及制作流畅易懂的范例,一个月来几乎每天都能看到日出,所幸后来顺利完赛。本书就是基于原本参赛的文章,将技巧讲解部分抽出,并分类为不同的主题,同时加入更多内容及范例,Chrome DevTools用法则独立说明,以便提及更多细节。本书的整体架构经过修改后,变得更加通顺及容易理解,当然随之而来的又是另一段长期睡眠不足的日子。 本书能够顺利出版,首先得感谢当时邀请我参赛的ALPHA Camp团队,其中Tim身为当时的队长,多次拉我“入坑”,甚至在我犹豫不决时直接把我列入参赛名单,对于本书的润色及校稿也帮了大忙,雁婷的鼓励则是我完赛的关键,对于本书也提出了不少宝贵的建议;其次感谢博硕文化的编辑Sammi,为了本书的质量,她跟我进行了多次的讨论以及修改,最终得以整理成册;最后感谢我的家人对于内容的建议,大幅提升了文字的可读性,以及无论听到多少次“快写完了”都依然坚定地支持着我。 本书将从心态、通用方法开始切入Debug技巧,再深入至不同主题,如HTML、CSS、JavaScript、性能分析、用户体验、错误处理、工具等,并搭配范例程序代码进行说明,协助读者理解并应用到实际工作中。相信读者在阅读本书之后,能够更好地掌握Debug技巧并大幅提升开发效率。 为了方便读者学习,现将本书中范例程序的下载网址和参考网站的使用说明汇总在一个电子文档中,请读者扫描下方的二维码获取。若下载有问题,请把问题发送至电子邮箱booksaga@126.com,邮件主题写“Web前端开发Debug技巧”。 杨楚玄 2022年7月

more >
扫描二维码
下载APP了解更多

同系列产品more >

JavaScript前端开发与实例教程

崔仲远
定 价:69元

查看详情
HTML5+CSS3 Web前端开发与实例教程

卢欣欣 崔仲远 郭慧玲
定 价:69元

查看详情
Node.js+MongoDB+Vue.js全栈开发实战...

邹琼俊
定 价:79元

查看详情
Vue.js+Node.js全栈开发实战

王金柱
定 价:79元

查看详情
Vue.js 3.x+Element Plus从入门到...

张工厂
定 价:89元

查看详情
图书分类全部图书
more >
  • 杨楚玄 软件开发资深工程师 ,在软件开发有多年的开发经验,尤其Web前后端开发,具有丰富的项目开发经验。现任Appier前端工程师,同时担任ALPHA Camp课程讲师。以《你所不知道的各种前端Debug技巧》系列文章参加iT邦帮忙铁人赛Modern Web组获得冠军。参与开源项目,在GitHub上的个人项目拥有超过5000颗星。
  • 虽然Debug占据了开发者大多数的时间,却较少人着墨于精进Debug技巧。本书从心态、通用方法切入Debug技巧,再深入不同主题,如HTML、CSS、JavaScript、性能分析、用户体验、错误处理、工具等,并搭配范例程序源码进行说明,以协助读者理解并应用到实际的开发和测试场景中,提升解决问题的效率。
more >
  • 目    录

    第1章  热身运动 1

    1.1  关于本书 1

    1.2  适用读者 2

    1.3  学习Debug技巧的地图 2

    1.4  REPL和实时测试工具 2

    1.5  前端开发Debug工具的选择 4

    1.6  Debug“心法”的建立 4

    1.6.1  放大出错的影响 4

    1.6.2  治标不治本 5

    1.6.3  集中精神并且适度休息 5

    1.6.4  不要钻牛角尖 5

    1.6.5  适时寻求协助 6

    1.6.6  心无旁骛 6

    第2章  通用技巧 7

    2.1  专注于单一问题 7

    2.2  关键词搜索 8

    2.3  阅读文件、源代码及规范 8

    2.4  单方向寻找 9

    2.5  降低变动条件 9

    2.6  使用版本控制 9

    2.7  善用开发工具 10

    2.8  如何减少Bug及降低维护难度 10

    2.8.1  静态分析程序代码 10

    2.8.2  制定语法规范 11

    2.8.3  统一语法格式 11

    2.8.4  加入注释 11

    2.9  小结 12

    第3章  DOM和CSS技巧 13

    3.1  基本原则 13

    3.2  元素检查技巧 14

    3.2.1  检查工具 14

    3.2.2  状态锁定 14

    3.2.3  暂停执行 16

    3.2.4  节点隐藏 17

    3.2.5  搜索 17

    3.3  存取、修改DOM 18

    3.3.1  插入节点 18

    3.3.2  移动和删除节点 18

    3.3.3  ==$0 18

    3.4  CSS基本观察技巧 19

    3.4.1  属性简写 19

    3....

精彩书评more >

标题

评论

版权所有(C)2023 清华大学出版社有限公司 京ICP备10035462号 京公网安备11010802042911号

联系我们 | 网站地图 | 法律声明 | 友情链接 | 盗版举报 | 人才招聘