“全方位总结一下所遇到的面试题目，与大家共同学习，也是对自己的一次总结”
前言今天给朋友们分享我花了将近一个月时间，参考了很多网上的优质博文和项目整理的一份比较全面的前端面试题集，还有面试前刷过的题目（其中概括HTML，CSS，JS，React，Vue，NodeJS，互联网基础知识）共有【269页】。很多朋友靠着这些内容进行复习，拿到了BATJ等大厂的offer， 也已经帮助了很多的前端学习者，希望也能帮助到你。
另外，宣传一下自己发布在CSDN的一个前端Vue的项目：基于vue + vuex + mint-ui + node + mySQL模仿拼多多电商系统。希望有兴趣的同学，可以一起学习。
前端开发所需掌握知识点概要： HTML&CSS：浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、CSS盒模型、Hack、CSS预处理器、CSS3动画JavaScript：数据类型、运算、对象、Function、继承、闭包、作用域、事件、Prototype、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步请求、模板引擎、模块化、Flux、同构、算法、ES6、ES7、ES8特性、Nodejs、HTTP框架和类库：ajax、jQuery、Bootstrap、axios、Vue、Vuex、React、element-ui、layui、webpack
面试题文档十分全面，文末还有答案解析！（文章比较长，耐心看完，让你面试提升一大截！）
1、HTML面试题 html 语义化 canvas 相关 svg和canvas的区别？ html5有哪些新特性？ 如何处理HTML5新标签的浏览器兼容问题？ 说说 title 和 alt 属性 HTML全局属性(global attribute)有哪些
Vue
Vue 双向绑定原理 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？ 你是如何理解 Vue 的响应式系统的? 组件中写 name 选项有什么作用？ vue 中怎么重置 data? vue 首屏加载优化 vuex是什么？怎么使用？哪种功能场景使用它？ vuex有哪几种属性？ 虚拟 DOM 实现原理 Vue 中 key 值的作用？ 什么是MVVM？ mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？
React
React有什么特点？ 列出React的一些主要优点。 React有哪些限制？ 什么是JSX？ 你了解 Virtual DOM 吗？解释一下它的工作原理。 与 ES5 相比，React 的 ES6 语法有何不同？ 解释 React 中 render() 的目的。 React中的状态是什么？它是如何使用的？ 如何更新组件的状态？ 如何模块化 React 中的代码？ React中的事件是什么？ 如何在React中创建一个事件？ 你对 React 的 refs 有什么了解？ 列出一些应该使用 Refs 的情况。 如何在 React 中创建表单 什么是高阶组件（HOC）？ MVC框架的主要问题是什么？ Redux与Flux有何不同？ 数据如何通过 Redux 流动？ 什么是React 路由？ 为什么React Router v4中使用 switch 关键字 ？ …
1)说说最近最流行的一些东西吧？常去哪些网站？
2)自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。
3)项目介绍
4)前端开发的职业现状和前景是什么？
5)平时是如何学习前端开发的？
6)1-3年工作经验，你有信心顺利跳槽到BATJ等一线互联网大公司吗？
7)你觉得哪个框架比较好,好在哪里
8)你觉得最难得技术难点是什么
8、算法题链表面试题：反转单向链表
题目需要将一个单向链表反转。思路很简单，使用三个变量分别表示当前节点和当前节点的前后节点，虽然这题很简单，但是却是一道常考题
以下是实现该算法的代码
var reverseList = function(head) { // 判断下变量边界问题 if (!head || !head.next) return head // 初始设置为空，因为第一个节点反转后就是尾部，尾部节点指向 null let pre = null let current = head let next // 判断当前节点是否为空 // 不为空就先获取当前节点的下一节点 // 然后把当前节点的 next 设为上一个节点 // 然后把 current 设为下一个节点，pre 设为当前节点 while(current) {next = current.nextcurrent.next = prepre = currentcurrent = next } return pre}; 二叉树遍历原理: 递归 function traversal(node,tempOrderTraversal) {if (node != null) { // tempOrderTraversal.push(node.value) 前序遍历 if (node.left !=