共计 3358 个字符，预计需要花费 9 分钟才能阅读完成。
2018-2020 年 web 前端面试题整顿成 PDF 文档，内容次要包含有html、css、JavaScript、DOM、HTTP、Vue、 等等
2018 面试题：
Html
1，html 语义化
2，meta viewport 相干
3，canvas 相干
CSS
1，盒模型
1.1，ie 盒模型算上 border、padding 及本身（不算 margin），规范的只算上本身窗体的大小 css 设置办法
1.2，几种取得宽高的形式
1.3，拓展 各种取得宽高的形式
1.4，边距重叠解决方案(BFC) BFC 原理
2，css reset 和 normalize.css 有什么区别
3，居中办法
3.1，程度方向上
3.2，垂直居中
3.3，垂直程度居中依据上方联合
4，css 优先级确定
5，如何革除浮动
6，自适应布局
7，画三角形
8，link @import 导入 css
9，animation
10，长宽比计划
11，display 相干
JavaScript
1，[“1”, “2”, “3”].map(parseInt)
2，[[3,2,1].reduce(Math.pow), [].reduce(Math.pow)]
4，[typeof null, null instanceof Object]
5，js 数据类型
6，promise 用法
7，es6 promise ajax
8，闭包
9，什么是立刻执行函数？应用立刻执行函数的目标是什么？
10，async/await 语法
11，深浅拷贝
12，数组去重
13，正则实现 trim()性能
14，JS 原型
15，es6 class
16，JS 如何实现继承
17，手写 jquery 插件
18，数组合并去重排序
19，call apply
20，for 中 setTimeOut
21，sort 函数
22，navigator
23，jquery 绑定形式
24，事件流向
25，原生操作 class
DOM
1，dom 事件模型,
2，挪动端触摸事件
3，事件委托
HTTP
1，常见状态码
2，缓存
3，Cache-Control 和 Etag 的区别
4，Cookie sessionStorage localStorage
5，GET POST 区别,
6，申请行，申请头，申请体详解
7，跨域、JSONP、CORS、postMessage
8，osi 模型
9，http2.0 http1
Vue
1，生命周期程序
2，组件通信
3，Vuex
4，VueRouter,
5，Vue 双向绑定
6，computed watch methods
算法
1，各种排序实现
2，二分查找
3，二叉树相干
网络安全相干
1，XSS CSRF
webpack 相干
1，打包体积 优化思路
2，Loader
3，plugins
有须要面试题文档的能够私信，收费支付！
2019 面试题
HTTP、浏览器
1，浏览器存储的形式有哪些
2，对前后端跨域能够说一下吗？如何解决跨域的？
3，浏览器 cookie 和 session 的意识。
4，输出 URL 产生什么？
5，浏览器渲染的步骤
6，页面渲染优化
7，强制缓存和协商缓存
8，GET 和 POST 申请的区别
9，HTTP1.0 / 1.1 / 2.0 及 HTTPS
10，介绍下 304 过程
11，HTTP 状态码
12，Web 性能优化
CSS
1，盒模型
2，如何实现一个最大的正方形
3，一行程度居中，多行居左
4，程度垂直居中
5，两栏布局，右边固定，左边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import 导入 css
9，BFC 了解
JS
1，判断 js 类型的形式
2，ES5 和 ES6 别离几种形式申明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的办法
6，DOM 事件有哪些阶段？谈谈对事件代理的了解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 别离是什么属性？CSS 中罕用的实现动画形式,
12，介绍一下 rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么理解？个别都通过那几个方面去优化的？
Vue
1，Vue 双向绑定原理,
2，形容下 vue 从初始化页面 – 批改数据 – 刷新页面 UI 的过程？,
3，你是如何了解 Vue 的响应式零碎的?,
4，虚构 DOM 实现原理,
5，既然 Vue 通过数据劫持能够精准探测数据变动, 为什么还须要虚构 DOM 进行 diff 检测差别?,
6，Vue 中 key 值的作用？
7，Vue 的生命周期,
8，Vue 组件间通信有哪些形式?,
9，watch、methods 和 computed 的区别?
10，vue 中怎么重置 data?,
11，组件中写 name 选项有什么作用？
12，vue-router 有哪些钩子函数?
13，route 和 router 的区别是什么？
14，说一下 Vue 和 React 的意识，做一个简略的比照
（1）监听数据变动的实现原理不同
（2）数据流的不同
（3）模板渲染形式的不同
15，Vue 的 nextTick 的原理是什么？
（1）为什么须要 nextTick
（2）了解原理前的筹备
（3）了解 nextTick
16，Vuex 有哪几种属性?
17，vue 首屏加载优化
18，Vue 3.0 有没有过理解？
19，vue-cli 替咱们做了哪些工作？
有须要面试题文档的能够私信，收费支付！
2020 面试题
HTML
1，html5 有哪些新个性？
2，html5 移除了那些元素？
3，如何解决 HTML5 新标签的浏览器兼容问题？
4，如何辨别 HTML 和 HTML5？
CSS
1，CSS 选择符有哪些？
2，CSS 哪些属性能够继承？
3，优先级算法如何计算？
4，CSS3 新增伪类有那些？
5，CSS3 有哪些新个性？
6，解释盒模型宽高值得计算形式，边界塌陷，负值作用，box-sizing 概念？
7，BFC（Block Formatting Context）是什么？利用？
8，如何实现浏览器内多个标签页之间的通信?
9，简要说一下 CSS 的元素分类
10，解释下浮动和它的工作原理，革除浮动的办法？
11，CSS 暗藏元素的几种办法（至多说出三种）
12，如何让一个盒子程度垂直居中？
JS
1、cookie、localStorage、sessionStorage 的区别和应用？
2、如何实现浏览器多标签页之间的通信？
3、JavaScript 的 typeof 返回类型有哪些？
4、类型转换
5、数组的办法
6、ajax 申请时 get 和 post 的区别？
7、ajax 申请时，如何解释 json 数据？
8、call 和 apply 的区别？
9、http 罕用状态码？
10、你有哪些性能优化的办法？
11、深拷贝和浅拷贝
Vue
1，什么是 MVVM？
2，mvvm 和 mvc 区别？它和其它框架（jquery）的区别是什么？哪些场景适宜？
3，vue 的长处是什么？
4，组件之间的传值？
5，路由之间跳转
6，vue.cli 中怎么应用自定义的组件？有遇到过哪些问题吗？
7，vue 如何实现按需加载配合 webpack 设置
8，vuex
（1）vuex 是什么？怎么应用？哪种性能场景应用它？
（2）vuex 有哪几种属性？
（3）不必 Vuex 会带来什么问题？
9，v-show 和 v -if 指令的共同点和不同点
10，如何让 CSS 只在以后组件中起作用
11，<keep-alive></keep-alive>的作用是什么?
12，Vue 中引入组件的步骤?
13，指令 v -el 的作用是什么?,
14，在 Vue 中应用插件的步骤
15，请列举出 3 个 Vue 中罕用的生命周期钩子函数
16，active-class 是哪个组件的属性？
17，怎么定义 vue-router 的动静路由以及如何获取传过来的动静参数？
18，vue-router 有哪几种导航钩子？
19，生命周期
（1）什么是 vue 生命周期
（2）vue 生命周期的作用是什么
（3）vue 生命周期总共有几个阶段
（4）第一次页面加载会触发哪几个钩子
（5）DOM 渲染在 哪个周期中就曾经实现
（6）简略形容每个周期具体适宜哪些场景
20，说出至多 4 种 vue 当中的指令和它的用法？,
21，vue-loader 是什么？应用它的用处有哪些？
22，scss 是什么？在 vue.cli 中的装置应用步骤是？有哪几大个性？,
23，为什么应用 key？
24，为什么防止 v-if 和 v-for 用在一起,
25，VNode 是什么？虚构 DOM 是什么？
正文完