閉包
個(gè)人理解的閉包就是:能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)
*
getElementsByTagName("*")
*表示匹配該頁(yè)面所有的標(biāo)簽璃诀、該js語(yǔ)句的意思就是獲取頁(yè)面中所有的DOM元素
v-for和v-if、v-if-else蔑匣、v-else
問題:一個(gè)數(shù)組中每一項(xiàng)的內(nèi)容不一樣劣欢,這個(gè)時(shí)候不能使用v-for渲染,那應(yīng)該怎么做呢裁良?
解決方法:v-for中使用v-if和v-else判斷即可
省略號(hào)
單行省略號(hào)
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
這個(gè)是處理多行的時(shí)候用的
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
實(shí)現(xiàn)三角形的關(guān)鍵代碼
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
還有的話凿将,就是設(shè)置寬高都為0
漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)
漸進(jìn)增強(qiáng):針對(duì)低版本的瀏覽器進(jìn)行構(gòu)造頁(yè)面,保證了基本的功能的實(shí)現(xiàn)价脾,再針對(duì)高級(jí)瀏覽器進(jìn)行效果牧抵、交互等改進(jìn)和追加功能以達(dá)到更好的效果
優(yōu)雅降級(jí):一開始就構(gòu)造完整的功能,然后再針對(duì)低版本的瀏覽器進(jìn)行兼容
行內(nèi)元素和塊級(jí)元素
行內(nèi)元素的margin和padding屬性,水平方向的padding-left,padding-right,margin-left,margin-right都產(chǎn)生邊距效果,但豎直方向的padding-top,padding-bottom,margin-top,margin-bottom卻不 會(huì)產(chǎn)生邊距效果.
vertical-align
豎直居中的屬性 vertical-align侨把,但這個(gè)樣式只有在父元素為 td 或 th 時(shí)灭忠,才會(huì)生效
所以要設(shè)置display:table-cell;
居中方法
.item{
position: absolute;
margin:auto;
left:0;
top:0;
right:0;
bottom:0;
}
各個(gè)瀏覽器前綴
各個(gè)瀏覽器前綴:
-webkit:chrome和safari
-moz:firefox
-ms:IE
-o:opera
瀏覽器的內(nèi)核
分別為:
IE:trident
Firefox:gecko內(nèi)核
Opera:Blink內(nèi)核(基于webkit)
chrome:Blink
css優(yōu)先級(jí)
注意的一點(diǎn)就是類選擇器=偽類
rem布局
百分比
margin-top、padding-top座硕,設(shè)置為百分比的時(shí)候,相對(duì)的是最近的父級(jí)塊級(jí)元素的width