前端知識點總結

HTML

• HTML&XHTML&HTML5

  • HTML4，HTML5，XHTML 之間有什麼區別？ - 知乎

• 屬性

  • javascript - defer和async的區別 - SegmentFault
  • script的defer和async

CSS

• float

  • W3文檔
  • Does 「clear:right」 affect left floated elements?
  • CSS浮動float詳解
  • CSS Float nine rules
  • float - CSS | MDN
  • CSS float浮動的深刻研究、詳解及拓展(一)
  • CSS float浮動的深刻研究、詳解及拓展(二)

• line-boxes

  • CSS float浮動的深刻研究、詳解及拓展(一)
  • CSS float浮動的深刻研究、詳解及拓展(二)

• img

  • img元素底部爲什麼有空白？

JavaScript

• 執行上下文 && 做用域 && 做用域鏈

  • 執行上下文（Execution Context）
  • 變量對象（Variable object）
  • 做用域鏈（Scope Chain）
  • 閉包（Closures）
  • JavaScript 中的執行上下文和調用棧是什麼？by David Shariff

• 操做符

  • js中的instanceof運算符

• 變量

  • 關於js函數 形參和局部變量名相同後的一些問題？

• 字符串

  • js中replace的用法

• Date

  • js中date與String轉換

• 函數

  • 深刻理解javascript中的當即執行函數(function(){…})()

• 圖片

  • 圖片的異步加載與onload函數

• 瀏覽器寬高

  • JS：document.documentElement對象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft
    - 四種瀏覽器對 Document.body 的 ClientHeight、OffsetHeight 和 ScrollHeight 的解釋
  • 圖解Js event對象offsetX, clientX, pageX, screenX, layerX, x區別
  • What is offsetHeight, clientHeight, scrollHeight?
  • 四種瀏覽器對 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解釋差別
  • offsetHeight, clientHeight與scrollHeight的區別

• 正則表達式

  • 30分鐘內讓你明白正則表達式是什麼，並對它有一些基本的瞭解，讓你能夠在本身的程序或網頁裏使用它。
  • 揭開正則表達式的神祕面紗