自整理前端面试知识点（计划安排）

ziu
162 阅读2分钟

自己在金三银四中准备复习的清单（根据掘金一些大佬的面经规划,如果侵权联系删除）

HTML

  • 如何理解 HTML 语义化？
  • script 标签中 defer 和 async 的区别？
  • HTML5新特性有啥

CSS

  • 盒子模型介绍
  • css选择器和权重（优先级）
  • 重排和重绘
  • 如何减少重排和重绘？
  • BFC
    • 清除浮动
  • 常见布局
    • 实现两栏布局（左侧固定 + 右侧自适应布局）
    • 水平垂直居中多种实现方式
    • flex 布局
        • flex: 1包含了啥
    • REM布局

JS

  • 数据类型有哪些
    • 数据类型怎么判断
    • 数据类型存储
    • 手写深拷贝（深浅拷贝区别）
  • 原型和原型链
  • 作用域和作用域链
  • 闭包
  • 执行上下文（会有变量提升的原因）
  • this问题
    • this指向问题
    • call bind apply （怎么样和手写实现）
  • new 实现
  • 异步
    • event loop、宏任务和微任务
    • 异步有几种方式
    • Promise
    • async/await 和 Promise 的关系
  • 垃圾回收
  • es6+

web存储

  • 要掌握 cookie，localStorage 和 sessionStorage。（干什么用的，区别）

http

  • 状态码
  • 常见状态码
  • http缓存（强缓存 协商缓存）
  • 三次握手四次挥手

浏览器

  • 跨域
  • 从输入URL到页面加载的全过程
  • 介绍下304过程（和缓存有关 关联http第三知识点）

Vue

  • 简述MVVM
  • Vue底层实现原理
  • 谈谈对vue生命周期的理解？
    1. 父子组件生命周期关系
  • computed与watch（是什么，作用，使用场景）
  • 组件中的data为什么是一个函数？
  • 为什么v-for和v-if不建议用在一起
  • V-show和V-if区别
  • vue组件的通信方式
  • 高级用法
    • nextTick
      1. 实现
      2. 使用
      3. 原理
    • keep-alive
      1. 钩子函数
    • mixin
    • 插槽（具名，作用域）
  • Vue X
  • v-model的实现以及它的实现原理吗？（本质是语法题）
  • Vue性能优化

webpack

  • webpack配置，使用
  • 常见的Webpack Loader
  • 常见的Webpack Plugin
  • loader和plugin对比

前端性能优化

  • 前端性能优化的几种方式

手写代码

  • 手写promise
  • 深拷贝
  • bind call apply
  • 防抖
  • 节流

其他

  • 你是怎么实现脚手架的用了那些技术详细说说

  • 组件库你是用什么创建的 用什么做的

    • 如何按需引入

  • Yargs脚手架开发框架怎么用

  • Lerna的使用方法和实现原理说说看

  • Node.js模块路径解析流程说说看

avatar
文章
阅读
粉丝