1.調(diào)試器:
1.打開方式：控制臺(tái)打開：瀏覽器F12打開控制臺(tái)割疾，要養(yǎng)成用谷歌瀏覽器進(jìn)行前端開發(fā)措嵌，每次打開網(wǎng)頁(yè)就F12的習(xí)慣
2.調(diào)試器內(nèi)容：
1.e1ement：是頁(yè)面中所有元素的集合演痒，通常我們用它來(lái)調(diào)試樣式耳标，查找綁定事件赁严。（調(diào)試樣式方法）
2.network：所有與服務(wù)器的交互逢勾。包含所有html,js,css請(qǐng)求牡整，圖片文件，和我們向后臺(tái)發(fā)起的請(qǐng)求溺拱。
我們可以對(duì)加載時(shí)間過長(zhǎng)的文件進(jìn)行優(yōu)化逃贝，可以查看http請(qǐng)求和狀態(tài)碼∑人ぃ可以拍照時(shí)間快照
3.sources：包含了我們項(xiàng)目中的所有html,js,css請(qǐng)求后的下載到本地源代碼沐扳，
如果你想爬一個(gè)網(wǎng)站，可以在這里找到所有源代碼句占，調(diào)試bug（爬蟲）
4.resources:當(dāng)前網(wǎng)站本地存儲(chǔ)數(shù)據(jù)（cookie,storage）
5.console:頁(yè)面輸出內(nèi)容
6.查找\全文搜索\移動(dòng)端
2.emmet沪摄，console的常用方法:
console.log("這是log");
console.info("這是info");
console.debug("這是debug");
console.warn("這是warn");? ? ? //輸出一個(gè)警告框
console.error("這是error");? ? //輸出一個(gè)錯(cuò)誤
throw new Error("拋出異常")
console.dir({name:"lhj"});? ? ? //輸出對(duì)象的詳細(xì)信息
console.table({name:"lhj"});? ? //把一個(gè)json按對(duì)象的方式輸出
3.占位符（擴(kuò)展知識(shí)）
1.支持字符（%s）、整數(shù)（%d或%i）、浮點(diǎn)數(shù)（%f）杨拐、對(duì)象(%o)四種
2.例子：console.log("今年是%d年%d月%d日",2015,10,1);
4.innerHTML,innerText:
1.innerHTML能識(shí)別html標(biāo)簽：兼容所有瀏覽器
2.innerText不能識(shí)別html標(biāo)簽祈餐，F(xiàn)irefox不兼容
3.項(xiàng)目中不使用innerText，使用innerHTML
5.alert
1.把內(nèi)容轉(zhuǎn)化成字符串哄陶，然后再輸出
2.confirm的用法
3.prompt的用法
6.document.write
1.文檔流
將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流.(自己的理解是從頭到尾按照文檔的順序昼弟，該在什么位置就在什么位置，也可以按照上面的意思理解奕筐，自上而下舱痘，自左到右的順序)
2.執(zhí)行順序（不要在頁(yè)面執(zhí)行完畢輸出頁(yè)面內(nèi)容，因?yàn)槲臋n流會(huì)關(guān)閉离赫，再調(diào)用document.write會(huì)重新創(chuàng)建一個(gè)文檔流對(duì)象芭逝，把之前的文檔流覆蓋掉）
3.作用：往頁(yè)面中插入廣告
