前端应该掌握的一些技能

css

	1、盒模型
	2、flex
	3、css单位
	4、css选择器
	5、bfc 清除浮动
	6、层叠上下文
	7、常见页面布局
	8、响应式布局
	9、css预处理，后处理
	10、css3新特性
	animation和transiton的相关属性
	animate和translate
	11、display哪些取值
	12、相邻的两个inline-block节点为什么会出现间隔，该如何解决
	13、meta viewport 移动端适配
	14、CSS实现宽度自适应100%，宽高16:9的比例的矩形
	15、rem布局的优缺点
	16、画三角形
	17、1像素边框问题

html

	1、语义化
	2、新标签新特性
	3、input和textarea的区别
	4、用一个div模拟textarea的实现
	5、移动设备忽略将页面中的数字识别为电话号码的方法

JS

	1、原型/原型链/构造函数/实例/继承
	2、有几种方式可以实现继承
	3、用原型实现继承有什么缺点，怎么解决
	4、arguments
	5、数据类型判断
	6、作用域链、闭包、作用域
	7、Ajax的原生写法
	8、对象深拷贝、浅拷贝
	9、图片懒加载、预加载
	10、实现页面加载进度条
	11、this关键字
	12、函数式编程
	13、手动实现parseInt
	14、为什么会有同源策略
	15、怎么判断两个对象是否相等
	16、事件模型
			事件委托、代理
			如何让事件先冒泡后捕获
	17、window的onload事件和domcontentloaded
	18、for...in迭代和for...of有什么区别
	19、函数柯里化
	20、call apply区别，原生实现bind
			call，apply，bind 三者用法和区别：角度可为参数、绑定规则（显示绑定和强绑定），运行效率、运行情况。
	21、async/await
	22、立即执行函数和使用场景
	23、设计模式(要求说出如何实现,应用,优缺点)/单例模式实现
	24、iframe的缺点有哪些
	25、数组问题
			数组去重
			数组常用方法
			查找数组重复项
			扁平化数组
			按数组中各项和特定值差值排序
	26、BOM属性对象方法
	27、服务端渲染
	28、垃圾回收机制
	29、eventloop
			进程和线程
			任务队列
	30、如何快速让字符串变成已千为精度的数字

ES6

	1、声明 let、const
	2、解构赋值
	3、声明类与继承：class、extend
	4、Promise的使用与实现
	5、generator（异步编程、yield、next()、await 、async）
	6、箭头函数this指向问题、拓展运算符
	7、map和set有没有用过，如何实现一个数组去重，map数据结构有什么优点？
	8、ES6怎么编译成ES5,css-loader原理,过程
	9、ES6转成ES5的常见例子
			使用es5实现es6的class

浏览器

	1、输入url到展示页面过程发生了什么？
	2、重绘与回流
			重绘(repaint): 当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时由于只需要UI层面的重新像素绘制，因此 损耗较少
			回流(reflow): 当元素的尺寸、结构或触发某些属性时，浏览器会重新渲染页面，称为回流。此时，浏览器需要重新经过计算，计算后还需要重新页面布局，因此是较重的操作。会触发回流的操作:
			* 页面初次渲染
			* 浏览器窗口大小改变
			* 元素尺寸、位置、内容发生改变
			* 元素字体大小变化
			* 添加或者删除可见的 dom 元素
			* 激活 CSS 伪类（例如：:hover）
			* 查询某些属性或调用某些方法
			* clientWidth、clientHeight、clientTop、clientLeft
			* offsetWidth、offsetHeight、offsetTop、offsetLeft
			* scrollWidth、scrollHeight、scrollTop、scrollLeft
			* getComputedStyle()
			* getBoundingClientRect()
			* scrollTo()
			回流必定触发重绘，重绘不一定触发回流。重绘的开销较小，回流的代价较高。
	3、防抖与节流
	4、cookies、session、sessionStorage、localStorage
	5、浏览器内核

服务端与网络

	1、常见状态码
	2、缓存
			200 From cache和200 ok
			400,401,403状态码分别代表什么
			浏览器缓存
	3、cookie, session, token
	4、前端持久化的方式、区别
	5、DNS是怎么解析的
	6、cdn
	7、计算机网络的相关协议
	8、http/https/http2.0
	9、get post区别
	10、ajax、 axios库
	11、tcp三次握手，四次挥手流程
	12、跨域
	13、前端安全XSS、CSRF
	14、websocket
	15、Http请求中的keep-alive有了解吗
	16、网络分层
	17、即时通信，除了Ajax和websocket
	18、模块化，commonJS，es6，cmd，amd

Vue

	1、vue解决了什么问题
	2、MVVM的理解
	3、如何实现一个自定义组件，不同组件之间如何通信的？
	4、nextTick
	5、生命周期
	6、虚拟dom的原理
	7、双向绑定的原理？数据劫持？
	8、组件通信
			父->子
			子->父
			非父子组件
	9、Proxy 相比于 defineProperty 的优势
	10、watch computed区别
	11、virtual dom 原理实现
	12、vue-router(hash， HTML5 新增的 pushState
			单页应用，如何实现其路由功能---路由原理
			vue-router如何做用户登录权限等
			你在项目中怎么实现路由的嵌套
	13、vuex的理解

前端性能优化

页面DOM节点太多，会出现什么问题？如何优化？
如何做性能监测
SEO和语义化
这个没被问过

微信小程序

微信小程序和h5差异，如果有开发weex的经验，可能会加上weex

git

一些基本命令

打包工具webpack

	1、打包原理
	2、打包插件
	3、webpack热更新原理
	4、优化构建速度

算法

	1、排序算法
	2、动态规划，参见背包问题
	3、二叉树
	4、加油站问题(贪心算法)
	5、二分法
	6、二叉树遍历
	7、单链表反转
	8、取1000个数字里面的质数
	9、找出数组中和为给定值的两个元素，如：[1, 2, 3, 4, 5]中找出和为6的两个元素。
	10、线性顺序存储结构和链式存储结构有什么区别？以及优缺点

移动端

	1、自适应
	2、pwa
	3、移动端手势

附加题

	1、无限滚动方案
	2、如何处理兼容性问题
	3、你遇到过最难的问题是什么
	4、ES6 class与ES5 function区别及联系
	5、vue怎么监听数组
	6、写过webpack loader吗
	7、微信网页版登录机制思考