Register Event Handler

1. [Element].onevent

在 IE8 以前的瀏覽器上有一些奇怪的限制，如：在 Iframe Element上不允許註冊 onload

2. [Element].addEventListener
3. [Element].attachEvent

使用 2 或 3 註冊又可以分成三種方式

A. Anonymous: function(){...}
a. 不會被立即執行
b. 無法被移除

B. Function Reference: [Function Name]
a. 不會被立即執行
b. 無法帶參數

C. Function Call: [Function Name]()
a. 會被立即執行
b. 可以帶參數

開放的 DNS Server

Google DNS

Preferred: 8.8.8.8
Alternate: 8.8.4.4

OpenDNS

Preferred: 208.67.222.222
Alternate: 208.67.220.220

Reference: http://getpocket.com/a/read/383826640 

Web 相關的保留字

Cookie 的保留字 = 和 ;
URL 的保留字 ? & =
HTML 保留字 " ' & < >

更詳細的可以 Reference: rfc3986

Web 控制 Browser Cache 的方式

 http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 http-equiv="Pragma" content="no-cache" />
 http-equiv="Expires" content="0" />

Reference:

https://developer.mozilla.org/en-US/docs/HTTP_Caching_FAQ

http://hungred.com/how-to/tutorial-stop-caching-jquery-javascript/

http://stackoverflow.com/questions/49547/making-sure-a-web-page-is-not-cached-across-all-browsers

可以在 Client 端暫存資料的地方

要在 Client 端的瀏覽器暫存資料，不受瀏覽器 Reload 的影響可以利用：

1. Address Bar (帶在 URL 中)
2. Cookie

暫存的資料需考慮安全性問題。

產生 Event 並傳送給指定的 Element

1. Create event

createEvent / createEventObject

2. Initial event
根據我們建立 Event 的方式決定初始化的方式

3. Dispatch event
dispatchEvent / fireEvent

PS. 要考慮到瀏覽器相容性的問題。

網頁上英文字因為換行被截斷的問題

CSS 的解法：

word-break
word-wrap

JavaScript 的解法：

style.wordBreak
style.wordWrap