JavaScript 導覽

  • 825
  • 0

摘要:JavaScript 導覽

有機會對同事分享關於 JavaScript的心得,列了一些我覺得重要的東西,大概排了一下順序。

----

先把 JavaScript分成兩個部份:

  1. JavaScript這個程式語言本身的標準(定義),例如:變數型態、運算符、邏輯控制…
    http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm
    可以看到標準不停的更動,最新的是 ECMA-262 5th edition, JavaScript 1.8(?)
    但是標準歸標準,實作歸實作,瀏覽器支援的速度沒那麼快。
    瀏覽器普遍支援的應該還是 ECMA-262 3rd edition, JavaScript 1.5
    (December 1999... Orz,要試新標準的話,用 chrome瀏覽器會順利一點。)
  2. 跟瀏覽器相關的 JavaScript標準
    這個就複雜多了:http://www.w3.org/TR/
    dom 只是其中之一:http://www.w3.org/DOM/Activity
    另一個想提的是 event:http://www.w3.org/TR/DOM-Level-2-Events/events.html
    定義了所有 event, 每個 event觸發時 event object應該要有哪些值,
    (看完眼都花了,瀏覽器實作的時候東漏一個,西缺一塊,感覺也很符合人性……)
 
1.1 object (宣告、存取、for in、obj[str])
1.2 function (prototype, scope chain, this)
1.3 模組化 (namespace, private data, OO)
 
2.1 event model (addEvent, bubble)
2.2 web standard: 分離 html, javascript, css
2.3 performance (redraw, repaint)
2.4 jQuery
2.4.1 Selectors (id, class, attribute[key=value])
2.4.2 Traversing (往上、往下、同層)
2.4.3 Manipulation (append, prepend)
 
 
--
 
3. css
3.1 box model
3.2 position
3.3 float
3.4 排版,兩欄、三欄
3.5 Responsive Web Design、bootstrap