# 说明
前端高薪面试，知识框架基于爱创课堂张容铭老师[《前端程序员面试秘籍》](https://item.jd.com/12489702.html)著作展开，参考和引用网上大量网友面试经验，结合作者多年的前端工作经历提炼而成。旨在帮助谋求前端职位的码农门，拿到高薪Offer。
作者：达魔老祖，偏重面试的实用性。
2016年创办《大象课堂》，旨在通过训练，提高大家的公众表达能力。
2018年创办《[达魔学院](https://edaxiang.ke.qq.com/#category=-1&tab=3)》，旨在通过训练，提升大家的核心技术竞争力。
- 说明
- 提取关键词考试
- 大厂面试题汇总
- 今日头条
- 有赞
- 网易
- 阿里
- 滴滴
- 挖财
- 庐江
- 饿了么
- 携程
- 喜马拉雅
- 兑吧
- 微医
- 寺库
- 宝宝树
- 海康威视
- 蘑菇街
- 酷家乐
- 百分点
- 海风教育
- Vue.js
- 0.前言有话说
- 00.解决方案汇总
- 高频面试题
- 1.什么是MVVM框架？它使用哪些场景？
- 4.如何获取传过来的动态参数？
- 14.Vue.js双向绑定原理是什么？
- 44.如何在v-for循环中实现v-model数据的双向绑定？
- 27.ref属性有什么作用？
- 42.如何检测对象变化？
- 40.什么是数据丢失？
- 41.如何检测数据变化？
- vue中key值的作用
- 2.active-class是哪个组件的属性？
- 3.如何定义router-link组件的属性？
- 5.vue-router有哪几种导航钩子？
- 6.mint-ui是什么? 如何使用？
- 7.v-model是什么？有什么作用？
- 8.Vue.js中标签如何绑定事件？
- 9.Vuex是什么？如何使用？在哪些功能场景中使用它？
- 10.如何实现自定义指令？它有哪些钩子函数？还有哪些钩子函数参数？
- 11.至少说出Vue.js中4中指令和他们的用法？
- 12.vue-router是什么？它有哪些组件？
- 13.导航钩子有哪些？他们有哪些参数？
- 15.请详细说明你对Vue.js生命周期的理解。
- 16.请描述封装Vue组件的作用工程。
- 17.你是怎样认识Vuex的？
- 18.vue-loader是什么？它的用途有哪些？
- 19.请说出vue.cli项目的src目录中每个文件夹和文件的用法。
- 20.在vue.cli中怎样使用自定义组件？在使用过程中你遇到过哪些问题？
- 21.谈谈你对iVue.js的template编译的理解。
- 22.说一下Vue.js中的MVVM模式。
- 23.v-show指令和v-if指令的区别是什么？
- 24.如何让CSS旨在当前组件中起作用？
- 25.如何创建Vue.js组件？
- 26.如何实现路由嵌套？如何进行页面跳转？
- 28.Vue.js是什么？
- 29.描述Vue.js的一些 特性？
- 30.描述Vue.js的特点。
- 31.在Vue.js中如何绑定事件？
- 新文档
- 33.axios是什么？如何使用它？
- 新文档
- 35.sass是什么？如何在Vue中安装和使用？
- 36.如何在Vue.js中循环插入图片？
- 37.如何为选框元素自定义绑定数据值？
- 38.什么情况下会产生片段实例？
- 39.实现多个根据不同条件显示不同文字的方法？
- 43.说一下Vue.js页面闪烁{{message}}.
- 45.如何解决数据层级结构太深的问题？
- 46.Vue.js文件中的样式覆盖不生效的问题如何解决？
- 47.在Vue.js开发环境下调用接口，如何避免跨域？
- React
- 0.前言有话说
- 高频面试题
- 17.React的diff算法原理是什么？
- 6.React中的key是什么？为什么他们重要？
- 4.什么是React的refs? 为什么他们很重要？
- 14.setState方法的第二个参数有什么用？使用它的目的是什么？
- 19.传入setState函数的第二个参数的作用是什么？
- 8.在哪个生命周期中你会发出Ajax请求？为什么？
- 9.shouldComponentUpdate有什么用？为什么它很重要？
- 1.当调用setState的时候，发生了什么操作？
- 2.在React中元素（Element）和组件（Component）有什么区别？
- 3.什么时候使用类组件（Class Component）?什么时候使用功能组件（Functional Component）?
- 7.约束性组件（controlled component）与非约束性组件(uncontrolled component)有什么区别？
- 10.如何用React构建（build）生产模式？
- 11.为什么使用React.children.map(props.children,()=>) 而不是props.children.map(()=>)?
- 12.描述事件在React中的处理方式？
- 13.createElement和cloneElement有什么区别？
- 15.这段代码有什么问题？
- 16.请说出React从ES5编程规范到ES6编程规范过程中的几点改变？
- 18.概述一下React中的事件处理逻辑？
- 20.React和Vue.js的相似性和差异性是什么？
- 21.生命周期调用方法的顺序是什么？
- 22.使用状态要注意哪些事情？
- 23.说说React组件开发中关于作用域的常见问题？
- 24.在Redux中使用Action要注意哪些问题？
- 25.在Reducer文件里，对于返回的结果，要注意哪些问题？
- 26.如何使用4.0版本的React Router？
- 29.React-Router有几种形式？
- 30.在使用React Router时，如何获取当前页面的路由或浏览器中地址栏中的地址？
- 网络安全
- 1.SQL注入是什么？如何防护？
- 2.XSS攻击是什么？如何防护？
- 3.如何避免cookie信息被盗取？
- 4.XSS攻击与CSRF攻击有什么区别？
- 5.如何防范CSRF攻击？
- 6.你所了解的Web攻击技术有哪些？
- 性能优化
- 1.谈谈你对重构的理解？
- 2.如果一个页面上有大量的突破（大型电商网站）,网页加载很慢，可以用哪些方法优化这些图片的加载，从而提升用户体验？
- 3.谈谈性能优化问题。
- 4.移动端性能如何优化？
- 5.如何对网站的文件进行优化？
- 6.请说出几种缩短页面加载时间的方法。
- 7.哪些方法可以提升网站前端性能？
- 8.你知道哪些优化性能的方法？
- 9.列举你知道的Web性能优化的方法。
- 10.平时你是如何对代码进行性能优化的？
- 11.针对CSS，如何优化性能？
- 12.针对HTML，如何优化性能？
- 13.针对JavaScript，如何优化性能？
- 14.如何优化服务器端？
- 15.如何优化服务器端的接口？
- 16.如何优化脚本的执行？
- 17.如何优化渲染？
- 18.如何设置DNS缓存？
- 19.什么时候出现资源访问失败？
- 20.jQuery性能优化如何做？
- 21.哪些方法能提升移动端CSS3动画体验？
- 移动端
- 1.在移动端，点击穿透是什么？
- 2.如何实现自适应布局？
- 3.在移动端（Android、iOS）怎么做好用户体验？
- 4.如何解决Android浏览器查看背景图模糊的问题？
- 5.如何解决长时间按住页面出现闪退的问题？
- 6.如何解决iPhone和iPad下输入的默认内阴影问题？
- 7.在iOS和android下，如何实现触摸元素出现半透明灰色遮罩？
- 8.在旋转屏幕时，如何解决字体大小自动调整的问题？
- 9.如何解决Android手机圆角失效的问题？
- 10.如何解决iOS中input键盘事件keyup失效问题？
- 11.如何解决iOS设置input按钮样式会被默认样式覆盖的问题？
- 12.如何解决通过transform进行skew变形，rotate旋转会出现锯齿现象的问题？
- 13.如何解决移动端click事件有300ms延迟的问题？
- 14.在iOS中，以中文输入法输入英文时，如何解决字母之间会出现六分之一空格的问题？
- 15.如何解决移动端HTML5音频标签audio的autoplay属性失效问题？
- 16.如何解决移动端HTML5中date类型的input标签不支持placeholder属性的问题？
- 17.如何通过HTML5调用Android或iOS的拨号功能？
- 18.如何解决上下拖动滚动条时的卡顿问题？
- 19.如何禁止复制或选中文本？
- 20.如何解决Android手机的默认浏览器不支持websocket的问题？
- 21.说说你所知道的移动端响应适配的方法？
- 浏览器兼容
- 1.如何解决不同浏览器的标签默认的margin值和padding值的不同？
- 2.如何解决块属性标签浮动后，在设置水平margin的情况下，在IE6中显示的margin比设置的大的问题？
- 3.在设置较小高度的（一般小于10px）标签时，如何解决在IE6\IE7\傲游中高度超出默认高度的问题？
- 4.页面中的图片元素为什么默认具有间距？
- 5.如何解决设置标签最低高度min-height不兼容问题？
- 6.如何清楚浮动？
- 7.怎样实现盒模型？
- 8.你知道哪些浏览器hacker？
- 9.如何解决li元素内出现浮动元素时产生间隙的问题？
- 10.如何让长单词及较长的URL换行？
- 11. 如何解决display:inline-block在ie6,ie7不兼容的问题？
- 12.如何解决ie6不支持position:fixed属性的问题？
- 13.如何解决cursor:hand在IE下无法正常识别正常FF的问题？
- 14.在定义常量时如何兼容浏览器？
- 15.讲一下event.x与event.y在ie和FF中的区别？
- 16.使用window.location.href有何兼容问题？
- 17.你知道frame有哪些兼容问题？
- 18.谈谈模态和非模态窗口的问题？
- 19.FF与IE的父元素（parentElement）的区别是什么？
- 20.如何获取表单中的输入框元素？
- 21.在IE浏览器下操作类数组对象与标准浏览器有什么不同？
- 22.如何获取自定义属性数据？
- 23.input.type属性有什么兼容性问题？
- 24.说说event.srcElement兼容问题？
- 25.说说body载入问题
- 26.说说table操作问题
- 27.innerText在IE中能正常工作，但在FF中不行，如何解决？
- 28.在设置CSS透明度时，如何兼容浏览器？
- 29.CSS中的width属性包含padding吗？
- 30.在代码box.style{width:100;border:1px;}中，用FF和用IE的盒模型.解释盒子宽度，为什么会相差2px.
- 31.说说ul和ol列表缩进的兼容性问题。
- 32.如何实现元素水平居中？
- 33.如何让P元素垂直居中？
- 34.说说margin的加倍问题？
- 35.如何设置IE的最小宽度和最小高度？
- 36.如何解决IE6中浮动元素的文本产生3像素间距的Bug？
- 37.如何解决IE6下图片有间隙的问题？
- 38.如何让文本与文本输入框对齐？
- 39.如何解决IE无法设置滚动条颜色的问题？
- 40.如何解决form标签边距兼容性问题？
- 41.为什么FF下文本无法撑开容器的高度？
- 42.IE和FF对空格的尺寸解决有什么不同？
- 43.IE条件注释有哪些常用运算符？
- 面向对象
- EMAScript6
- 模块化开发
- 前端工程化
- 设计模式
- HTML
- CSS
- HTML5
- CSS3
- Bootstrap
- JavaScript
- jQuery
- Ajax和JSON
- HTTP服务与HTTPS
- Node.js
- EMAScript5
- CSS预编译
- 混合开发
- 版本工具管理
- 前端测试
- 公司常见问题
- 主观面试题
- 异步事件实现原理
- 每日新任务