面试题一览

HTML与CSS

自适应布局
各浏览器的内核分别是什么 ---- 阿里面试问到过
浏览器的兼容性问题怎么处理  
弹性布局flex也叫流式布局 rem布局及其计算原理
css单位：rem em px vh vw 我经常用到的几个  微信小程序 :rpx

HTML与CSS常用编译工具

HTML ------- jade
CSS ------- sass less stylus 

原生js

数组的方法
数组与类数组的区别
正则
字符串去空
字符串的方法
节点的一系列操作
原生ajax的一整套完整流程：什么是异步
原生跨域：为什么要跨域，有哪几种方法，写出原理及其实现代码
ajax和jsonp的区别，ajax请求时如何解析json数据
js的算法 冒泡算法，-----
js是不是多线程，如果是怎么解释
javascript的数据类型 
什么是JavaScript的同源策略
闭包是什么，有什么优缺点以及特性
new操作符具体干了什么
=====================
说一下http协议 与https有什么区别
cookie与session的区别 他们一般用来做什么
+++++++++++++++++++++++++++++++++++++
 正则一定要会
 关于加载优化：html优化，css优化，js优化，请求优化，图片优化
 性能优化：网页内容 || 减少 http请求次数||减少 DNS查询次数||避免页面跳转||缓存 Ajax|| 延迟加载||提前加载||减少 DOM元素数量||避免 404||服务器||使用CDN(内容分发网络)||添加Expires或Cache-Control报文头||Gzip压缩传输文件
 CSS:将样式表置顶||用代替@import||雪碧图
 JavaScript：把脚本置于页面底部||使用外部JavaScript和CSS||精简JavaScript和CSS||去除重复脚本||减少DOM访问
 图片：优化图像||优化CSS Spirite||不要在HTML中缩放图片||favicon.ico要小而且可缓存
 浏览器器兼容关于hack技术，我曾经被问到都有那些hack,自行百度
 javascript原型继承，原型跟原型链 ；
 ES6中的类
 require || export || export default || module.exports ||exports || import 的区别，前几天看到SegmentFault上边有几篇文章讲的不错，可以去看看，或者csdn都有此类型问题的答案
 盒模型有几种，有什么区别
 this的指向问题，
 call、apply、bind的区别
 javascript垃圾回收机制，
 那些操作会造成内存泄漏

h5

canvas
fetch API  与ajax有什么不同
多媒体 video&audio  方法属性
离线存储 localStorage&sessionStorage
通信 ：WebSockets
新加元素

React

state&&props
组件之间的通信 ：父与子 && 子与父 && 同级
生命周期函数： 每个函数的作用 
怎么创建一个组件 
什么是虚拟DOM
React的机制中diff算法是怎样计算的
redux的使用   

Vue

Vue1x与Vue2x 有什么区别
手写一个vue组件
组件之间的通信 ：父与子 && 子与父 && 同级
vue的计算属性computed怎么使用
vue的过滤属性
vue-router的使用 vue路由可携带信息的方法
vue重定向
vue怎么发起ajax请求 ： ES6-axios （vue作者推荐）  vue-resoucre vue2x 官方不支持 但也可以用 
封装原生ajax来使用 也可以引入jquery使用 尽量说前两种
vuex的使用
vue双向数据绑定的原理

ES6

Promises 处理异步操作的一种模式
Generator 
es6最常用的方法属性
es6跟es2015的区别  ：：：它俩就是一回事

javascript框架

Echarts  ------基于canvas的图表插件库
zepto --------轻量级的jquery库
sea.js --------没使用过可查
common.js
require.js
MUI (也属于ui框架)配合hbuilder 打造原生app 
Backbone.js
Highcharts ----纯javascript编写的图表框架

前端ui框架 最常用的

Jquery --------bootstrap
React-------Ant Design
Vue -------element ui -----mint ui

常用插件

jquery.lazyload.js
swiper.js
iscroll
touch.js
Fullpage

前端自动化

webpack  原理及其做了些什么
npm  bower  对npm 的理解  知道有bower即可   两种包管理工具
grunt 
gulp
browerify

nodejs

express
KOA

了解下CMD与AMD

require.js
common.js

版本控制系统

git  常用的命令一定要清楚 以及ide集成工具  常用git桌面应用sourceTree了解下
svn

公司协同合作软件

蓝湖
confluence
Teambition
标你妹

考量

你怎么理解前端这个行业的发展
你怎么理解前端工程师这个职位
你在以往的工作中碰到过什么比较棘手的问题，最后是怎么处理的
你平常是怎么学习的，经常逛什么网站
你的职业规划是什么怎么样的

ps:自己平常做的项目一定要特别特别了解，有很多公司会仔仔细细的问项目的流程以及你负责什么以及在项目中碰到了什么棘手的问题，不要到时候去公司面试连自己做的项目是干什么的有什么功能都说不清楚就比较尴尬了

ps:这些东西也只是片面，终究还是要靠你自己的本事 比如会问到原生js中很细的东西这里也没办法给你列出来，希望同学们不管在学习多高级的框架时都不要忘记原生，那是爸爸，框架也都是它生的，底层知识牢靠，学习任何东西都不会费劲。

推荐书籍

JavsScript高级程序设计
JavaScript权威指南
ECMAscript6 阮一峰写的最近在看
HTTP权威指南
React和Vue也在出书，还没接触到特别好的，等有了会推荐出来

持续更新中。。。 后续也会写自己在项目中碰到的问题以及接触到的最新的知识

看到文章中有什么问题也可在下方留言一起探讨