-
目標(biāo)人群
· Web/前端研發(fā)工程師、頁面重構(gòu)/設(shè)計(jì)師、產(chǎn)品經(jīng)理以及對(duì)頁面開發(fā)調(diào)試有興趣的同學(xué)等
· 基礎(chǔ)要求：了解初級(jí)前端基礎(chǔ)知識(shí)即可，如HTML、CSS及JavaScript的基本語法
課程收益
· 掌握Web調(diào)試方法調(diào)試DOM和樣式，斷點(diǎn)調(diào)試JavaScript等基礎(chǔ)前端工程開發(fā)的能力。
· 能夠全面掌握使用Chrome DevTools進(jìn)行Web前端開發(fā)及H5移動(dòng)端開發(fā)能力，提升開發(fā)效率。
· Web性能優(yōu)化方法，及結(jié)合Fiddler工具，及React、Vue等現(xiàn)代化框架調(diào)試的能力。
查看全部 -
查看單一請(qǐng)求和分析網(wǎng)頁性能
查看全部 -
編輯
查看全部 -
dom:文檔對(duì)象模型
查看全部 -
斷點(diǎn) : 在Sources中點(diǎn)擊行數(shù)符號(hào)可以打斷點(diǎn)。
查看全部 -
let?script?=?document.createElement('script'); script.src="https://code.jquery.com/jquery-3.2.1.min.js"; script.integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="; script.crossorigin="anonymous"; document.head.appendChild(script);以上為引入jQuery的代碼，大家一起學(xué)習(xí)
經(jīng)過多次嘗試，確認(rèn)以上代碼會(huì)報(bào)錯(cuò)CORS，修改一下
let?script?=?document.createElement('script'); script.src="https://code.jquery.com/jquery-3.2.1.min.js"; document.head.appendChild(script);查看全部 -
頂頂頂頂頂頂頂頂對(duì)對(duì)對(duì)對(duì)對(duì)對(duì)
搜索
復(fù)制
查看全部 -
可以在控制面版寫方法，比如寫斐波那契數(shù)列；直接在控制臺(tái)調(diào)用
查看全部 -
4-1；如果不想讓他執(zhí)行，按住shift加回車，就不會(huì)執(zhí)行，而是換行；直接回車就是執(zhí)行；查看全部 -
這是console的主要功能
查看全部 -
可以看下animate.css動(dòng)畫官網(wǎng)，可以設(shè)置不同css
查看全部 -
-3-3
點(diǎn)擊最右上方，三個(gè)點(diǎn)就是可以設(shè)置控制臺(tái)單獨(dú)展示還是右下角展示。然后點(diǎn)擊more tools,然后點(diǎn)擊Animations
查看全部 -
3-3? 這個(gè)動(dòng)畫效果是點(diǎn)擊最上面的三個(gè)點(diǎn)，有個(gè)run tool
查看全部 -
3-3 快速調(diào)試css數(shù)值及顏色圖形動(dòng)畫等，右側(cè)的三個(gè)點(diǎn)，我還真的從來沒用過
查看全部 -
看到右上角的cls沒，在add new class中可以直接給元素新增加一個(gè)類名。同時(shí)也能在下面的style中加類名，設(shè)置屬性。3-2 在元素中動(dòng)態(tài)添加類和偽類
查看全部 -
看到那個(gè)小光標(biāo)沒，正在輸入color，這個(gè)地方自己之前從來沒有用過，這個(gè)可以用來過濾屬性課程屬于3-1? 查看與編輯css
查看全部
舉報(bào)