2017.9.9v-for和v-if玖瘸、v-if-else秸讹、v-else、省略號(hào)雅倒、實(shí)現(xiàn)三角形的關(guān)鍵代碼

閉包

個(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í)

css優(yōu)先級(jí)

注意的一點(diǎn)就是類選擇器=偽類

rem布局

另外

百分比

margin-top、padding-top座硕,設(shè)置為百分比的時(shí)候,相對(duì)的是最近的父級(jí)塊級(jí)元素的width

web Worker涕蜂、web Socket华匾、Web Storage

web Worker、web Socket机隙、Web Storage

mui關(guān)于上啦刷新的實(shí)現(xiàn)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蜘拉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子有鹿,更是在濱河造成了極大的恐慌旭旭,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件葱跋,死亡現(xiàn)場(chǎng)離奇詭異持寄,居然都是意外死亡源梭,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門稍味,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)废麻,“玉大人,你說(shuō)我怎么就攤上這事模庐≈蚶ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵掂碱,是天一觀的道長(zhǎng)怜姿。 經(jīng)常有香客問我,道長(zhǎng)疼燥,這世上最難降的妖魔是什么沧卢? 我笑而不...
    開封第一講書人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮悴了,結(jié)果婚禮上搏恤,老公的妹妹穿的比我還像新娘。我一直安慰自己湃交,他們只是感情好熟空,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著搞莺,像睡著了一般息罗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上才沧,一...
    開封第一講書人閱讀 51,573評(píng)論 1 305
  • 那天迈喉,我揣著相機(jī)與錄音,去河邊找鬼温圆。 笑死挨摸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的岁歉。 我是一名探鬼主播得运,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼锅移!你這毒婦竟也來(lái)了熔掺?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤非剃,失蹤者是張志新(化名)和其女友劉穎置逻,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體备绽,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡券坞,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年鬓催,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片报慕。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡深浮,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出眠冈,到底是詐尸還是另有隱情飞苇,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布蜗顽,位于F島的核電站布卡,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏雇盖。R本人自食惡果不足惜忿等,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望崔挖。 院中可真熱鬧贸街,春花似錦、人聲如沸狸相。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)脓鹃。三九已至逸尖,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間瘸右,已是汗流浹背娇跟。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留太颤,地道東北人苞俘。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像龄章,于是被迫代替她去往敵國(guó)和親苗胀。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案瓦堵? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • 請(qǐng)參看我github中的wiki,不定期更新歌亲。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評(píng)論 2 19
  • 前端開發(fā)面試知識(shí)點(diǎn)大綱: HTML&CSS: 對(duì)Web標(biāo)準(zhǔn)的理解菇用、瀏覽器內(nèi)核差異、兼容性陷揪、hack惋鸥、CSS基本功:...
    秀才JaneBook閱讀 2,366評(píng)論 0 25
  • ?前端面試題匯總 一杂穷、HTML和CSS 21 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評(píng)論 0 8
  • 寶寶成長(zhǎng)點(diǎn)滴0007(20170119周四) 媽媽從廚房出來(lái)卦绣,手里拿著一個(gè)桔子耐量,身后有個(gè)小尾巴兒——寶寶跟在后面,...
    格桑菩提子閱讀 90評(píng)論 0 0