3.1 KiB
3.1 KiB
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获取的对象是index索引值。 -
for ... of获取的是对象里的值。
网络相关
浏览器输入url到显示内容，有哪些过程
（1）浏览器解析url。包括：协议、域名、端口号、资源路径、参数查询
（2）DNS解析
（3）TCP握手
（4）HTTP请求
（5）服务器处理请求
（6）浏览器渲染：DOM tree、CSS rule tree、render tree。
（7）display
参考链接：
-
从输入URL到页面加载发生了什么：https://segmentfault.com/a/1190000006879700
GitHub
-
[荐]面试题和答案：https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers
有个题是，浏览器输入url，有哪些过程
按时间排列
2018-03-11
-
web前端面试题汇总：https://www.jianshu.com/p/2f7eb1ad7174