摘要:
認識flexbox 原先的布局存在的痛點 flex布局的出現 flex布局的重要概念 flex布局的模型 flex相關的屬性 flex-direction flex-wrap flex-flow justify-content align-item align-content flex-item屬性
閱讀全文
摘要:
前后端分離的優勢 網頁的渲染過程 – 服務器端渲染 ~ 網頁的渲染過程 – 前后端分離 ~ HTTP的組成 HTTP的版本 HTTP的請求方式 HTTP Request Header(一) HTTP Request Header(二) HTTP Response響應狀態碼 https://devel
閱讀全文
摘要:
是否使用,取決于要調試什么樣的bug。如果是一眼可以看出問題,或者console.log調試能解決的,就不用。如果想看到代碼的完整執行流程,并且想知道變量是如何變化的,就需要斷點調試。 按鈕從左到右的介紹。 1、第一個,恢復、繼續執行:(1)恢復當前斷點,重新跑,有斷點時,代碼會在斷點處停止,希望恢
閱讀全文
摘要:
為什么需要this? this指向什么呢? this到底指向什么呢? 規則一:默認綁定 規則二:隱式綁定 規則三:顯示綁定 call、apply、bind 內置函數的綁定思考 new綁定 規則優先級 this規則之外 – 忽略顯示綁定 this規則之外 - 間接函數引用 箭頭函數 arrow fun
閱讀全文
摘要:
網絡字體 @font-face的使用 字體圖標 11_網絡字體的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w
閱讀全文
摘要:
認識flex布局 flex布局模型 flex相關的屬性 Flex-direction Justify-content align-items flex-wrap、flex-flow align-content order align-self flex-grow flex-shrink flex-b
閱讀全文
摘要:
CSS屬性 - vertical-align 深入理解vertical-align – line boxes 深入理解vertical-align – 不同情況分析 深入理解vertical-align – 不同情況分析 深入理解vertical-align – 出場 深入理解vertical-al
閱讀全文
摘要:
transform 位移 - translate 縮放 - scale transform-origin 縮放 - rotate 傾斜 - skew 過渡動畫 - transition 01_transform_translate.html <!DOCTYPE html> <html lang="e
閱讀全文
摘要:
定位方案(Position Schemes) CSS屬性 - float 浮動的特點 浮動的特點: 1、浮動的元素脫標。如果一個元素浮動了,那么,(1)將能夠【無縫】并排了;(2)并且能夠設置寬高了,無論它原來是個div還是個span,浮動即脫離標準流,inline、block是在標準流里用的。 2
閱讀全文
摘要:
標準流(Normal Flow) margin、padding定位 CSS屬性 - position static - 靜態定位 relative - 相對定位 練習 01_相對定位的演練.html <!DOCTYPE html> <html lang="en"> <head> <meta char
閱讀全文
摘要:
CSS屬性 - background-image CSS屬性 - background-repeat CSS屬性 - background-size CSS屬性 - background-position CSS Sprite CSS Sprite編寫建議 練習 CSS屬性 - background
閱讀全文