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