Skip to content

💄 前端面试知识点、笔记 Record the front end of the interview.

License

Notifications You must be signed in to change notification settings

zzcyes/front-end-interview-notes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💄前端面试知识点、笔记

创建该仓库是为了记录自己复习知识点和练习模拟题的过程,并打卡,以此督促自己学习!

基础

JavaScript

  • 原型链
  • 继承
  • 作用域
  • 闭包
  • 数据类型
  • var、const、let 对比
  • 变量提升
  • new操作符
  • this的指向
  • 立即执行函数
  • 类型判断
  • instanceof原理
  • bind的实现
  • apply和call
  • 柯里化
  • v8垃圾回收机制
  • 浮点数精度
  • 事件循环机制
  • promise原理
  • generator原理

CSS

  • 盒子模型
  • CSS选择器
  • BFC
  • position
  • flex布局
  • css优先级
  • 双飞冀/圣杯布局
  • CSS3新特性
  • CSS样式隔离
  • CSS性能优化
  • 层叠上下文
  • div居中
  • 浮动

HTML

  • 行内元素、块级元素
  • 跨标签页通信
  • history和hash两种路由
  • DOM树
  • 事件模型
  • 缓存策略
  • 浏览器架构
  • 浏览器工作原理
  • 内存泄露

网络与安全

  • 七层网络模型
  • http/http2.0/http3.0
  • https原理
  • http常见状态码
  • websocket
  • tcp
  • udp
  • TCP 三次握手、四次挥手
  • TCP 和 UDP 区别
  • 输入 URL 到页面展示
  • 跨域
  • 缓存
  • 鉴权
  • 网络安全
    • xss
    • csrf
    • cookie
    • session

性能优化

理论

  • 前端性能优化指标RAIL
  • 前端性能优化手段
  • 重排和重绘
  • 白屏
  • 大量图片加载优化
  • 描述下浏览器从输入网址到页面展现的整个过程
  • 动画性能
  • 渲染合成层

实践

  • 长列表
  • 百万加载
  • webpack 性能优化
  • React 性能优化
  • 资源加载优化

浏览器原理

  • URL从输入到渲染

工程化

  • 模块化机制
  • tree shaking
  • uglify原理
  • babel原理
  • webpack
    • 工作流程
    • plugin
    • loader
  • 前端微服务
  • CI/CD
  • Nginx
  • Git

Babel

Webpack

工作流程

plugin

loader

CI/CD

Nginx

Git

框架

React

  • 合成事件
  • virtual dom
  • setState过程
  • fiber
  • 高阶组件
  • 错误处理
  • 性能优化

合成事件

virtual dom

setState过程

fiber

高阶组件

错误处理

性能优化

React Redux

  • redux核心原则
  • redux核心逻辑

Redux核心原则

Redux核心逻辑

Vue

  • 数据绑定原理
  • computed和watch
  • slot
  • next tick原理
  • keep alive

ant design

设计思想

整体架构

typeScript

基础

高阶技巧

springboot

背景

原理

Node

  • 模块机制
  • require原理
  • 事件循环
  • cluster原理
  • 流机制
  • pipe原理
  • 守护进程
  • 进程通信
  • 异常处理

算法

算法

  • 斐波那契数列
  • 合并二维有序数组成一维有序数组
  • 链表:反转链表
  • 链表:链表有环
  • 堆栈队列:判断括号字符串是否有效
  • 返回数组中第k个最大元素
  • 找出数组中和为sum的n个数
  • 贪心:具有给定数值的最小字符串
  • 二叉树:最大深度
  • 二叉树:层次遍历
  • 剪枝:判断数独是否有效
  • 二分查找:求解平方根
  • 字典树:实现一个字典树
  • 爬楼梯问题
  • 最短距离
  • LRU缓存
  • 翻转二叉树

编程题

  • 实现一个trim方法
  • 实现一个deepClone方法
  • 实现 add(1)(2)(3)
  • 大数相加
  • 拍平数组
  • 实现防抖函数
  • 实现节流函数
  • 实现字符串翻转
  • 数组去重
  • 实现千位分隔符
  • 判断是否是回文数
  • 实现一个模板引擎
  • 判断一个数是否是素数
  • 获取n以内所有的素数

计算机基础

操作系统

  • 进程和线程
  • 进程通信
  • 进程调度策略
  • 死锁
  • IO多路复用

编译原理

图形学

设计架构

  • 常用设计模式
  • 重构
  • MVVM
  • MVC
  • MVP

项目

  • 小程序
    • 原理
  • 小程序-node
    • 鉴权
    • 缓存
    • 容灾
  • H5 + hybrid
    • 钉钉移动端适配
  • 算法仓综合平台
    • 图片懒加载
    • 视频断电传续
    • 水印
  • 智慧城市项目
    • 可视化大屏
    • 地图
  • 智能分拨平台
    • 大文件
    • 长列表
    • 话务助手
    • 语音流
  • 效率工具
    • 接口转文档
    • 微信小程序转H5
  • 框架搭建
    • 物料
    • npm 发包

高频

  • 大文件上传
  • 最难解决的问题

前景

  • ws
  • 微前端
  • 低代码
  • web3d
  • webRTC

链接

面试题

About

💄 前端面试知识点、笔记 Record the front end of the interview.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published