Web/14-前端面试/21-面试题整理 by smyhvae.md
2019-02-08 20:10:20 +08:00

150 lines
3.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

## 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。包括协议、域名、端口号、资源路径、参数查询
2DNS解析
3TCP握手
4HTTP请求
5服务器处理请求
6浏览器渲染DOM tree、CSS rule tree、render tree。
7display
参考链接:
- [笔记:阿里、网易、滴滴共十次前端面试碰到的问题](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)