## JavaScript ### 存储相关:请描述以下cookie、localStorage、sessionStorage的区别 > 在H5之前,cookie一直都是本地存储的一个重要的方法。直到后面的两个出现了, 就开始用后面的两个做本地存储。 **1、cookie**: - 本身用于客户端和服务器端的通信。 - 但是它有本地存储的功能,于是就被“借用”。 我们可以通过`document.cookie`获取和修改cookie,获取到的其实就是一个字符串。 cookie用于存储时的缺点: - 存储量太小,只有4kb - 所有http请求都带着,会影响获取资源的效率 - api简单,需要封装才能用。`document.cookie = ...` ## HTML5 ### HTML5新增了哪些内容或API?使用过哪些? 新元素: - `<section>`、`<footer>` 和 `<header>`等 新的api: - 网络存储: sessionStorage 和 localStorage 参考链接: - [笔记:阿里、网易、滴滴共十次前端面试碰到的问题](https://zhoukekestar.github.io/notes/2017/06/07/interview-answers.html) ## CSS ### 如何让一个div元素隐藏?你能想到的方式有几种? - ## ES6 ### for each、for in、for of的区别 - `foreach`用于遍历数组,是数组的一个方法。不支持 return。 - `for ... in`获取的对象是index索引值。 - `for ... of`获取的是对象里的值。 ## 网络相关 ### 浏览器输入url到显示内容,有哪些过程 (1)浏览器解析url。包括:协议、域名、端口号、资源路径、参数查询 (2)DNS解析 (3)TCP握手 (4)HTTP请求 (5)服务器处理请求 (6)浏览器渲染:DOM tree、CSS rule tree、render tree。 (7)display 参考链接: - [笔记:阿里、网易、滴滴共十次前端面试碰到的问题](https://zhoukekestar.github.io/notes/2017/06/07/interview-answers.html) - [what-happens-when-zh_CN](https://github.com/skyline75489/what-happens-when-zh_CN) - [码农翻身 | 小白科普:从输入网址到最后浏览器呈现页面内容,中间发生了什么?](https://mp.weixin.qq.com/s/3_DZKSP492uq9RfQ3eW4_A) - 从输入URL到页面加载发生了什么:<https://segmentfault.com/a/1190000006879700> ## GitHub - [荐]面试题和答案:<https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers> - 面试题和答案:<https://github.com/qiu-deqing/FE-interview> 有个题是,浏览器输入url,有哪些过程 - [讲到了Cookie和session](https://github.com/WarpPrism/Blog/issues/5) - 这个也很全:<https://github.com/gnipbao/Front-end-Interview-questions> - <https://github.com/giscafer/front-end-manual/issues/3> ## 按时间排列 ### 2018-03-11 - web前端面试题汇总:<https://www.jianshu.com/p/2f7eb1ad7174> - 2017前端面试题及答案总结:<https://yeaseonzhang.github.io/2017/09/17/2017%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98%E5%8F%8A%E7%AD%94%E6%A1%88%E6%80%BB%E7%BB%93/> ### 2018-03-12-今日头条面试题 - [ 今日头条一面笔试面试题!!!!!完整](http://blog.csdn.net/github_35924246/article/details/75675901)