mirror of
https://github.com/qianguyihao/Web.git
synced 2024-11-01 21:44:45 +08:00
150 lines
3.1 KiB
JavaScript
150 lines
3.1 KiB
JavaScript
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 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`获取对象里属性的键。
|
|||
|
|
|
|||
|
|
- `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)
|
|||
|
|
|