前端面试准备

一 、CSS3
CSS3新特性 border-radius、box-shadow、gradient、transform、媒体查询等
CSS选择器优先器 !important > 内联样式 > ID选择器 > 类属性、伪类选择器 > 元素、伪元素
常见CSS兼容性问题的解决办法
实现响应式设计 媒体查询 flex布局 vw vh calc() em rem
Sass &加类名 &变量 @extend @mixin @include 函数
Element UI 熟练使用 attribute methods event
让弹窗垂直水平居中的方式
盒模型

二、Html5
行内元素、行内块元素、块元素分别有哪些
HTML5新特性（包含标签、Api、控件、存储、新技术）
常见浏览器，及其内核
从输入Url到显示页面，都做了哪些工作
语义化
模块化
设计模式与架构（MVVM、MVC、MVP）
Cookie和session区别
Http状态码的含意

三、JavaScript
JavaScript包含哪几部分？（ECMAScript、DOM、BOM）
JS是单线程，那它如何模拟多线程？（浏览器事件循环机制）
垃圾回收机制
作用域、全局上下文、函数执行期上下文、作用域链、块，原型、原型链分别是什么
闭包
call、apply、bind的区别
基础数据类型有哪些
深clone和浅clone
This指向有哪些
基础数据类型有哪些（string、number、boolean、null、undefined）
如何判断一个变量的数据类型
事件冒泡和捕获 event.stopPropagation() cancelBubble stopImmediatePropagation() preventDefault
string类型的属性和方法有哪些（length、substring、split、replace等）
如何实现继承
如何实现异步
跨域问题 websocket jsonp
错误类型、异常处理、严格模式

四、Es6
箭头函数 => 和普通函数的区别
Var、const、let的区别
…扩展操作符的用法，{…obj}是深clone还是浅clone
对象词法扩展的简写有哪些
对象和数组的解构
字符串模板语法和分隔符
数组去重的方法
迭代器和生成器
模块化

五、Vue
每个生命周期钩子函数的作用
VUE子孙组件通信的方式
在对象或数组中更改值，不被监听到的解决办法
跨域代理
全家桶（VueRoute、Vuex、Axios）
双向数据绑定原理，Diff（差异查找算法）
Data为什么是函数
2020年开始的项目，需要TypeScript和vue-property-decorator
Mixin和页面定义变量方法冲突时解决办法
说说标签 <router-view 元素有哪些属性，以及插槽具名slot的理解

六、其它常见问题
Webpack打包，常用loader和plugin
性能优化和安全防护
说说浏览器渲染阻塞、节流、防抖、重排、重绘
Udp、Tcp、http、https、dns、websoket、网络七层协议
自己实现轮播图、和换肤样式功能
Git常用命令
Node.js会哪些
Amd和cmd
说说Echarts常用配置，以及如何绘制世界地图
Linux Service部署常用命令

七、实际操作问题
js或vue监听Div大小变化
vue或js实现动态主题样式的更改
vue或js实现拖拽，并优化过渡效果；
vue或canvas画树状图，并且可以拖拽