2021年已经过去一半眼看着"金九银十"也快到来了，很多小伙伴都蠢蠢欲动想要刚给自己涨一波薪资；面试作为涨薪最直接最有效的方式，我们需要花费巨大的精力和时间来准备。除了自身的技术积累之外，掌握一定的面试技巧和熟悉最常见的面试题，一定会让我们如虎添翼。

HTML 1，你如何理解HTML结构的语义化 2，说说title和alt属性 3，Html5有哪些新特性、移除了哪些元素 4，Label的作用是什么?是怎么用的? 5，浏览器是怎么对Html5的离线储存资源进行管理和加载的呢 6，iframe有那些缺点?7，HTML W3C的标准 8,Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 9，HTML全局属性(global attribute)有哪些 10，viewport的content属性作用 11，meta相关 12，div+css的布局较table布局有什么优点 13，简述一下src与href的区别 14，知道的网页制作会用到的图片格式有哪些 15，如何在 HTML5页面中嵌入音频与视频?

CSS 1，水平居中的方法 2，垂直居中的方法 3，link 与@import的区别 4，三列布局(中间固定两边自适应宽度) 5，BFC有什么用 6，清除浮动的几种方式 7，CSS3有哪些新特性 8，css3新增伪类–伪元素 9，为什么要初始化CSS样式 10，IE盒子模型、w3C盒子模型 11，请解释—下cSS3的Flexbox 3弹性盒布局模型)，以及适用场景 12，display:inline-block 什么时候不会显示间隙? 13，行内元素float:left后是否变为块级元素? 14，如果需要手动写动画，你认为最小时间间隔是多久，为什么? 15，displaytinline-block 什么时候会显示间隙? 16，CSS权重，计算规则 17，Sass、LESS是什么?大家为什么要使用他们? 18,stylus, sass, less区别 19, rgba(和opacity的透明效果有什么不同? 20，px和em的区别 21，使用css实现一个持续的动画效果 22，，重排和重绘 23，什么情况会触发重排和重绘?

JavaScript 1，说几条JavaScript的基本规范 2，闭包 3，变量对象 4，作用域 5，说说你对作用域链的理解 6，JavaScript原型，原型链?有什么特点? 7，什么是事件委托 8，类的创建 9，如何实现继承? 10，谈谈This对象的理解 11，事件模型 12,new操作符具体干了什么呢? 13，Ajax原理 14，Ajax解决浏览器缓存问题 15，如何解决跨域问题? 16，说说你对AMD和Commonjs的理解 17，js的7种基本数据类型 18，介绍js有哪些内置对象 19，JS有哪些方法定义对象 20，你觉得jQuery源码有哪些写的好的地方 21，null，undefined的区别 22，谈谈你对ES6的理解 23，面向对象编程思想 24，如何通过JS判断一个数组 25，异步编程的实现方式 26，对原生Javascript了解方向 27, sort快速打乱数组 28，数组去重操作 29，JS 原生拖拽节点 30，深拷贝、浅拷贝 31，节流防抖 32，变量提升 33，JS中的垃圾回收机制 34，如何理解前端模块化 35，js单线程 36，说说event loop 37，描述下this 38，ajax.axios、fetch区别

如果你需要这份完整版的面试笔记，可以点击这里直达领取方式。

浏览器 1，浏览器存储的方式有哪些 2，浏览器内核的理解 3，HTTP的请求方式场景 4，HTTP状态码 5，从浏览器地址栏输入URL后发生了什么? 6，请你谈谈Cookie的优缺点 7, cookies , sessionStorage和localStorage的区别 8，浏览器缓存 9，浏览器渲染的步骤 10，GET 和POST请求的区别 11，什么是reflow 12，什么时候会导致reflow发生呢? 13，减少reflow对性能的影响

性能优化 1，SEO优化 2，server优化 3，css优化 4，js方面 5，webpack优化点 6，加载优化: 7，页面渲染优化 8，图片优化 9，脚本优化 10，为什么利用多个域名来存储网站资源会更有效?

vue-cli工程

1、构建的vue-cli工程都到了哪些技术，它们的作用分别是什么? 2.vue-cli工程常用的npm命令有哪些? 3、请说出vue-cli工程中每个文件夹和文件的用处 4.、config文件夹下index.js 的对于工程开发环境和生产环境的配置 5、请你详细介绍一些package.json里面的配置

vue核心知识点 1、对于Vue是一套渐进式框架的理解 2.vue.js的两个核心是什么? 3、请问v-if 和v-show有什么区别 4.vue常用的修饰符 5.v-on可以监听多个方法吗? 6.vue中 key 值的作用 7.vue-cli工程升级vue版本 8、vue事件中如何使用event对象? 9、$nextTick的使用 10、Vue组件中data为什么必须是函数 11.v-for 与v-if的优先级 12、vue中子组件调用父组件的方法 13.vue中 keep-alive组件的作用 14、vue中如何编写可复用的组件? 15、什么是vue生命周期? 16、vue生命周期钩子函数有哪些? 17、vue如何监听键盘事件中的按键? 18、vue更新数组时触发视图更新的方法 19.vue中对象更改检测的注意事项 20、解决非工程化项目初始化页面闪动问题 21、 v-for产生的列表，实现active的切换 22、v-model语法糖的组件中的使用 23、Vue中自定义过滤器 24、vue等单页面应用及其优缺点 25、什么是vue的计算屈性? 26.vue-cli提供的几种脚手架模板 27.vue父组件如何向子组件中传递数据? 28、vue弹窗后如何禁止滚动条滚动? 29、计算属性的缓存和方法调用的区别 30、vue-cli中自定义指令的使用

vue-router 1.vue-router如何响应路由参数的变化? 2、完整的vue-router导航解析流程 3.vue-router有哪几种导航钩子（导航守卫)? 4、vue-router传递参数的几种方式 5. vue-router的动态路由匹配 6. vue-router如何定义嵌套路由? 7. 组件及其屈性 8.vue-router实现路由懒加载 9. vue-router路由的两种模式 10、history路由模式配置及后台配置

vuex 1、什么是vuex? 2、使用vuex的核心概念 3. vuex在vue-cli中的使用 4、在vue中使用vuex，修改state的值 5.vuex actions异步修改状态

http请求 1、Promise对象是什么? 2、axios、fetch与ajax有什么区别? 3、什么是JS的同源策略和跨域问题? 4、如何解决跨域问题? 5、axios有什么特点?

UI样式 1、.vue组件的scoped屈性的作用 2、如何让CSS只在当前组件中起作用? 3.vue中常用的UI组件库 4、如何适配移动端?【经典】 5、移动端媒体查询 6. vue内容垂直和水平居中 7.vue-cli引入图片的方法 8、移动端常见样式问题 9、文本超出隐藏

常用功能 1、vue中如何实现tab切换功能? 2.、vue中keep-alive实现标签页组件缓存 3.vue中实现页面从右往左侧滑入效果 4、vue中父子组件如何相互调用方法? 5.vue中央事件总线的使用

MVVM设计模式 1、MVC.MVP与MVVM模式 2.MVC.MVP与MVVM的区别 3、MVVM的实现原理 4、Object.defineProperty()方法 5、ES6中定义的类和对象 6、JS中的文档碎片 7、解构赋值 8.Array.from 9，Array.reduce() 10、递归的使用 11、Obj.keys0与Obj.defineProperty 12、发布-订阅模式 13、vue项目优化，缩短首屏加裁时间

1，一些开放性题目(自我介绍、对前端看法之类) 2，什么是函数柯里化? 3，创建对象有几种方法? 4，怎样通过ES5及ES6