前端面试题整理

主页

CSS11

  1. 01C3的新特性？
  2. 02BFC
  3. 03盒子模型
  4. 04flexbox
  5. 05画一个三角形
  6. 06css选择器
  7. 07em/px/rem/vh/vw区别?
  8. 08响应式设计
  9. 09如何实现常见布局
  10. 10文本溢出的省略样式
  11. 11生成固定宽高比的盒子
  12. 12块级元素和行内元素和行内块的区别
  13. 13link和import的区别

js27

  1. 01引用类型和基本类型的区别
  2. 02==和===区别
  3. 03typeof与instanceof的区别
  4. 04深拷贝浅拷贝
  5. 05作用域链
  6. 06箭头函数
  7. 07原型和原型链
  8. 08闭包
  9. 09内存泄漏
  10. 10bind-call-apply区别
  11. 11继承
  12. 12new操作符
  13. 13数组的常用方法
  14. 14字符串的常用方法
  15. 15reduce
  16. 16this对象的理解
  17. 17高阶函数
  18. 18防抖和节流
  19. 19递归
  20. 20函数缓存
  21. 21柯里化
  22. 22函数式编程
  23. 23Proxy
  24. 24Promise
  25. 25给数字加上千分位
  26. 26数组扁平化
  27. 27数组去重

Vue28

  1. 01vue的响应式原理
  2. 02虚拟DOM
  3. 03diff算法
  4. 04vue中的key
  5. 05$nextTick?
  6. 06$set
  7. 07v-show和v-if
  8. 08计算属性和watcher的区别
  9. 09生命周期
  10. 10v-if和v-for不一起用
  11. 11组件间通信方式
  12. 12mixin
  13. 13slot
  14. 14SPA单页应用
  15. 15vuex
  16. 16Vue.use
  17. 17自定义指令
  18. 18过滤器
  19. 19Proxy替代defineProperty的好处
  20. 20keep-alive
  21. 21对象新属性界面不刷新?
  22. 22常用的修饰符和应用场景
  23. 23Vue3跟Vue2的区别
  24. 24Vue3性能提升主要是通过哪几方面体现的
  25. 25watch和watchEffect
  26. 26v-model和sync
  27. 27路由守卫
  28. 28路由模式

版本控制08

  1. 01fork-clone-branch的区别?
  2. 02HEAD-工作树-索引之间的区别？
  3. 03pull和fetch的区别？
  4. 04冲突的场景及如何解决
  5. 05常用的命令有哪些？
  6. 06reset和revert的区别
  7. 07stash应用场景
  8. 08rebase和merge的区别

ts08

  1. Ts与js的区别
  2. ts数据类型有哪些
  3. ts枚举类型
  4. ts接口
  5. ts类
  6. ts函数
  7. ts泛型
  8. ts高级类型

webpack07

  1. webpack的理解
  2. webpack中常见的Loader？解决了什么问题？
  3. webpack中常见的Plugin？解决了什么问题？
  4. Loader和Plugin的区别？编写Loader，Plugin的思路？
  5. webpack的proxy的工作原理
  6. webpack的热更新是如何做到的？原理是什么？
  7. 提高构建速度？

网络相关11

  1. 01HTTP和HTTPS 的区别?
  2. 02HTTPS是如何保证安全的？
  3. 03HTTP1.0/1.1/2.0 的区别?
  4. 04地址栏输入URL回车后发生了什么
  5. 05常见的状态码有哪些，适用场景？
  6. 06GET和POST的区别？
  7. 07请求头有哪些? 作用？
  8. 08TCP三次握手和四次挥手
  9. 09跨域
  10. 10对WebSocket的理解
  11. 11常见的web攻击方式
  12. 12web项目优化

nb03

  1. 01如何实现单点登录
  2. 02如何做大文件断点续传
  3. 03元素是否在可视区域

手写 100

  1. call-apply-bind
  2. 缓存函数
  3. 求对象中所有属性值之和
  4. 从2[a]1[bc]到aabc
  5. 平铺结构转树状结构
  6. instanceof
  7. 拍平数组
  8. 深拷贝
  9. 10万条数据
  10. 数组中元素的频次
  11. 数值转二进制求1的个数
  12. 树形节点搜索返回路径
  13. 使用setTimeout来模拟setInterval
  14. 一维数组路径搜索
  15. 相邻字符串去重
  16. 二维螺旋数组
  17. css下滑线动画
  18. 判断鼠标进入元素的方向
  19. 获取对象任意属性值的方法
  20. 找树中最大的叶子
  21. 获取对象任意属性值的方法
  22. 有序数组合并

算法与数据结构

  1. 算法的理解？应用场景？
  2. 时间复杂度，空间复杂度？
  3. 常用数据结构有哪些?
  4. 栈、队列的理解？应用场景？
  5. 链表及常见的操作
  6. 集合及常见的操作
  7. 树的理解
  8. 堆的理解
  9. 图的理解？相关操作有哪些？
  10. 常见的排序算法有哪些？区别？
  11. 冒泡排序的理解？
  12. 选择排序的理解？
  13. 插入排序的理解？
  14. 归并排序的理解？
  15. 快速排序的理解？
  16. 二分查找的理解？
  17. 说分而治之、动态规划的理解？区别？
  18. 贪心算法、回溯算法的理解？应用场景？

react

  1. 对react的理解？有哪些特性？
  2. Real DOM和 Virtual DOM 的区别？优缺点？
  3. react 生命周期有哪些不同阶段？每个阶段对应的方法是？
  4. state 和 props有什么区别？
  5. super()和super(props)有什么区别？
  6. react中的setState执行机制
  7. react的事件机制？
  8. react事件绑定的方式有哪些？区别？
  9. react构建组件的方式有哪些？区别？
  10. react中组件之间如何通信？
  11. react中的key有什么作用？
  12. 对react refs 的理解？应用场景？
  13. 对react中类组件和函数组件的理解？有什么区别？
  14. 对受控组件和非受控组件的理解？应用场景？
  15. 对高阶组件的理解？应用场景?
  16. 对react Hooks的理解？解决了什么问题？
  17. react中引入css的方式有哪几种？区别？
  18. 在react中组件间过渡动画如何实现？
  19. Redux的理解？其工作原理？
  20. 对Redux中间件的理解？常用的中间件有哪些？实现原理？
  21. 你在react项目中是如何使用Redux的? 项目结构是如何划分的？
  22. react Router的理解？常用的Router组件有哪些？
  23. react Router有几种模式？实现原理？？
  24. immutable的理解？如何应用在react项目中？
  25. react render方法的原理？在什么时候会被触发？
  26. 你是如何提高组件的渲染效率的？在react中如何避免不必要的render？
  27. react diff的原理是什么？
  28. 对Fiber架构的理解？解决了什么问题？
  29. react Jsx转换成真实DOM过程？
  30. react 性能优化的手段有哪些？
  31. 你在react项目是如何捕获错误的？
  32. react服务端渲染怎么做？原理是什么？
  33. 你在使用react 过程中遇到的常见问题？如何解决?

nodejs

  1. Node.js 的理解？优缺点？应用场景？
  2. Node.js 有哪些全局对象？
  3. 对 Node 中的 process 的理解？有哪些常用方法？
  4. 对 Node 中的 fs模块的理解? 有哪些常用方法
  5. 对 Node 中的 Buffer 的理解？应用场景？
  6. 对 Node 中的 Stream 的理解？应用场景？
  7. Node中的EventEmitter? 如何实现一个EventEmitter?
  8. 对 nodejs 中的事件循环机制理解?
  9. Node 文件查找的优先级以及 Require 方法的文件查找策略?
  10. 对中间件概念的理解，如何封装 node 中间件？
  11. 如何实现jwt鉴权机制？
  12. 如何实现文件上传？
  13. 如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?
  14. Node性能如何进行监控以及优化？

浏览器相关

  1. 事件循环
  2. 类型转换机制
  3. 执行上下文和执行栈
  4. 常见的DOM操作
  5. 常见的BOM对象
  6. 事件模型
  7. 事件委托
  8. ajax原理是什么？如何实现？
  9. 正则表达式
  10. 本地存储的方式有哪些？区别及应用场景？
  11. 数字精度丢失
  12. 上拉加载下拉刷新

小程序

  1. 微信小程序的理解？优缺点？
  2. 微信小程序的生命周期函数有哪些？
  3. 微信小程序中路由跳转的方式有哪些？区别？
  4. 提高微信小程序的应用速度的手段有哪些？
  5. 微信小程序的登录流程？
  6. 微信小程序的发布流程？
  7. 微信小程序的支付流程？
  8. 微信小程序的实现原理？
  9. 微信小程序常见面试题？

设计模式

  1. 对设计模式的理解？常见的设计模式有哪些？
  2. 单例模式的理解？如何实现？
  3. 工厂模式
  4. 策略模式
  5. 代理模式
  6. 发布订阅、观察者模式的区别？

linux操作系统

  1. 操作系统的理解？核心概念有哪些？
  2. 什么是进程？什么是线程？区别？
  3. linux系统下 文件操作常用的命令有哪些？
  4. linux 系统下 文本编辑常用的命令有哪些？
  5. linux 用户管理的理解？相关的命令有哪些？
  6. 输入输出重定向和管道的理解？应用场景？
  7. shell 的理解？常见的命令？
最新修改: 4/22/2022, 10:28:40 PM
希望对你有帮助