21-面试题整理 by smyhvae

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

参考链接：

• 笔记：阿里、网易、滴滴共十次前端面试碰到的问题

CSS

如何让一个div元素隐藏？你能想到的方式有几种？

-

ES6

for each、for in、for of的区别

• foreach用于遍历数组，是数组的一个方法。不支持 return。

• for ... in获取对象里属性的键。

• for ... of获取对象里属性的值。

网络相关

浏览器输入url到显示内容，有哪些过程

（1）浏览器解析url。包括：协议、域名、端口号、资源路径、参数查询

（2）DNS解析

（3）TCP握手

（4）HTTP请求

（5）服务器处理请求

（6）浏览器渲染：DOM tree、CSS rule tree、render tree。

（7）display

参考链接：

• 笔记：阿里、网易、滴滴共十次前端面试碰到的问题

• what-happens-when-zh_CN

• 码农翻身 | 小白科普：从输入网址到最后浏览器呈现页面内容，中间发生了什么？

• 从输入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/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-今日头条面试题

• 今日头条一面笔试面试题！！！！！完整