前端知识点梳理

HTML

• HTML语义化的理解

• meta标签

• <b>和<strong>的区别

• link 和 @import 有什么区别

• defer 和 async

• HTML5离线储存

CSS

• CSS3 新特性

• CSS选择器和优先级权重

• CSS 中哪些属性可以继承

• CSS 预处理器

• 盒子模型

• 居中常见方法

• BFC

• flex布局

• grid布局

• em 和 rem的区别

• CSS中position定位

• 三栏布局

• transition和animation的区别

• 伪元素和伪类

JS

• 字符串 数组处理

• 数据类型检测

• ES6新特性

• 作用域

• 闭包

• 原型和原型链

• requestAnimationFrame（请求动画帧）

• 继承

• this

• Promise

• async 和 await

• 事件循环：宏任务、微任务

• 深拷贝 和 浅拷贝

• 防抖 和 节流

• 本地存储：cookie、sessionStorage、localStorage、indexedDB

• let 和 const：暂时性死区

• call、apply、bind

• ajax、axios、fetch

• 数组算法：判断、去重、扁平化

• 数组遍历

• 事件流：捕获、冒泡

• get 和 post

• for of 和 for in

• require 和 import

• 函数柯里化

Vue

• Vue3 新特性

• Vue3 性能优化点

• 生命周期

• 虚拟DOM、diff算法、key作用

• 双向绑定原理

• 组件通信方式

• Vuex

• Pinia

• Vue Router 路由详解

• axios

• $nextTick

• computed 和 watch watchEffect

• v-if 和 v-show

• v-if 和 v-for 为什么不建议一起用

• 性能优化

• 优化SPA首屏加载速度

React

• React17 入门

• ref、state、props

• React 生命周期

• React Router 路由详解

• Redux

• 组件通信方式

• 获取DOM节点

浏览器

• 浏览器渲染过程

• 重绘与回流

• 从输入URL到页面加载全过程

• DNS 解析

• CDN

• 跨域和同源策略

• CORS 跨域资源共享

• CSRF/XSRF 跨站请求伪造攻击

• XSS 跨站脚本攻击

• 缓存机制：强制缓存、协商缓存

• 服务端渲染SSR

• HTTP特点、请求头、响应头、状态码

• HTTP 与 HTTPS

• TCP 与 UDP

• TCP的三次握手四次挥手

• WebSocket

• 常见加密方式

小程序

• 小程序 生命周期

• 小程序 路由跳转方式

• 小程序 登录流程

• 小程序 支付流程

• uni-app 生命周期

• uni-app 路由跳转方式

优化

• 如何一次性渲染十万条数据

• 假如有几十个请求，如何去控制并发

• 图片懒加载

• 大文件分块上传、断点续传

• 垃圾回收机制

• Vite 为什么比 webpack 快