# 前端面试范围

---

# css

• 布局 两列三列
• 居中对齐
• bfc
• 定位
• css3 新增
• 三角形 梯形 空心三角形
• block visibility display有哪些值？
• 清除浮动
• float 清除浮动的几种方法
• 盒子模型
• word-wrap text-overflow word-break
• 使用link和@import有什么区别？
• px、em、rem的区别？
• css选择符有哪些？优先级
• nth-child(2) 和 last-of-type first-of-type
• 媒体查询
• 伪元素 伪类
• CSS 中transition和animate有何区别?

# JS

• 事件流和事件模型 浏览器的兼容 事件event对象 js事件委托
• 基本类型
• 判断 == isNaN ！ 类型转换比较
• js操作dom 获取属性
• 闭包 原型 原型链 作用域链 执行上下文 事件循环机制 变量提升原理 this
• 函数式编程
• es6 新增语法 let 和 const async和await promise 字符串模板 箭头函数 解构装饰器 Array.inclueds Object.assign String.padStart|String.padEnd
• 数组的所有api 去重 最大值 最小值
• 继承 call apply
• 深拷贝 浅拷贝
• js获取高度和宽度
• js 静态方法,静态属性,私有变量
• js 写出 bind()
• js 写出 object.create()
• js 判断类型 是否是继承链上的
• 正则
• jquery源码
• js 加法特例
• document.onload和document.ready arguments
• AMD 和 CMD区别
• js兼容写法

  IE支持currentStyle，FIrefox使用getComputStyle

  IE 使用innerText，Firefox使用textContent

  滤镜方面：IE:filter:alpha(opacity= num)；Firefox：-moz-opacity:num

  事件方面：IE：attachEvent：火狐是addEventListener

  鼠标位置：IE是event.clientX；火狐是event.pageX

  IE使用event.srcElement；Firefox使用event.target

• 事件委托
• defer和async

# 交互通信

• ajax请求
• 跨域方式 优缺点
• http 协议 七大网络协议 TCP TUP协议 https ws wss
• 响应码 代表什么
• request和response参数

# 浏览器

• 缓存
• 内核种类 内核解析机制 浏览器渲染机制
• V8引擎

# 算法

• 十大排序
• 数据结构
• 应用题

# 设计模式

• 十大设计模式
• 观察者模式
• 单例模式
• 工厂模式

# Vue面试题

• vuex原理
• Vue生命周期
• Vue通信 父子 兄弟
• Vue响应式原理 MVVM
• Vue axios原理
• 虚拟Dom Virtual DOM
• Vue-router原理
• Vue和react的区别

# 后端

• 数据库的基本操作
• nginx反向代理
• python语法
• linux简单操作
• git

# 开放题

• 你如何看待大前端
• 你的职业发展规划