1. 程式人生 > >前端面試題系列(一)

前端面試題系列(一)

上來就是幹!
筆試題圖片

1, $(“li:odd”)—even為偶數

2, $(“li:eq(7)”)—(index 從 0 開始)

3,

     3.1 利用CSS3裡translate屬性,改變子元素的位置如 top,bottom,left,right
     3.2 利用CSS裡postion進行定位,改變子元素的位置如 top,bottom,left,right
     3.3 利用透明度opacity,改變子元素的顯示隱藏
     3.4 利用css動畫animation,通過delay等屬性完成

4,

     4.1 [a-zA-Z0-9][-a-zA-Z0-9
]{0,62}) 4.2 ^[A-Za-z] 4.3 \d{5,10}

5,
(localStorage.setItem(key,value) //setItem儲存,將value與key一一對應
localStorage.getItem(key) //getItem根據key獲取value)

localStorage.setItem(title,TT);
localStorage.setItem(con,Content);
var StrTT = localStorage.getItem(title);
var StrCon = localStorage.getItem(con);

6,

//載入css檔案
    var head = document.getElementsByTagName('head').item(0);
    var css = document.createElement('link');
    css.href = "../css/mi.css";
    css.rel = 'stylesheet';
    css.type = 'text/css';
    head.appendChild(css);
 //一次性定時器刪除插入的css檔案
    setTimeout(() =>{
        head.removeChild(css);
    },3000
)

7,

    7.1 定義一個編輯框,內有兩個input輸入框(A和B)和一個確認按鈕(C),A的內容用變數title接收,B的內容作為Src接收
    7.2 利用innertext將title賦值給標題,利用setAttribute("src",Src)改變圖片地址
    7.3 li的onlick事件,顯示編輯框,輸入要求內容(A和B)後,確定(C),編輯框消失,標題和圖片地址改變

如有更多更好的答案,或此片文件有什麼錯誤之處,請告知,謝謝。