資訊專欄INFORMATION COLUMN
摘要：開發(fā)人員工有調(diào)試這個(gè)問題的超級有用技能。斷點(diǎn)斷點(diǎn)或我稱作的斷點(diǎn)，也允許當(dāng)一個(gè)預(yù)期請求創(chuàng)建時(shí)斷開。當(dāng)調(diào)試你的應(yīng)用的網(wǎng)絡(luò)時(shí)這是個(gè)讓人吃驚的工具。通過審核提升你的站點(diǎn)是個(gè)偉大的工具。使用快速審核一下你的網(wǎng)站，來獲得有用實(shí)際的優(yōu)化技巧。
我之前使用過用 printf debugging，自此之后我用這種方法似乎總能更快地解決bug。
在某些情況下需要更好的工具，下面是其中的一些佼佼者，我敢肯定你會(huì)發(fā)現(xiàn)它們的有用之處：
正如我之前提到的，你可以使用“debugger;”語句在代碼中加入強(qiáng)制斷點(diǎn)。
需要斷點(diǎn)條件嗎？只需將它包裝它在IF子句中：
if (somethingHappens) {
debugger;
}
只需記住在上線前移除。
2. 當(dāng)節(jié)點(diǎn)變化時(shí)斷開有時(shí)DOM像有了自己的想法。當(dāng)不可思議的變化發(fā)生時(shí)很難找到問題的根源。
Chrome開發(fā)人員工有調(diào)試這個(gè)問題的超級有用技能。這就是所謂的“Break on…”，你可以通過在元素選項(xiàng)卡上右鍵DOM節(jié)點(diǎn)找到它。
斷點(diǎn)可以在節(jié)點(diǎn)被刪除后設(shè)置，當(dāng)節(jié)點(diǎn)的屬性更改或者其子樹中的節(jié)點(diǎn)變化時(shí)。
XHR斷點(diǎn)或我稱作的Ajax斷點(diǎn)，也允許當(dāng)一個(gè)預(yù)期Ajax請求創(chuàng)建時(shí)斷開。
當(dāng)調(diào)試你的web應(yīng)用的網(wǎng)絡(luò)時(shí)這是個(gè)讓人吃驚的工具。
Chrome增加了內(nèi)置的移動(dòng)設(shè)備模擬工具，這將簡化你的日常工作。
選擇任何非Console的選項(xiàng)卡找到它們，按鍵盤上的esc鍵并選擇你想摸你的移動(dòng)設(shè)備。
你當(dāng)然不會(huì)得到一個(gè)真正的iPhone，但尺寸、觸摸事件和agemt都會(huì)為你效仿。
YSlow是個(gè)偉大的工具。Chrome也在開發(fā)人員工具下包含一個(gè)稱作Audits的類似工具。
使用快速審核一下你的網(wǎng)站，來獲得有用實(shí)際的優(yōu)化技巧。
沒有這些工具我不能想象如何開發(fā)。當(dāng)我發(fā)現(xiàn)新的后我會(huì)發(fā)布更多，敬請期待。
原文：5 Javascript debugging tips you’ll start using today
轉(zhuǎn)載自：開源中國 - Garfielt
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/78029.html
摘要：開發(fā)人員工有調(diào)試這個(gè)問題的超級有用技能。斷點(diǎn)斷點(diǎn)或我稱作的斷點(diǎn)，也允許當(dāng)一個(gè)預(yù)期請求創(chuàng)建時(shí)斷開。當(dāng)調(diào)試你的應(yīng)用的網(wǎng)絡(luò)時(shí)這是個(gè)讓人吃驚的工具。也在開發(fā)人員工具下包含一個(gè)稱作的類似工具。使用快速審核一下你的網(wǎng)站，來獲得有用實(shí)際的優(yōu)化技巧。 我之前使用過用 printf debugging，自此之后我用這種方法似乎總能更快地解決bug。 在某些情況下需要更好的工具，下面是其中的一些佼佼者，我...
摘要：在控制臺中使用，當(dāng)?shù)竭_(dá)傳入的函數(shù)時(shí)，代碼將停止。但除了私有和匿名函數(shù)這可能是找到調(diào)試函數(shù)的最快方法。在控制臺中輸入，當(dāng)調(diào)用時(shí)，將以調(diào)試模式停止屏蔽不相關(guān)代碼現(xiàn)在，我們經(jīng)常在應(yīng)用中引入幾個(gè)庫或框架。 譯者：SlaneYang原文：https://raygun.com/javascript-debugging-tips 以更快的速度和更高的效率來調(diào)試JavaScript 熟悉工具可以讓工具...
摘要：據(jù)不完全統(tǒng)計(jì)，這五年中，白鷺引擎累計(jì)運(yùn)轉(zhuǎn)的游戲和微信小游戲的流水?dāng)?shù)據(jù)約為億。 我們的引擎架構(gòu)師做某一沙龍活動(dòng)的演講速記，純純的干貨，分享給大家。 王澤：各位開發(fā)者下午好！我叫王澤，是白鷺引擎的首席架構(gòu)師。 今天給大家分享的題目是《重度H5游戲性能優(yōu)化技巧》。之所以決定用這個(gè)題目，是因?yàn)槲易罱鼛字茉趶V深一帶拜訪了很多使用白鷺引擎的開發(fā)者，發(fā)現(xiàn)特別是在廣州一帶，大部分開發(fā)者都在做重度H5游...
摘要：事件循環(huán)從回調(diào)隊(duì)列中獲取并將其推入調(diào)用堆棧。執(zhí)行從調(diào)用堆棧中移除從調(diào)用堆棧中移除快速回顧值得注意的是，指定了事件循環(huán)應(yīng)該如何工作，這意味著在技術(shù)上它屬于引擎的職責(zé)范圍，不再僅僅扮演宿主環(huán)境的角色。 此篇是 JavaScript是如何工作的第四篇，其它三篇可以看這里： JavaScript是如何工作的：引擎，運(yùn)行時(shí)和調(diào)用堆棧的概述！ JavaScript是如何工作的：深入V8引擎&編寫...
摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議！那么今天我就...
閱讀 1061·2021-09-26 10:15
閱讀 2176·2021-09-24 10:37
閱讀 2642·2019-08-30 13:46
閱讀 2707·2019-08-30 11:16
閱讀 2488·2019-08-29 10:56
閱讀 2649·2019-08-26 12:24
閱讀 3535·2019-08-23 18:26
閱讀 2717·2019-08-23 15:43
