vue前端开发，8个优秀的CSS实践，最全指南

港控/mmm° 2022-10-06 00:56 155阅读 0赞

#### 前言 ####

前端校招面试题主要内容包括**html，css，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，设计模式，项目等等。**（本文资料 适合0-2年）

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

文章中所列主要为大纲部分，详细内容可以在文末自行获取哈！

#### 计算机网络篇 ####

**HTTP**

*  HTTP 报文结构是怎样的？
 *  HTTP有哪些请求方法？
 *  GET 和 POST 有什么区别？
 *  如何理解 URI？
 *  如何理解 HTTP 状态码？
 *  简要概括一下 HTTP 的特点和缺点？
 *  对 Accept 系列字段了解多少？
 *  对于定长和不定长的数据，HTTP 是怎么传输的？
 *  HTTP 如何处理大文件的传输？
 *  HTTP 中如何处理表单数据的提交？
 *  HTTP1.1 如何解决 HTTP 的队头阻塞问题？
 *  对 Cookie 了解多少？
 *  如何理解 HTTP 缓存及缓存代理？
 *  为什么产生代理缓存？
 *  源服务器的缓存控制
 *  客户端的缓存控制
 *  什么是跨域？浏览器如何拦截响应？如何解决？
 *  TLS1.2 握手的过程是怎样的？
 *  传统 RSA 握手
 *  RSA 和 ECDHE 握手过程的区别
 *  TLS 1.3 做了哪些改进？
 *  HTTP/2 有哪些改进？
 *  HTTP/2 中的二进制帧是如何设计的？

![eefab5419b6cd3863df8b2df42df6a72.png][]

**TCP协议**

*  TCP 和 UDP 的区别？
 *  TCP 三次握手的过程？
 *  为什么是三次而不是两次、四次？
 *  三次握手过程中可以携带数据么？
 *  说说 TCP 四次挥手的过程
 *  为什么是四次挥手而不是三次？
 *  半连接队列和 SYN Flood 攻击的关系
 *  如何应对 SYN Flood 攻击？
 *  介绍一下 TCP 报文头部的字段
 *  TCP 快速打开的原理(TFO)
 *  说说TCP报文中时间戳的作用？
 *  TCP 的超时重传时间是如何计算的？
 *  TCP 的流量控制
 *  TCP 的拥塞控制
 *  说说 Nagle 算法和延迟确认？
 *  如何理解 TCP 的 keep-alive？

![5ef7d3cfec7b5390af204d2dcda8b9d5.png][]

#### 浏览器篇 ####

*  浏览器缓存?
 *  说一说浏览器的本地存储？各自优劣如何？
 *  说一说从输入URL到页面呈现发生了什么？
 *  谈谈你对重绘和回流的理解
 *  XSS攻击
 *  CSRF攻击
 *  HTTPS为什么让数据传输更安全？
 *  实现事件的防抖和节流？
 *  实现图片懒加载？

![b0ddbced2388293f27e568bb1bc22361.png][]

#### 数据结构和算法 ####

**链表**

*  简单的反转链表
 *  区间反转
 *  两个一组翻转链表
 *  K个一组翻转链表
 *  如何检测链表形成环？
 *  如何找到环的起点
 *  合并两个有序链表
 *  合并 K 个有序链表
 *  判断回文链表

![fec3e63bce979b485712d592a9b5f6e5.png][]

**栈和队列**

*  有效括号
 *  多维数组 flatten
 *  普通的层次遍历
 *  二叉树的锯齿形层次遍历
 *  二叉树的右视图
 *  完全平方数
 *  单词接龙
 *  优先队列
 *  关于堆的说明
 *  实现一个最大堆
 *  实现优先队列
 *  前 K 个高频元素
 *  合并 K 个排序链表
 *  什么是双端队列？
 *  滑动窗口最大值
 *  栈实现队列
 *  队列实现栈

![cca01c5de735a06bd8785b949c8fbb98.png][]

**二叉树**

*  遍历
 *  给定一个二叉树，找出其最大深度
 *  给定一个二叉树，找出其最小深度
 *  对称二叉树
 *  二叉树的最近公共祖先
 *  二叉搜索树的最近公共祖先
 *  二叉树的直径
 *  二叉树的所有路径
 *  二叉树的最大路径和
 *  将有序数组转换为二叉搜索树
 *  二叉树展开为链表
 *  不同的二叉搜索树II

![53c639bf2fb9769ae01848f89c1cc7c8.png][]

### 最后 ###

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

[**资料领取方式：点击这里免费领取前端全套学习资料**][Link 1]

![css源码pdf][css_pdf]

![JavaScript知识点][JavaScript]  
取前端全套学习资料\*\*\](https://docs.qq.com/doc/DSlNuUUFPWmpZVlJh)

\[外链图片转存中…(img-r2WLmGds-1623310888932)\]

\[外链图片转存中…(img-AkfNePQo-1623310888933)\]

[eefab5419b6cd3863df8b2df42df6a72.png]: /images/20221005/ae87f0f2c4574ca6876366806c19f88c.png
[5ef7d3cfec7b5390af204d2dcda8b9d5.png]: /images/20221005/5a68357450d94c98be5501ba82d16e70.png
[b0ddbced2388293f27e568bb1bc22361.png]: /images/20221005/d24dd4ed7c5649e8ba353338e52a34c1.png
[fec3e63bce979b485712d592a9b5f6e5.png]: /images/20221005/ae71a6e453ce4318b08d10c78af2666f.png
[cca01c5de735a06bd8785b949c8fbb98.png]: /images/20221005/1f6ecdf754fb4c49b12c768377ab4afe.png
[53c639bf2fb9769ae01848f89c1cc7c8.png]: /images/20221005/befe30f6944a443495d1e6c9bcc593ba.png
[Link 1]: https://docs.qq.com/doc/DSlNuUUFPWmpZVlJh
[css_pdf]: /images/20221005/2b47c4e23de14351ba6f469c742c95d6.png
[JavaScript]: /images/20221005/e477184f09344163a7d70f3f4c902b9a.png