久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      bootstrap中的data是什么意思

      在bootstrap中,data的意思是定義自定義屬性,自定義屬性一般使用“data-”開頭,data屬性的應(yīng)用可以讓HTML標(biāo)簽可以隱式的附帶一些數(shù)據(jù),而Javascript就可以對(duì)這些屬性數(shù)據(jù)進(jìn)行讀寫操作。

      bootstrap中的data是什么意思

      本教程操作環(huán)境:Windows10系統(tǒng)、bootstrap3.3.7版、DELL G3電腦

      bootstrap中的data是什么意思

      【1 data-屬性】

      data屬性是HTML5的新屬性。允許開發(fā)者自由為其標(biāo)簽添加屬性,存儲(chǔ)數(shù)據(jù),這種自定義屬性一般用“data-”開頭。

      存儲(chǔ)的(自定義)數(shù)據(jù)能夠被頁面的 JavaScript 所獲取利用。

      data-* 屬性包括兩部分:

      • * 屬性名不應(yīng)該包含任何大寫字母,并且在前綴 “data-” 之后必須有至少一個(gè)字符。

      • * 屬性值可以是任意字符串。

      說直白點(diǎn)就是data屬性的應(yīng)用,讓HTML標(biāo)簽可以隱式的附帶一些數(shù)據(jù),而Javascript就可以對(duì)這些屬性數(shù)據(jù)進(jìn)行讀/寫操作,進(jìn)而可以做出相應(yīng)的動(dòng)作和事件。

      【2 Bootstrap 中的data屬性】

      官網(wǎng)有一段介紹說你可以僅僅通過 data 屬性 API 就能使用所有的 Bootstrap 插件,無需寫一行 JavaScript 代碼。這是 Bootstrap 中的一等 API,也應(yīng)該是你的首選方式。

      以前我們使用原生的javascrpt時(shí)候,是先確定了前端樣式布局以及需要的交互事件,然后再去利用Javascript以及HTML的DOM樹去操作已經(jīng)存在文本對(duì)象,從而實(shí)現(xiàn)動(dòng)態(tài)效果等的交互。

      后來facebook公司就發(fā)現(xiàn),很多基本網(wǎng)頁上效果是比較常用也是使用頻繁的,比如下拉菜單、折疊、模態(tài)框等等。為什么不把這些常用的提取出一套標(biāo)準(zhǔn)模型,然后制定出使用規(guī)則,使用時(shí)按照這些規(guī)則直接拿來使用就可以了,于是就誕生了Bootstrap。

      換一種簡說法就是,以前是先有功能需求,再去實(shí)現(xiàn)。現(xiàn)在是功能都基本給你覆蓋寫好了,js相關(guān)操作函數(shù)都已經(jīng)寫好了,css樣式也已經(jīng)寫好,你想使用就直接按照他的規(guī)則調(diào)用就行。然后為了能

      贊(0)
      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)