data-dismiss是bootstrap里自定義的屬性。
目前成都創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、永春網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
給一個(gè)元素data-dimiss屬性的話,可以通過點(diǎn)擊該元素達(dá)到讓目標(biāo)消失的效果。
data-* 屬性是HTML5中推薦使用 用于綁定元素?cái)?shù)據(jù)的一個(gè)屬性。
CSS(層疊樣式表)是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。有三種方法可以在站點(diǎn)網(wǎng)頁上使用樣式表:外部樣式表、內(nèi)部樣式表和內(nèi)聯(lián)樣式。
CSS具有精簡代碼,降低重構(gòu)難度、提升網(wǎng)頁訪問速度、利于SEO優(yōu)化等優(yōu)勢,能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級(jí)精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁對(duì)象和模型樣式編輯的能力。
沒有區(qū)別,只是寫法不一樣,在原生的寫法上會(huì)導(dǎo)致出現(xiàn)的問題就是:樣式如果比較多,代碼看起來混亂。
在vue中,把style放在date里面來傳遞這樣代碼看起來整結(jié),方便閱讀。
但是他們最終的效果都是一樣的
沒什么特別的地方,其實(shí)好比某個(gè)元素(可能是個(gè)div)給你一個(gè)口袋,名字必須以data開頭,加上“-”,他們就是你自己命名的小口袋,在本例中的這個(gè)小口袋的名字是data-spm,你把數(shù)據(jù)放在這個(gè)專屬小口袋中,然后在使用js的時(shí)候,你就可以在專用的小口袋中抓取數(shù)據(jù)進(jìn)行使用,也可以想象成在有名字的存錢罐下把錢拿出來用,使用的例子如下(記得自己提前加載JQuery);
div?class="click-me"?data-spm="我是在spm中的數(shù)據(jù),你可以把我取出來用額!"
我就是個(gè)div
/div
$('.click-me').click(function(){
alert($(this).data('spm'));//?你就這么把數(shù)據(jù)給取出來了??!
});