当前位置: 首页 > 文档资料 > 前端入门进阶 >

14.20 面试题整理

优质
小牛编辑
113浏览
2023-12-01

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

参考链接:

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

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

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