前端面試題二十四

2022-07-20 16:30:15 字數 1214 閱讀 5441

一、使用 data- 屬性的好處是什麼?

html5規範裡增加了乙個自定義data屬性.

為前端開發者提供自定義的屬性,這些屬性集可以通過物件的dataset屬性獲取,不支援該屬性的瀏覽器可以通過 getattribute方法獲取

...div.dataset.commentnum; // 10

需要注意的是,data-之後的以連字元分割的多個單詞組成的屬性,獲取的時候使用駝峰風格:比如

"content" data-user-list="user_list">data-user_list自定義屬性 

//js

var content= document.getelementbyid('content');

alert(content.dataset.userlist)

//jquery

$('#content').data('userlist');//讀

並不是所有的瀏覽器都支援.dataset屬性,測試的瀏覽器中只有chrome和opera支援。

通過js方式給data-*設定值

"content" data-user-list="user_list">data-user_list自定義屬性 

//js

var content= document.getelementbyid('content');

content.dataset.name='我叫tom'

alert(content.dataset.name)

//jquery

$('#content').data('name','我叫tom');//寫

getattribute/setattribute方法的使用

var content= document.getelementbyid('content');

content.dataset.birthdate = '19990619';

content.setattribute('age', 25);

console.log(content.getattribute('data-age')); //25 console.log(content.getattribute('data-birth-date')); //19990519

前端面試題

sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...

前端面試題

行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...

前端面試題

朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...