前端面试题系列（一）

上来就是干！

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），编辑框消失，标题和图片地址改变

如有更多更好的答案，或此片文档有什么错误之处，请告知，谢谢。