清除浮動(dòng)的方法
補(bǔ)充：after偽元素允許元素內(nèi)容的最后面插入生成內(nèi)容，需要和content屬性一起使用，設(shè)置在對(duì)象后發(fā)生的內(nèi)容。默認(rèn)地，這個(gè)偽元素是inline行內(nèi)元素，不過可以使用屬性 display 改變這一點(diǎn)。
- 推薦使用：
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1} - 父級(jí)div定義 overflow:hidden：
只推薦沒有使用position或?qū)verflow:hidden理解比較深的朋友使用 - 父級(jí)div定義 overflow:auto：
內(nèi)部寬高超過父級(jí)div時(shí)，會(huì)出現(xiàn)滾動(dòng)條 - 父級(jí)div定義 height
HTML5 新元素：
HTML5中常用的新特性：
canvas元素：用于定義圖形（圖表等），只是圖形容器，必須使用腳本來繪制圖形。
audio：用于音頻播放。
video：用于視頻播放。
article：規(guī)定獨(dú)立的自包含內(nèi)容。
header：定義文檔的頁眉，介紹相關(guān)信息。
section：定義文檔中的節(jié)。
footer：定義文檔的頁腳，通常有文檔的作者、版權(quán)信息、聯(lián)系方式等。
nav：定義導(dǎo)航鏈接。
表單控件：
calender
date
time
url
search
網(wǎng)格布局
- .col-xs- 超小屏幕 手機(jī) <768px
- .col-sm- 小屏幕 平板 >=768px
- .col-md- 中等屏幕 >=992px
- .col-lg- 大屏幕 >1200px
html元素類別
1.常見的塊級(jí)元素(自動(dòng)換行， 可設(shè)置高寬 )有：div,h1-h6,p,pre,ul,ol,li,form,table,label等
- 常見的行內(nèi)元素（無法自動(dòng)換行，無法設(shè)置寬高）有：a,img,span，i（斜體）,em（強(qiáng)調(diào)）,sub(下標(biāo))，sup（上標(biāo)）等。
3.常見的行塊級(jí)元素(擁有內(nèi)在尺寸，可設(shè)置高寬，不會(huì)自動(dòng)換行 )有：
(button,input，textarea,select), img等
前端性能
頁面的性能指標(biāo)詳解：
白屏?xí)r間（first Paint Time）——用戶從打開頁面開始到頁面開始有東西呈現(xiàn)為止
首屏?xí)r間——用戶瀏覽器首屏內(nèi)所有內(nèi)容都呈現(xiàn)出來所花費(fèi)的時(shí)間
用戶可操作時(shí)間(dom Interactive)——用戶可以進(jìn)行正常的點(diǎn)擊、輸入等操作，默認(rèn)可以統(tǒng)計(jì)domready時(shí)間，因?yàn)橥ǔ?huì)在這時(shí)候綁定事件操作
總下載時(shí)間——頁面所有資源都加載完成并呈現(xiàn)出來所花的時(shí)間，即頁面 onload 的時(shí)間
JS中六種數(shù)據(jù)類型
Undefined、Null、Boolean、Number、String.而 Object 是屬于復(fù)雜數(shù)據(jù)類型，所以我認(rèn)為這里說的 6 種基本數(shù)據(jù)類型是指：Undefined、Null、Boolean、Number、String 與 Symbol.
