Web前端開發(fā)Debug技巧

定　價：￥79.00

作　者：	楊楚玄
出版社：	清華大學出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

ISBN：	9787302614104	出版時間：	2022-09-01	包裝：	平裝
開本：		頁數(shù)：		字數(shù)：

內容簡介

　　掌握Debug（調試和故障排除）技術是編程人員重要的能力之一。本書作者將多年積累的開發(fā)經(jīng)驗濃縮到本書精心設計的教案中，通過范例網(wǎng)站和程序代碼講解HTML、DOM和CSS、JavaScript、性能分析、用戶體驗、錯誤處理等開發(fā)過程中遇到的問題的成因和解決方法，幫助讀者從心態(tài)、通用方法切入Debug技巧，再深入至不同主題。相信讀者在閱讀本書之后，能夠更好地掌握Debug工具，將學到的Debug技能應用到實際的開發(fā)和測試工作中，并大幅提升解決問題和開發(fā)的效率。本書適用于前端初學者、前端工程師以及有經(jīng)驗的開發(fā)者。

作者簡介

　　楊楚玄軟件開發(fā)資深工程師，在軟件開發(fā)有多年的開發(fā)經(jīng)驗，尤其Web前后端開發(fā)，具有豐富的項目開發(fā)經(jīng)驗?，F(xiàn)任Appier前端工程師，同時擔任ALPHA Camp課程講師。以《你所不知道的各種前端Debug技巧》系列文章參加iT邦幫忙鐵人賽Modern Web組獲得冠軍。參與開源項目，在GitHub上的個人項目擁有超過5000顆星。

圖書目錄

第1章熱身運動
1.1 關于本書
1.2 適用讀者
1.3 學習Debug技巧的地圖
1.4 REPL和實時測試工具
1.5 前端開發(fā)Debug工具的選擇
1.6 Debug“心法”的建立
1.6.1 放大出錯的影響
1.6.2 治標不治本
1.6.3 集中精神并且適度休息
1.6.4 不要鉆牛角尖
1.6.5 適時尋求協(xié)助
1.6.6 心無旁騖
第2章通用技巧
2.1 專注于單一問題
2.2 關鍵詞搜索
2.3 閱讀文件、源代碼及規(guī)范
2.4 單方向尋找
2.5 降低變動條件
2.6 使用版本控制
2.7 善用開發(fā)工具
2.8 如何減少Bug及降低維護難度
2.8.1 靜態(tài)分析程序代碼
2.8.2 制定語法規(guī)范
2.8.3 統(tǒng)一語法格式
2.8.4 加入注釋
2.9 小結
第3章 DOM和CSS技巧
3.1 基本原則
3.2 元素檢查技巧
3.2.1 檢查工具
3.2.2 狀態(tài)鎖定
3.2.3 暫停執(zhí)行
3.2.4 節(jié)點隱藏
3.2.5 搜索
3.3 存取、修改DOM
3.3.1 插入節(jié)點
3.3.2 移動和刪除節(jié)點
3.3.3 ==$0
3.4 CSS基本觀察技巧
3.4.1 屬性簡寫
3.4.2 !important
3.4.3 檢查計算后的屬性
3.4.4 默認CSS規(guī)則
3.4.5 繼承屬性
3.5 CSS高級檢查技巧
3.5.1 加入邊界提示
3.5.2 定義的屬性值和計算結果不同
3.5.3 實際顯示大小與計算結果不符
3.6 CSS調整技巧
3.6.1 添加規(guī)則
3.6.2 加入Pseudo元素
3.6.3 微調數(shù)值
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章用戶體驗和無障礙網(wǎng)頁
第11章錯誤處理技巧
第12章 Chrome DevTools
第13章 Elements面板
第14章 Console面板
第15章 Sources面板
第16章 Network面板
第17章 Performance面板