前端面试题总结（js、html、小顺序、React、ES6、Vue、算法、全栈热点视频资本）

2019年9月1日 153次阅读来源: 雪儿

本文是关注微信小递次的开辟和口试题目，
由基础到难题循规蹈矩，
合适口试和开辟小递次。
并总结vue React html css js 典范口试题集种种算法和插件、前端视频源码资本于一身的文档，优化项目，在浏览器端的层面上提拔速率，协助初中级前端工程师疾速搭建项目。

参考答案https://www.kancloud.cn/lemon-m/js-html-css

Vue口试题

性命周期函数口试题
    1.什么是 vue 性命周期
    2.vue性命周期的作用是什么
    3.第一次页面加载会触发哪几个钩子
    4.简述每一个周期细致合适哪些场景
    5.created和mounted的辨别
    6.vue猎取数据在哪一个周期函数
    7.请细致说下你对vue性命周期的明白？
vue路由口试题
    1.mvvm 框架是什么？
    2.vue-router 是什么?它有哪些组件
    3.active-class 是哪一个组件的属性？
    4.怎样定义 vue-router 的动态路由? 怎样猎取传过来的值
    5.vue-router 有哪几种导航钩子?
    6.$route 和 $router 的辨别
    7.vue-router相应路由参数的变化
    8.vue-router传参
    9.vue-router的两种形式
    10.vue-router完成路由懒加载（ 动态加载路由 ）
vue罕见口试题
    1.vue长处
    2.vue父组件向子组件通报数据？
    3.子组件像父组件通报事宜
    4.v-show和v-if指令的共同点和差别点
    5.怎样让CSS只在当前组件中起作用
    6.<keep-alive></keep-alive>的作用是什么?
    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 组件间的通讯
    22.渐进式框架的明白
    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 引进组件的步骤
    36.Vue-cli打包敕令是什么？打包忏悔致使途径题目，应当在那里修正
    37.三大框架的对照
    38. 跨组件双向数据绑定
    39.delete和Vue.delete删除数组的辨别
    40.SPA首屏加载慢怎样处置惩罚
    41.Vue-router跳转和location.href有什么辨别
    42. vue slot
    43.你们vue项目是打包了一个js文件，一个css文件，照样有多个文件？
    44.vue碰到的坑，怎样处置惩罚的？
    45.Vue内里router-link在电脑上有效，在安卓上没反应怎样处置惩罚？
    46.Vue2中注册在router-link上事宜无效处置惩罚要领
    47.RouterLink在IE和Firefox中不起作用（路由不跳转）的题目
    48.axios的特征有哪些
    49.请说下封装 vue 组件的历程？
vuex罕见口试题
    1.vuex是什么？怎样运用？哪一种功用场景运用它？
    2.vuex有哪几种属性
    3.不运用Vuex会带来什么题目
    4.Vue.js中ajax要求代码应当写在组件的methods中照样vuex的actions中？
    5.vuex一个例子要领
    6.Vuex中怎样异步修正状况
    7.Vuex中actions和mutations的辨别

ES6口试题

ES6新增要领口试题
    1.let const var比较
    2.反引号（`）标识
    3.函数默许参数
    4.箭头函数
    5.属性简写
    6.要领简写
    7.Object.keys()要领，猎取对象的一切属性名或要领名
    8.Object.assign ()原对象的属性和要领都兼并到了目标对象
    9.for...of 轮回
    10.import和export
    11.Promise对象
    12.解构赋值
    13.set数据结构（可用于疾速去重）
    14.Spread Operator 睁开运算符(...)
    15.字符串新增要领
ES6数组口试题
    1.forEach()
    2.map()
    3.filter()
    4.reduce()
    5.some()
    6.every()
    7.all()要领
ES6编程题
    1.运用解构，完成两个变量的值的交流
    2.应用数组推导，计算出数组 [1,2,3,4] 每一个元素的平方并构成新的数组。
    3.运用ES6改下面的模板
    4.把以下代码运用两种要领，来顺次输出0到9？

react口试题

react性命周期口试题
    1.react 性命周期函数
    2.react性命周期中，最合适与服务端举行数据交互的是哪一个函数
    3.运转阶段性命周期挪用递次
    4.shouldComponentUpdate 是做什么的，（react 机能优化是哪一个周期函数？）
    5.指出(组件)性命周期要领的差别
react 基础口试题
    1.React 中 keys 的作用是什么？
    2.React 中 refs 的作用是什么？
    3.React 中有三种构建组件的体式格局
    4.挪用 setState 以后发生了什么？
    5.react diff 道理（常考，大厂必考）
    6.为什么提议通报给 setState 的参数是一个 callback 而不是一个对象
    7.除了在组织函数中绑定 this，另有别的体式格局吗
    8.setState第二个参数的作用
    9.(在组织函数中)挪用 super(props) 的目标是什么
    10.简述 flux 头脑
    11.在 React 当中 Element 和 Component 有何辨别？
    12.形貌事宜在 React 中的处置惩罚体式格局。
    13.createElement 和 cloneElement 有什么辨别？
    14.怎样通知 React 它应当编译临盆环境版本？
    15.Controlled Component 与 Uncontrolled Component 之间的辨别是什么？
react组件口试题
    1.展现组件(Presentational component)和容器组件(Container component)之间有何差别
    2.类组件(Class component)和函数式组件(Functional component)之间有何差别
    3.(组件的)状况(state)和属性(props)之间有何差别
    4.作甚受控组件(controlled component)
    5.作甚高阶组件(higher order component)
    6.应当在 React 组件的那边提议 Ajax 要求
    7.react中组件传值
    8.什么时候在功用组件( Class Component )上运用类组件( Functional Component )？
    9.受控组件( controlled component )与不受掌握的组件( uncontrolled component )有什么辨别？
    10.react 组件的分别营业组件手艺组件？
redux口试题
    1.redux中间件
    2.redux有什么瑕玷
    3.相识 redux 么，说一下 redux 把
react机能比较口试题
    1.vue和react的辨别
    2.react机能优化的计划
    3.React 项目用过什么脚手架
    4.引见一下webpack webpack
    5.假如你竖立了类似于下面的 Twitter 元素，那末它相干的类定义是啥样子的？
    6.为什么我们须要运用 React 供应的 Children API 而不是 JavaScript 的 map？

js口试题

1.简述同步和异步的辨别
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 为什么只写<!DOCTYPE HTML>
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.<img>的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.小递次剖析富文本编辑器

前端资本

1.vue教授教养视频
    01.Vue 电商 实战
　　02.Vue 实战
　　03.vue.js 音乐播放器实战
　　04.vue 消息客户端实战
　　05. vue 实战 团购网
　　06.vue 实战 挪动端音乐App
　　07. vue+Node.js+MongoDB全栈打造商城体系
　　08.Vue+Node+MongoDB高等全栈
　　09.vue.js 外卖实战
　　10.其他培训机构vue教授教养视频
2.微信小递次开辟视频
    01. 2018最新小递次开辟教程
    02.Java仿抖音项目实战
    03.mpvue小递次开辟实战
    04.微信小游戏入门开辟与实战
    05.最新豆瓣影戏+贪吃蛇项目
    06.服务器布置+SSL证书装置教程
    07.背景解说零丁
    08.小递次APi教程
    09.零基础最先搭建微信小递次CMS背景教程
    10.企业类小递次开辟实战视频教程
    11.微信小递次组价化开辟视频教程
    12.ThinkPHP5.0+小递次商城构建全栈运用
    13.Vue.js背景接口微信小递次入门与项目实战教程
    14.Node.js疾速开辟微信民众号视频教程


3.Linux教授教养视频