前端二面

1. html 行内元素和块级元素

2. css选择器都有哪些？（选择一个ul中的第二个li）

3. js的事件机制？（假设一个列表有100项，要给100个li都加点击事件）

利用事件冒泡机制

ul.onclick=function(e){

    e=e||window.event;   //兼容ie

    var target=e.target||e.srcElement;

    if(target.nodeName.toLowerCase()=='li'){

        console.log('添加点击操作');

    }

}

4. session、cookie、localstorage的区别

（1）cookie与session

共同点：cookie和session都是用来跟踪浏览器用户身份的会话方式

区别：cookie存在浏览器端，session存在服务器端

    1）cookie如不设置过期时间会随浏览器的关闭而销毁， Cookie是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它

    2）session机制：当服务器收到请求需要创建session对象时，首先会检查客户端请求中是否包含sessionid。如果有sessionid，服务器将根据该id返回对应session对象。如果客户端请求中没有sessionid，服务器会创建新的session对象，并把sessionid在本次响应中返回给客户端。通常使用cookie方式存储sessionid到客户端，在交互中浏览器按照规则将sessionid发送给服务器。如果用户禁用cookie，则要使用URL重写，可以通过response.encodeURL(url) 进行实现；API对encodeURL的结束为，当浏览器支持Cookie时，url不做任何处理；当浏览器不支持Cookie的时候，将会重写URL将SessionID拼接到访问地址后。

    3）存储内容：cookie只能保存字符串类型，以文本的方式；session通过类似与Hashtable的数据结构来保存，能支持任何类型的对象(session中可含有多个对象)

    4）单个cookie保存的数据不能超过4kb；session大小没有限制

（2）webStotage：HTML5本地存储

    提供一种在cookie之外存储会话数据的路径，提供一种存储大量可以跨会话存在的数据的机制。

相同点：存储数据大小一般都是：5MB；都保存在客户端，不与服务器进行交互通信

    1）locaStorage（本地存储）：除非主动删除数据，否则数据永远不会消失

    2）sessionStorage（会话存储）：生命周期是在仅在当前会话下有效

5. 了解MDN吗？

6. 用过什么UI框架？

7. 项目管理工具用的什么？

8. git出现冲突的原理？如何解决？

9.简要介绍做过项目的产品？用到了什么技术？（前端你做了哪些部分？用来什么技术？遇到了什么难点？怎么解决的？）

10. 假设开发过程中在时间节点的时候小组中有人没有完成任务，该怎么处理？

11. 软件工程的流程？

12. 平时如何自学前端技术？

13. 对以后的规划