web前端常见面试题（js原生,vue,es6,小程序）合集
生命周期函数面试题
1.什么是 vue 生命周期
2.vue生命周期的作用是什么
3.第一次页面加载会触发哪几个钩子
4.简述每个周期具体适合哪些场景
5.created和mounted的区别
6.vue获取数据在哪个周期函数
7.请详细说下你对vue生命周期的理解？
vue路由面试题
- mvvm 框架是什么？
2vue-router 是什么?它有哪些组件
- active-class 是哪个组件的属性？
- 怎么定义 vue-router 的动态路由? 怎么获取传过来的值
- vue-router 有哪几种导航钩子?
6.$route 和 $router 的区别
7.vue-router响应路由参数的变化
8.vue-router传参
9.vue-router的两种模式
10.vue-router实现路由懒加载（ 动态加载路由 ）
vue常见面试题
- vue优点
- vue父组件向子组件传递数据？
3.子组件像父组件传递事件
4.v-show和v-if指令的共同点和不同点
5.如何让CSS只在当前组件中起作用
6.
7.如何获取dom
8.说出几种vue当中的指令和它的用法？
9. vue-loader是什么？使用它的用途有哪些？
10.为什么使用key
11.axios及安装
12.axios解决跨域
13.v-modal的使用
14.scss的安装以及使用
15. 请说出vue.cli项目中src目录每个文件夹和文件的用法？
16.分别简述computed和watch的使用场景
17.v-on可以监听多个方法吗
18.$nextTick的使用
19.vue组件中data为什么必须是一个函数
20.vue事件对象的使用
21 组件间的通信
- 渐进式框架的理解
23.Vue中双向数据绑定是如何实现的
24.单页面应用和多页面应用区别及优缺点
25.vue中过滤器有什么作用及详解
26.v-if和v-for的优先级
27.assets和static的区别
28.列举常用的指令
29.vue常用的修饰符
30.数组更新检测
31.Vue.set视图更新
32.自定义指令详解
33.vue的两个核心点
34.vue和jQuery的区别
35 引进组件的步骤
- Vue-cli打包命令是什么？打包后悔导致路径问题，应该在哪里修改
- 三大框架的对比
- 跨组件双向数据绑定
- delete和Vue.delete删除数组的区别
- SPA首屏加载慢如何解决
- Vue-router跳转和location.href有什么区别
- vue slot
- 你们vue项目是打包了一个js文件，一个css文件，还是有多个文件？ 44.vue遇到的坑，如何解决的？
- Vue里面router-link在电脑上有用，在安卓上没反应怎么解决？ 46.Vue2中注册在router-link上事件无效解决方法
- RouterLink在IE和Firefox中不起作用（路由不跳转）的问题
- axios的特点有哪些
- 请说下封装 vue 组件的过程？
vuex常见面试题
- vuex是什么？怎么使用？哪种功能场景使用它？
- vuex有哪几种属性
- 不使用Vuex会带来什么问题
- Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中？
- vuex一个例子方法
- Vuex中如何异步修改状态
- Vuex中actions和mutations的区别
ES6新增方法面试题
- let const var比较
- 反引号（`）标识
- 函数默认参数
- 箭头函数
- 属性简写
- 方法简写
- Object.keys()方法，获取对象的所有属性名或方法名
- Object.assign ()原对象的属性和方法都合并到了目标对象
- for...of 循环
- import和export
- Promise对象
- 解构赋值
- set数据结构（可用于快速去重）
- Spread Operator 展开运算符(...)
- 字符串新增方法
ES6数组面试题
- forEach() 2.map() 3.filter() 4.reduce() 5.some() 6.every() 7.all()方法 ES6编程题
- 使用解构，实现两个变量的值的交换
- 利用数组推导，计算出数组 [1,2,3,4] 每一个元素的平方并组成新的数组。 3.使用ES6改下面的模板
- 把以下代码使用两种方法，来依次输出0到9？
JS面试题
- 简述同步和异步的区别
2.怎么添加、移除、复制、创建、和查找节点
3.实现一个函数clone 可以对Javascript中的五种主要数据类型（Number、string、Object、Array、Boolean）进行复制
4.如何消除一个数组里面重复的元素
5.写一个返回闭包的函数
6.使用递归完成1到100的累加
7.Javascript有哪几种数据类型
8.如何判断数据类型
9.console.log(1+'2')和console.log(1-'2')的打印结果
10.Js的事件委托是什么，原理是什么
11.如何改变函数内部的this指针的指向
12.列举几种解决跨域问题的方式，且说明原理
13.谈谈垃圾回收机制的方式及内存管理
14.写一个function ，清除字符串前后的空格
15.js实现继承的方法有哪些
16.判断一个变量是否是数组，有哪些办法
17.let ，const ，var 有什么区别
18.箭头函数与普通函数有什么区别
19.随机取1-10之间的整数
20.new操作符具体干了什么
21.Ajax原理
22.模块化开发怎么做
23.异步加载Js的方式有哪些
24.xml和 json的区别
25.webpack如何实现打包的
26.常见web安全及防护原理
27.用过哪些设计模式
28.为什么会有同源限制
29.offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别
30.javascript有哪些方法定义对象
31.说说你对promise的了解
32.谈谈你对AMD、CMD的理解
33.web开发中会话跟踪的方法有哪些
34.介绍js有哪些内置对象？
35.说几条写JavaScript的基本规范？
36.javascript创建对象的几种方式？
37.eval是做什么的？
38.null，undefined 的区别？
39.[“1”, “2”, “3”].map(parseInt) 答案是多少？
40.javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么？ 41.js延迟加载的方式有哪些？
42.defer和async
43.说说严格模式的限制
44.attribute和property的区别是什么？
45.ECMAScript6 怎么写class么，为什么会出现class这种东西?
46.常见兼容性问题
47.函数防抖节流的原理
48.原始类型有哪几种？null是对象吗？
49.为什么console.log(0.2+0.1==0.3) //false
50.说一下JS中类型转换的规则？
51.深拷贝和浅拷贝的区别？如何实现
52.如何判断this？箭头函数的this是什么
53.== 和 ===的区别
54.什么是闭包
55.JavaScript原型，原型链 ? 有什么特点？
56.typeof()和instanceof()的用法区别
57.什么是变量提升
58.all、apply以及bind函数内部实现是怎么样的
59.为什么会出现setTimeout倒计时误差？如何减少
60.谈谈你对JS执行上下文栈和作用域链的理解
61.new的原理是什么？通过new的方式创建对象和通过字面量创建有什么区别？
62.prototype 和 proto 区别是什么？
63.使用ES5实现一个继承？
64.取数组的最大值（ES5、ES6）
65.ES6新的特性有哪些？
66.promise 有几种状态, Promise 有什么优缺点 ?
67.Promise构造函数是同步还是异步执行，then呢 ?promise如何实现then处理 ?
68.Promise和setTimeout的区别 ?
69.如何实现 Promise.all ?
70.如何实现 Promise.finally ?
71.如何判断img加载完成
72.如何阻止冒泡？
73.如何阻止默认事件？
74.ajax请求时，如何解释json数据
75.json和jsonp的区别?
76.如何用原生js给一个按钮绑定两个onclick事件？
77.拖拽会用到哪些事件
78.document.write和innerHTML的区别
79.jQuery的事件委托方法bind 、live、delegate、on之间有什么区别？
80.浏览器是如何渲染页面的？
81.$(document).ready()方法和window.onload有什么区别？
82. jquery中$.get()提交和$.post()提交有区别吗？
83.对前端路由的理解？前后端路由的区别？
84.手写一个类的继承
85.XMLHttpRequest：XMLHttpRequest.readyState;状态码的意思
浏览器/html/css面试题
1.什么是盒模型
2.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？
3.简述src和href的区别
4.什么是css Hack
5.什么叫优雅降级和渐进增强
6.px和em的区别
7.HTML5 为什么只写
8.Http的状态码有哪些
9.一次完整的HTTP事务是怎么一个过程
10.HTTPS是如何实现加密
11.浏览器是如何渲染页面的
12.浏览器的内核有哪些？分别有什么代表的浏览器
13.页面导入时，使用link和@import有什么区别
14.如何优化图像，图像格式的区别
15.列举你了解Html5. Css3 新特性
16.可以通过哪些方法优化css3 animation渲染
17.列举几个前端性能方面的优化
18.如何实现同一个浏览器多个标签页之间的通信
19.浏览器的存储技术有哪些
20.css定位方式
21.尽可能多的写出浏览器兼容性问题
22.垂直上下居中的方法
23.响应式布局原理
25.清除浮动的方法
26.http协议和tcp协议
27.刷新页面，js请求一般会有哪些地方有缓存处理
28.如何对网站的文件和资源进行优化
29.你对网页标准和W3C重要性的理解
30.Http和https的区别
31.data-属性的作用
32.如何让Chrome浏览器显示小于12px的文字
33.哪些操作会引起页面回流（Reflow）
34.CSS预处理器的比较less sass
35.如何实现页面每次打开时清除本页缓存
36.什么是Virtual DOM,为何要用Virtual DOM
37.伪元素和伪类的区别
38.http的几种请求方法和区别
39.前端需要注意哪些SEO
40.的title和alt有什么区别
41.从浏览器地址栏输入url到显示页面的步骤
42.如何进行网站性能优化
43.语义化的理解
44.HTML5的离线储存怎么使用，工作原理能不能解释一下？
45.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
46.iframe有那些缺点？
47.WEB标准以及W3C标准是什么?
48.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
49.HTML全局属性(global attribute)有哪些
50.Canvas和SVG有什么区别？
51.如何在页面上实现一个圆形的可点击区域？
52.网页验证码是干嘛的，是为了解决什么安全问题
53.请描述一下 cookies，sessionStorage 和 localStorage 的区别？
微信小程序开发
初识小程序
1.注册小程序
2.微信开发者工具
3.小程序与普通网页开发的区别
4.小程序尺寸单位rpx
5.样式导入（WeUI for）
6.选择器
7.小程序image高度自适应及裁剪问题
8.微信小程序长按识别二维码
9.给页面加背景色
10.微信小程序获取用户信息
11.代码审核和发布
12.小程序微信认证
13.小程序申请微信支付
14.小程序的目录解构及四种文件类型
15.小程序文件的作用域
16.小程序常用组件
1.view
2.scroll-view
3.swiper组件
4.movable-view
5.cover-view
6.cover-image
小程序基础
17.授权得到用户信息
18.数据绑定
19.列表渲染
20.条件渲染
21.公共模板建立
22.事件及事件绑定
23.引用
24.页面跳转
1.wx.switchTab
2.wx.reLaunch
3.wx.redirectTo
4.wx.navigateTo
5.wx.navigateBack
25.设置tabBar
26.页面生命周期
27.转发分享
小程序高级
28.request请求后台接口
29.http-promise 封装
30.webview
31.获取用户收货地址
32.获取地里位置
33.自定义组件
34.微信小程序支付问题
小程序项目实战
35.微信小程序本地数据缓存
36.下拉刷新和下拉加载
37.列表页向详情页跳转（动态修改title）
38.客服电话
39.星级评分组件
40.小程序插槽的使用slot
41.模糊查询
42.wxs过滤
43.小程序动画
44.列表根据索引值渲染
45.小程序动态修改class
46.小程序常用框架
47.参数传值的方法
48.提高小程序的应用速度
49.微信小程序的优劣势
50.小程序的双向绑定和vue的区别
51.微信小程序给按钮添加动画
52.微信小程序的tab按钮的转换
53.微信小程序引进echarts
54.APP打开小程序流程
55.小程序解析富文本编辑器