总结
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。
内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
前端面试题汇总
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
JavaScript
性能
linux
3、启动项目 成功后进入以下界面 即创建成功
npm run serve
基本环境配置
1、自定义配置文件（此处为 vue-cli 4.0 创建的项目）
（1）为什么使用自定义配置？
有时候项目默认配置不能满足需求，可以手动去配置。
【vue-cli 配置文件官方地址：】
https://cli.vuejs.org/zh/config
（2）如何使用？
想要使用自定义配置，首先需要在 项目的根目录下 创建一个 vue.config.js。
使用 json 格式进行配置。
配置文件各属性可以自行查阅官方文档（此处不过多展开，简单举两个例子）。
module.exports = {
}
（3）修改端口号
项目默认 使用 8080 端口访问项目，当 8080 被占用时，会自动选择新的端口打开。
可以自定义端口访问，如下定义端口为 4000。
module.exports = {
devServer: {
port: 4000
}
}
重启项目
2、生产环境、开发环境
（1）简介
开发的过程中，一般分为 开发、测试、生产等环境。
不同的环境下，会有不同的变量、属性（比如 端口、ip 地址不同）。
所以需要对不同的环境设置不同的配置文件。
（2）开发环境、生产环境
【参考文档：】
https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F
在当前项目的根目录下，创建 两个文件（.env.development、.env.production）。
其中：
.env.development 是开发环境会加载的文件，即 npm run serve 时，会加载 .env.development。
.env.production 是生产环境会加载的文件（打包后的文件），即 npm run build 时，会加载 .env.production。
（3）简单使用
a》给 .env.development 添加一个变量。
命名规则： VUE_APP_ + 变量名 。
b》给 .env.production 添加一个变量。
c》通过 process.env.VUE_APP_URL 获取该变量。
获取规则 process.env.VUE_APP_ + 变量名。
TCP协议
- TCP 和 UDP 的区别？
- TCP 三次握手的过程？
- 为什么是三次而不是两次、四次？
- 三次握手过程中可以携带数据么？
- 说说 TCP 四次挥手的过程
- 为什么是四次挥手而不是三次？
- 半连接队列和 SYN Flood 攻击的关系
- 如何应对 SYN Flood 攻击？
- 介绍一下 TCP 报文头部的字段
- TCP 快速打开的原理(TFO)
- 说说TCP报文中时间戳的作用？
- TCP 的超时重传时间是如何计算的？
- TCP 的流量控制
- TCP 的拥塞控制
- 说说 Nagle 算法和延迟确认？
- 如何理解 TCP 的 keep-alive？
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
浏览器篇
- 浏览器缓存?
- 说一说浏览器的本地存储？各自优劣如何？
- 说一说从输入URL到页面呈现发生了什么？
- 谈谈你对重绘和回流的理解
- XSS攻击
- CSRF攻击
- HTTPS为什么让数据传输更安全？
- 实现事件的防抖和节流？
- 实现图片懒加载？
s.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**
浏览器篇
- 浏览器缓存?
- 说一说浏览器的本地存储？各自优劣如何？
- 说一说从输入URL到页面呈现发生了什么？
- 谈谈你对重绘和回流的理解
- XSS攻击
- CSRF攻击
- HTTPS为什么让数据传输更安全？
- 实现事件的防抖和节流？
- 实现图片懒加载？
[外链图片转存中…(img-sXTbbxtA-1715797768987)]