Fork me on GitHub

前端面试题目收集(持续更新)

字数统计: 620字   |   阅读时长≈ 2分

主要以下几方面去收集？

  • 八股文，主要针对理论基础知识
  • 框架类，主要针对React/Vue等
  • 编程题，主要针对各种常用方法进行手动编写
  • 算法题，主要是各类算法题进行汇总

八股文

  • dom树是怎么生成的
  • 浏览器缓存
  • 一个页面在浏览器加载经历哪些阶段
  • TCP三次握手 四次挥手为什么？
  • 为什么跨域？跨域实现方案
  • 浏览器渲染机制、重绘、重排
  • script标签defer和async的区别

JS

  • v8垃圾回收
  • JS上下文执行栈和闭包
  • JS的模块化
  • JS的类型检查，如何判断Array数组类型
  • JS原型、原型链
  • JS Event Loop
  • JS new 实现一个对象过程
  • JS forEach和map的区别，如何跳出循环
  • JS 数组有哪些方法会影响自身，哪些方法不会影响自身

CSS

  • CSS 样式优先级(#,.等选择器)
  • CSS BFC
  • CSS 垂直居中
  • CSS 层叠上下文和层叠顺序
  • flex布局
  • CSS 响应式布局

框架类

通用问题

  • 如何看React和Vue
  • 生命周期
  • 路由实现机制
  • diff算法和key的作用
  • 数据绑定原理
  • 虚拟 DOM 实现原理
  • 组件通信
  • Hook的实现原理
  • session与cookie的区别
  • 性能优化完整方案
  • 10个1m的文件 和 1个10m的文件 在浏览器哪个传输比较快

React

  • Fiber架构是什么
  • Hook函数的作用是什么
  • setState是异步还是同步，如果要获取更新后的state应该怎么做

Vue

  • Vue2和Vue3的区别
  • Vue3的组合式 API是什么？有什么好处？
  • Vue3中如何开发函数式组件？
  • nextTick 的原理是什么？
  • Vue通讯机制
  • computed与watch

TypeScript

  • TypeScript是什么？有什么特性或者好处？
  • TypeScript 的缺点是什么？
  • Typescript 中的装饰器是什么？
  • TypeScript 如何设计 Class 的声明？
  • TypeScript 中 type 和 interface 的区别?
  • TypeScript 枚举是什么？
  • 简单介绍一下 TypeScript 模块的加载机制？
  • TypeScript 的 tsconfig.json 中有哪些配置项信息？
  • 如何初始化一个Typescript项目？

工程化

  • 目前市面上主流的构建工具有哪些？ webpack和 vite对比?

编码题

  • 深浅拷贝
  • Promise和Promise.all实现
  • throttle节流 和 debounce防抖
  • 如何通过原型实现继承

算法题

  • 排序题
  • 去重题
  • 反转题

具体可以参考这些:

赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

borfy

毕业于广大华软学院，软件工程师一枚！

Java出身，喜欢前端进行转岗，主攻全栈发展，技术有：Vue、React、Nodejs、Java等。