wufeihuang / frontend-interviews Goto Github PK

数据类型

• 6种基础类型：null、undefined、number、string、boolean、symbol
• 引用类型：object
• 值传递和引用传递区别
• 函数参数传递
• typeof
• instanceof 原理与实现

闭包

• 含义、原理
• 应用场景
• 优缺点

ES6+ 《ECMAScript 6入门》 —— 阮一峰

• let、const
• 变量的解构赋值
• 字符串的扩展、新增方法
• 正则的扩展
• 数值的扩展
• 函数的扩展
• 数组的扩展
• 对象的扩展、新增方法
• Symbol
• Set和Map数据结构
• Proxy
• Reflect
• Promise对象
• Iterator和for..of循环
• Generator
• async/await
• Class
• 模块化 import/export
• 修饰器Decorator

this指向

• 箭头函数
• bind、call、apply

异步

• setTimeout/setInterval

• Promise

• generator

• async/await

• 区别

事件循环

• 异步

• 单线程

• 任务队列、宏任务、微任务

DOM事件

• DOM 0级: onclick = function(){}
• DOM 1级：没有定义事件相关内容
• DOM 2级：addEventListener / removeEventListener，IE的attachEvent
• DOM 3级：添加了很多事件类型，焦点事件、鼠标事件、滚动事件等
• 事件捕获和冒泡：捕获阶段、目标阶段、冒泡阶段
• 事件代理

原型与原型链

• 几种继承方式
• 隐式和显式
• 构造函数
• new操作

作用域

• 全局/局部/块级作用域
• 作用域链
• 变量、函数提升

垃圾回收机制 MDN-内存管理

• 内存声明周期

• 内存泄漏

• 引用计数（旧方案）

• 标记清除

浏览器渲染原理

• DNS解析、资源加载、DOM树、渲染树等

• CSS资源加载是否会阻塞HTML解析和渲染？
• script脚本资源的async、defer属性
• load事件和DOMContentLoaded事件

cookie

本地缓存

• localStorage
• sessionStorage
• IndexedDB

浏览器缓存

• 强缓存
• 协商缓存
• 相关请求头

浏览器请求

• http、http2、https，https加密原理
• tcp
• 常用请求头
• 常用content-type
• ajax，XMLHttpRequest
• fetch
• axios库
• 跨域，jsonp，cors，浏览器同源策略
• 状态码：302，400，401，500

浏览器安全

• xss 跨站脚本攻击
• csrf 跨站请求伪造

• React.createElement
• diff算法

• 双向绑定，区别

• setState
• Redux
• MobX

• 如何触发React组件更新的
• Object.defineProperty和Proxy区别

• React-Router
• 路由实现原理
• hash路由、history.pushState

• AntD

• useState
• useEffect

模块化

• 立即执行函数

• commonjs：module.exports / require

• ES6：import / export

• AMD / CMD，require.js

• 区别

webpack

• 主要配置项
• loader和plugin区别
• 常用loader、loader执行顺序
• 常用plugin

TypeScript

• JavaScript超集
• 意义
• 类型
• 泛型

性能优化

• 首屏优化
• 图片优化、雪碧图、base64、webp
• 压缩、合并
• 懒加载
• gzip
• cdn

html5特点

• doctype
• 新增元素
• 语义化
• audio、video

CSS常见布局

CSS定位：position

盒模型

float

flexbox

grid

多列布局 column-count

选择器

• 优先级

• 伪类

• 伪元素

• id、class、标签选择器

• 属性选择器

• 子元素选择器、后代选择器

• 兄弟元素选择器

单行文本省略、多行文本省略

CSS动画：transition、animation、@keyframes

媒体查询

BFC 块级格式化上下文

margin、padding的百分比计算方式

• 主要功能模块
• update/enter/exit 更新模式
• selection.data() 数据绑定

• 图形元素和path路径
• viewport
• 动画

• 主要API
• 事件交互
• 动画，requestAnimationFrame

• WebGL：着色器语言（GLSL）、顶点着色器、片元着色器
• Threejs：场景、相机、物体（几何体、材质）、渲染器
• DeckGL、MapboxGL
• 实用场景：空间相关，家居等室内场景还原、三维地理展示、WebVR

• GeoJSON
• TopoJSON
• 投影算法
• 地图应用：高德地图、百度地图

多端开发

• PC端开发和移动端开发的区别

• React Native

• Electron

• Flutter

• 小程序（微信小程序、支付宝小程序）

• Weex、uniapp、Taro、Chamelon

防抖和节流

PWA 渐进式Web应用

• manifest.json
• Service Worker
• Push API

函数式编程

• 函数是一等公民
• 纯函数
• 柯里化
• 偏函数

文件下载、上传实现

图片预览实现

浅拷贝和深拷贝

设计模式

• 工厂模式

• 单例模式

• 装饰器模式

• 发布-订阅模式

• 等...

数据结构和算法

• 排序算法

BigInt

手写实现

• new操作符
• instanceof
• bind、call、apply
• 数组方法
• Promise

数组去重方式

国际化 i18n