2018-2020web前端面试题整理成PDF文档，内容主要包括html,css,JavaScript,DOM,HTTP,Vue等2018面试题：html1，html语义2，metaviewport相关3，canvas相关CSS1，boxmodel1.1，即boxmodel统计border，padding和自身（不包括margin），standard只统计自身窗口的大小css设置方法1.2，获取宽高的几种方式1.3，扩展各种获取方式widthHighway1.4、marginoverlappingsolution(BFC)BFC原理2、cssreset和normalize有什么区别。优先级确定5、如何清除浮动6、自适应布局7、绘制三角形8、链接@import导入css9、动画10、宽高比方案11、显示相关JavaScript1,["1","2","3"]。map(parseInt)2,[[3,2,1].reduce(Math.pow),[].reduce(Math.pow)]4,[typeofnull,nullinstanceofObject]5,js数据类型6,promise用法7、es6promiseajax8、closure9、什么是立即执行函数？使用立即函数的目的是什么？10、async/await语法11、深浅拷贝12、数组去重13、trim()函数的正则实现14、JS原型15、es6类16、JS中如何实现继承17、手写jquery插件18、数组合并和反排序19、调用apply20、setTimeOut21infor、sort函数22、navigator23、jquery绑定方法24、事件流向25、原生操作类DOM1、dom事件模型、2、移动端触摸事件3、事件委托HTTP1、常见状态码2、缓存3、Cache-Control与Etag的区别4、CookiesessionStoragelocalStorage5、GETPOST区别、6、请求行、请求头、请求体详解7、跨域、JSONP、CORS、postMessage8，osi模型9，http2.0http1Vue1、生命周期序列2、组件通信3、Vuex4、VueRouter,5、Vue双向绑定6、计算watch方法算法1、各种排序实现2、二分查找3、二叉树相关网络安全相关1、XSSCSRFwebpack相关1、打包体积优化思路2、Loader3、plugins需要面试题文件的可以私信免费领取！2019面试题HTTP、浏览器1、浏览器存储有哪些方式2、能不能说说跨域的前后端？如何解决跨域？3.了解浏览器cookie和会话。4.输入URL时会发生什么？5、浏览器渲染步骤6、页面渲染优化7、强制缓存和协商缓存8、GET和POST请求的区别9、HTTP1.0/1.1/2.0和HTTPS10、304流程介绍11、HTTP状态码12、web性能优化CSS1、盒模型2、如何实现最大正方形3、一行水平居中、多行居左4、水平垂直居中5、两列布局、左固定、右自适应、左右不重叠6、如何实现左右等高布局7、绘制三角形8、链接@importimportcss9、BFC理解JS1、判断js类型的方式2、ES5和ES6分别有多少种变量声明方式3、概念关闭？的优点和缺点？4、浅拷贝和深拷贝5、数组去重方法6、DOM事件有哪些阶段？谈谈对事件代理的理解7、js执行机制、事件循环8、介绍promise.all9、async和await10、ES6class和constructor的区别11、transform、translate、transition有哪些属性？CSS中常用的动画方法，12，介绍rAF(requestAnimationFrame)13，javascript垃圾回收机制，14，你对前端性能优化了解多少？一般通过哪些方面来优化？Vue1、Vue双向绑定原理，2、描述vue从初始化页面-修改数据-刷新页面UI的过程？,3、如何理解Vue的响应式系统？、4、虚拟DOM实现原理、5、既然Vue可以通过数据劫持的方式准确检测数据变化，为什么还需要虚拟DOM进行diff检测差异？、6、在Vue中键值的作用？7.Vue的生命周期，8.Vue组件间的通信方法有哪些？9、watch、methods和computed的区别？10、如何在vue中重置数据？、11、在组件中写name选项有什么作用？12、vue-router有哪些hook函数？13.路由和路由器有什么区别？14.谈谈对Vue和React的理解，做个简单的对比（1）监控数据变化的实现原理不同（2）数据流向不同（3）模板渲染方式不同15.什么是Vue的nextTick原理？(1)为什么需要nextTick？(2)理解原理前的准备工作。(3)理解nextTick16。Vuex有哪些属性？17.Vue首屏加载优化18.你了解过Vue3.0吗？19.vue-cli为我们做了哪些工作？需要面试题材的可以私信免费领取！2020年面试题HTML1和HTML5有哪些新特点？2、HTML5去掉了那些元素？3、如何处理HTML5新标签的浏览器兼容性问题？4、如何区分HTML和HTML5？CSS1，什么是CSS选择器？2、CSS的哪些属性是可以继承的？3、优先级算法是如何计算的？4.CSS3中有哪些新的伪类？5、CSS3有哪些新特性？6.解释盒模型宽高的计算方法，边界塌陷，负值效应，box-sizing概念？7.什么是BFC（块格式化上下文）？应用？8、如何实现浏览器中多个标签页之间的通信？9.简述CSS元素分类10.解释浮动及其工作原理，以及清除浮动的方法？11.CSS隐藏元素的几种方法（至少说出三种）12.如何让一个盒子水平和垂直居中？JS1、cookie、localStorage、sessionStorage的区别和用途？2、如何实现浏览器多标签页之间的通信？3、JavaScript中typeof的返回类型有哪些？4.类型转换5.数组方法6.ajax请求中get和post有什么区别？7.ajax请求时如何解析json数据？8.call和apply有什么区别？9.常见的HTTP状态码？10.你有哪些性能优化方法？11、深拷贝和浅拷贝Vue1，什么是MVVM？2、mvvm和mvc有什么区别？它和其他框架（jquery）有什么区别？适合哪些场景？3、Vue有什么优势？4.组件之间传值？5.路线间跳转6.如何在vue.cli中使用自定义组件？你遇到过什么问题吗？7、vue如何通过webpack设置实现按需加载8、vuex（一）什么是vuex？如何使用？哪些功能场景使用它？(2)vuex有哪些属性？（3）不使用Vuex会出现什么问题？9、v-show和v-if指令的异同点10、如何让CSS只在当前组件起作用11、
