前端八股问题总结

HTML

src与href区别

对html语义化理解

语义化标签有哪些

script中的defer与async区别

行内元素与块级元素有哪些

canvas与svg区别

SEO优化

web worker

html5新特性

CSS

盒模型

选择器优先级

伪元素与伪类

隐藏元素法方式

水平/垂直居中方式

清除浮动

外边距合并与塌陷

对BFC的理解

position常用属性值

display常用属性值

flex布局，flex属性

grid网格布局

css单位有哪些

link与@import区别

sass与less区别

实现三角形

画一条0.5px的线

移动端1px问题

z-index什么情况下失效

css3新特性

JS

数据类型有哪些

数据结构有哪些

var let const 区别

作用域与作用域链，变量提升

闭包是什么，优缺点

垃圾回收机制

箭头函数

this指向

自动装箱

本地存储与cookie

浅拷贝与深拷贝

数组、对象、字符串方法

判断数组类型

构造函数，原型链，原型继承

promise异步

async与await

事件循环，宏任务与微任务

ajax，axios

浮点数精度

定时器精度

大文件上传

CommonJS与ES区别

ES6+新特性

Vue

vue2与vue3区别

生命周期

computed与watch区别

v-if与v-show区别

v-model如何实现

组件通信

vuex与pinia区别

key的作用，为什么不建议用index作为key

虚拟dom与diff算法

响应式原理与proxy

对keep-alive的理解

vue与react diff算法区别

vue与react区别

React

函数组件

fiber架构

组件重新渲染

组件通信

为什么不能在if中使用hook

useEffect与useLayoutEffect区别

性能优化hooks

受控组件与非受控组件

redux与zustand区别

浏览器

输入url到页面渲染的整个流程

浏览器渲染过程

回流、重绘

同源策略与跨域问题

强缓存与协商缓存

进程与线程

XSS与CSRF攻击

什么是CDN，有什么作用？

打包工具的作用

webpack与vite的区别

常见git命令

计网

常见http请求方法

get与post区别

http与https区别

http状态码

https如何加密，TLS/SSL原理

三次握手和四次挥手

DNS完整查询过程

OSI七层模型

TCP/IP五层协议

TCP和UDP区别

对webSocket的理解

http与webSocket区别