一廓握、CSS
-
transform:translate(50%,50%)中百分比是以自己的長(zhǎng)寬作為基準(zhǔn)搅窿。而top:50%；left:50%是相對(duì)于包含塊的寬高隙券。 - input元素?zé)o法添加
::before,::after偽元素男应。如果想添加必須套一層div - 針對(duì)元素的3d transform變換∮樽校火狐瀏覽器中父級(jí)元素必須設(shè)有一下屬性：
.3d{
/*perspective 屬性指定了觀察者與z=0平面的距離沐飘，使具有三維位置變換的元素產(chǎn)生透視效果。*/
perspective:3000px;
transform-style:preserve-3d;
}
/*當(dāng)然其實(shí)perspective也有另一種寫法*/
.perspective2{
transform: perspective(600px) rotateY(45deg);
}
- input type="file" 有accept屬性可以設(shè)定選擇的文件類型
- text-indent只對(duì)block container有效（inline-block元素和block元素）牲迫，對(duì)inline元素?zé)o效耐朴。（有機(jī)會(huì)應(yīng)該查查inline-block的前世今生）
-
white-space:pre和white-space:pre-wrap的區(qū)別在于，pre-wrap遇到邊框會(huì)自動(dòng)換到下一行盹憎，pre默認(rèn)就擠出去了 -
:nth-child和nth-of-type偽類都是匹配第幾個(gè)元素筛峭，區(qū)別在于搜索范圍不一樣。nth-child搜索范圍是所有兄弟元素陪每。nth-of-type搜索范圍是所有相同標(biāo)簽名的兄弟元素影晓。 - text-align只對(duì)塊狀元素有效，對(duì)span這種inline元素?zé)o效檩禾。
- pre標(biāo)簽中的內(nèi)容不會(huì)繼承父標(biāo)簽的字體font-family挂签，因?yàn)閜re標(biāo)簽內(nèi)置了
font-famliy:monospace -
-moz-element(#id)生成一個(gè)<image> 值，詳情見element()
火狐中可以這么用background:-moz-element(#myBackground1)锌订，目前只有火狐瀏覽器對(duì)其有實(shí)現(xiàn)竹握。
二、HTML
- form表單不允許嵌套form元素辆飘，詳見"<form> Permitted content"
- textarea 標(biāo)簽的內(nèi)容需要 value 屬性取得啦辐，不能用 innerHTML 和 innerText
三、JS
- revokeObjectURL和createObjectURL連用蜈项。經(jīng)常容易忘記使用revokeObjectURL釋放內(nèi)存芹关。
var img = docuemnt.createElement("img");
img.src = window.URL.createObjectURL(file);
img.onload = function() {
// 明確地釋放之前創(chuàng)建的存在的 URL 對(duì)象。
window.URL.revokeObjectURL(this.src);
}
previewArea.appendChild(img);
四紧卒、冷門知識(shí)
關(guān)于原生Date的一些冷門知識(shí) http://chitanda.me/2015/08/21/the-trivia-of-js-date-function/
