設計稿→頁面重構（製作）
需求要在某個時段做某些事件，寫了個簡單的檢測函數。方便下次直接用。
/*
時間範圍
@st: start time,
@et: end time,
*/
function timeFrame(st, et){
st === undefined ? st = new Date().getTime() : st = Date.parse(st);
et = Date.parse(et);
//current time;
var ct = new Date().getTime();
if( ct > st && ct < et ){
return true;
}else{
return false;
}
}
console.log("現在是否 2016-12-29,16:30:00 至 2016-12-29,17:00:00 之間？ is " +
timeFrame("2016-12-29,16:30:00", "2016-12-29,17:00:00"));
在微博上面睇到張圖，這種提示，值得借鑒
好多大型網站都做過類似的“溫馨”提示，但多以文字說明，比起專業的文字說明，或者别出心裁的設計，這種比較式的列表更能讓用戶一目了然。(當然，我知道你想說，背景那個女的也不錯^0^)
就好像去買手提電腦，在當眼位置會貼上該電腦的主要配置，用戶看這配置，又看看那配置，即使不專業，但心裏還是有模糊的認知，原因就是各種資料列出來，令他可以進行比較。
No tags for this post!!
<body>, <h1> – <h6> 默認有margin，沒有padding
<ul> 默認有margin，有padding
<form> 默認有margin，有padding(ie6/7)
<fieldset> 默認有padding(ie6/7)，有margin(ie8/FF/CH)
<input /> 默認有padding，有margin(CH)
<p> 默認有margin-top, margin-bottom, 沒有padding(FF)
情況一：當絕定位元素的父元素高或寛為奇數 時，該元素的 bottom 和 right 會獲取錯誤。詳見國外這篇文章（另有簡譯版IE6 絕對定位元素的 1px 間距 bug）
情況二：IE6下使用 font-size + vertical-align:middle 來設定圖片垂直居中的時候，如果圖片是奇數 會有1px的偏差，如圖：
詳情請瀏覽DEMO
在 IE6 下鼠標經過塊級(block)鏈接時，會產生一個作用域的bug。
Bug描述：
正常情況下，A鏈接設定了塊級(block)屬性，或者設定絕對定位(absolute) + 寛、高，在整個作用域之内，只要鼠標一進入到該範圍就應觸發a:hover的狀態(默認的手型圖標)。但在IE6下，當鼠標進入A鏈接的時候，並沒有觸發a:hover，只有當鼠標移到文字部份，a:hover才產生作用，狀態才隨即改變。如果A鏈接裡面不寫内容，只有一個空標籤的話<a>…</a>那麽在IE6下根本不能觸發a:hover。
例子詳見國外這篇文章。這裡主要看一下test1 – test4的測試情況：
test1(1):
A鏈接的父級haslayout=true，A鏈接自身是block，haslayout=false，
但鼠標經過時只有文字部份產生响應(IE6 Bug)。
test1(2):
和 test1(1) 情況相似，只不過它是借js觸發鼠標經過的效果，不是由CSS觸發，盡管這樣仍然只有文字部份產生响應。
test2(1):
A鏈接的父級haslayout=true，A鏈接自身是block，haslayout=true(使用zoom觸發)，
鼠標經過時响應正常。
test2(2):
和 test2(1) 情況相似，只不過它是借js觸發鼠標經過的效果，使用zoom後，鼠標經過時响應正常。
test3(1):
A鏈接的父級haslayout=true，連續三個A鏈接自身都是block，第一個和第三個haslayout=false，第二個haslayout=true，鼠標經過時响應正常；就是說為相鄰的元素觸發layout也可解決問題。
test3(2):
和 test3(1) 情況相似，只不過它是借js觸發鼠標經過的效果。
test4(1):
A鏈接的父級haslayout=false，A鏈接自身是block，haslayout=false，鼠標經過時响應正常；就是說父級沒有觸發layout的情況下，是不會產生這個BUG的，鼠標响應亦正常，不用特意去觸發layout。
test4(2):
和 test4(1) 情況相似，只不過它是借js觸發鼠標經過的效果。