前端面试复习大纲

654 阅读4分钟

1.项目

  • 1.用户端资源下载✔✔✔✔✔
  • 2.用户端载详情页面
  • 3.管理端数据管理
  • 4.文档管理上传视频
  • 5.**数据中心可视化项目
  • 6.**科技图表项目
  • 7.项目难点和解决方案
  • 8.项目亮点
  • 9.项目开发流程
  • 10.👁项目介绍
  • 11.项目里面的性能优化是如何做的
  • 12.自己有什么技术上的优势
  • 13.项目中怎么做图片压缩,减小打包后的项目大小

2.JavaScript

  • 1.ES6的proxy是什么
  • 2.深浅拷贝
  • 3.原型链和原型对象
  • 4.new
  • 5.创建对象的方式,优缺点
  • 6.函数
  • 7.数组
  • 8.ajax
  • 9.异步编程
  • 10.Promise
  • 11.闭包
  • 12.ES6
  • 13.浏览器
  • 14.数据类型
  • 15.异步编程
  • 16.事件
  • 17.页面加载
  • 18.作用域
  • 19.内存
  • 20.关键字
  • 21.正则
  • 22.模块化
  • 23.字符串
  • 24.其它

3.Vue

  • 1.Vue响应式原理
  • 2.Vue指令相关
  • 3.Vuex
  • 4.Vue组件通信
  • 5.生命周期
  • 6.Vue-router
  • 7.Vue3
  • 8.虚拟dom和diff算法
  • 9.介绍Vue
  • 10.Vue设计模式
  • 11.Vue渲染
  • 12.Vue组件化原理
  • 13.Vue性能优化

4.数据结构与算法

  • 1.实现斐波那契数列
  • 2.手写排序算法,冒泡,快排
  • 3.手写二叉树的中序遍历
  • 4.判断一个点是否在圆内
  • 5.二分查找,时间复杂度和空间复杂度
  • 6.最小堆原理
  • 7.寻找两个二叉树节点的第一个公共父节点
  • 8.n级台阶,从0开始走起,一次可以走一步或者两步,那么走完n级台阶一共有多少种走法
  • 9.堆排序原理
  • 10.对图有了解吗
  • 11.反转链表
  • 12.数组和链表的区别
  • 13.介绍下贪心算法
  • 14.介绍动态规划
  • 15.求最大公共前缀
  • 16.公共祖先
  • 17.树反转
  • 18.两个栈实现一个队列
  • 19.深度优先搜索的
  • 20.最长回文的
  • 21.实现一个36进制加法
  • 22.哪些算法用到的递归

5.其他

(1)HTML

  • 1.块级元素,行内元素区别
  • 2.标签语义化
  • 3.h5 的新特性有哪些

(2)CSS

  • 1.绝对定位和相对定位
  • 2.水平垂直居中
  • 3.flex布局
  • 4.css选择器
  • 5.如何隐藏页面元素
  • 6.BFC
  • 7.左右宽度固定,中间自适应的布局
  • 8.float原理 基于盒模型解释一下
  • 9.div两栏布局
  • 10.css盒模型
  • 11.谈谈 css 预处理器机制
  • 12.flex: 0 1 auto; 是什么意思
  • 13.css modules 的原理
  • 14.css3动画
  • 15.伪类和伪元素区别
  • 16.自适应布局

(3)Node

  • 1.nodejs的应用
  • 2.nodejs的优缺点
  • 3.进程和线程?用过pm2吗?原理了解吗
  • 4.node主要用来解决什么问题
  • 5.node.js模块加载机制
  • 6.express 框架的核心特性
  • 7.介绍一下egg.js框架
  • 8.nodejs 的 eventEmitter 的实现
  • 9.Node 异步单线程原理
  • 10.Node 如何多进程

(4)Go

  • 1.项目中是如何使用Go的
  • 2.为什么要使用Go

(5)浏览器

  • 1.浏览器缓存原理
  • 2.浏览器如何构建和渲染页面
  • 3.从url到页面渲染

(6)工程化

  • 1.webpack 原理
  • 2.怎么针对webpack做优化
  • 3.Babel是怎么将ES6转换为ES5的
  • 4.介绍webpack的打包过程?
  • 5.Plugin是在哪个过程中被调用的?写过吗?
  • 6.用过webpack吗?在项目中怎么配置?图片文件需要怎么配置
  • 7.webpack用哪些插件
  • 8.热更新的实现原理;
  • 9.webpack 如何实现动态加载
  • 10.webpack 能动态加载 require 引入的模块吗?
  • 11.webpack怎么配置多入口
  • 12.使用过webpack吗?讲一下插件(plugin)和loader的区别

(7)性能优化

  • 1.如何提升页面加载速度
  • 2.在web性能优化方面有什么实践
  • 3.cdn原理
  • 4.浏览器性能优化的方法
  • 5.首屏、白屏时间如何计算
  • 6.各方面谈谈性能优化。

(8)设计模式

  • 1.观察者模式
  • 2.发布订阅模式

(9)前端安全

  • 1.前端安全防范措施
  • 2.讲讲csrf、xss攻击
  • 3.SQL注入你知道嘛,这个问题你要怎么解决

(10)计算机网络

  • 1.http缓存
  • 2.对http2的了解
  • 3.websocket和http2解释一下,socket是什么
  • 4.网络七层协议
  • 5.TCP和IP分别属于哪一层?TCP和UDP的区别?分别适用于什么情况
  • 6.应用层有哪些协议,用到了UDP的有哪些
  • 7.说说看你了解哪些 http status code
  • 8.http和https区别
  • 9.https建立的过程
  • 10.http建立连接过程,为什么不是四次或两次握手
  • 11.websocket和http协议区别
  • 12.对http3.0协议的理解;
  • 13.websocket的使用场景
  • 14.websocket是什么,原理,怎么实现。

(11)自我介绍

  • 1.自我介绍

(12)补充

  • 1.对MVC MVP MVVM的了解

有待完善。