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

参考答案 https://www.kancloud.cn/lemon…

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 组件的历程？
    50.vue 种种组件通讯要领（父子 子父 兄弟 爷孙 毫无关系的组件）
    51.params和query的辨别
    52. vue mock数据
    53 vue封装通用组件
    54.vue初始化页面闪烁题目
    55.vue制止弹窗后的屏幕转动
    56.vue更新数组时触发视图更新的要领
    57.vue经常使用的UI组件库
    58. vue如何引进当地背景图片
    59. vue如何引进sass
    60.vue修正打包后静态资本途径的修正
vuex罕见口试题
    1.vuex是什么？如何运用？哪一种功用场景运用它？
    2.vuex有哪几种属性
    3.不运用Vuex会带来什么题目
    4.Vue.js中ajax要求代码应当写在组件的methods中照样vuex的actions中？
    5.vuex一个例子要领
    6.Vuex中如何异步修正状况
    7.Vuex中actions和mutations的辨别
vue项目实战
    1.顶部悬停效果
    2.电话本列表效果（ 右侧字母分类 高低滑动 旁边字母显现高亮）
    3.vue做代办
    4.Vue路由切换时的左滑和右滑效果示例

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;状况码的意义
86.正则表达式罕见口试题
  1.给一个连字符串比方：get-element-by-id转化成驼峰情势。
  2.婚配二进制数字
  3.非零的十进制数字 (有起码一名数字, 然则不能以0开首)
  4.婚配一年中的12个月
  5.婚配qq号最长为13为
  6.婚配罕见的牢固电话号码
  7.婚配ip地点
  8.婚配用尖括号括起来的以a开首的字符串
  9.支解数字每三个以一个逗号分别
  10.推断字符串是不是包含数字
  11.推断电话号码
  12.推断是不是相符指定花样
  13.推断是不是相符USD花样
  14.JS完成千位分隔符
  15.猎取 url 参数
  16.考证邮箱
  17.考证身份证号码
  18.婚配汉字
  19.去除首尾的'/'
  20.推断日期花样是不是相符 '2017-05-11'的情势，简朴推断，只推断花样
  21.推断日期花样是不是相符 '2017-05-11'的情势，严厉推断（比较复杂）
  22.IPv4地点正则
  23.十六进制色彩正则
  24.车牌号正则
  25.过滤HTML标签
  26.暗码强度正则，起码6位，包含起码1个大写字母，1个小写字母，1个数字，1个特别字符
  27.URL正则
  28.婚配浮点数

浏览器/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 的辨别？
54. CSS选择器有哪些？哪些属机能够继续？
55.CSS优先级算法如何盘算？
56.CSS3有哪些新特征？
57.请诠释一下CSS3的flexbox（弹性盒规划模子）,以及实用场景？
58.用纯CSS竖立一个三角形的道理是什么？
59.罕见的兼容性题目？
60.为什么要初始化CSS款式
61.absolute的containing block盘算体式格局跟一般流有什么差别？
62.CSS里的visibility属性有个collapse属性值？在差别浏览器下今后什么辨别？
63.display:none与visibility：hidden的辨别？
64.position跟display、overflow、float这些特征互相叠加后会如何？
65.对BFC范例(块级花样化高低文：block formatting context)的明白？
66.为什么会涌现浮动和什么时候须要消灭浮动？消灭浮动的体式格局？
67.高低margin重合的题目
68. 设置元素浮动后，该元素的display值是多少？
69.挪动端的规划用过媒体查询吗？
70.CSS优化、进步机能的要领有哪些？
71.浏览器是如何剖析CSS选择器的？
72.在网页中的应当运用奇数照样偶数的字体？为什么呢？
73.margin和padding离别合适什么场景运用？
74.元素竖向的百分比设定是相对于容器的高度吗？
75.全屏转动的道理是什么？用到了CSS的哪些属性？
76.什么是相应式设想？相应式设想的基础道理是什么？如何兼容低版本的IE？
77. 视差转动效果？
78.::before 和 :after中双冒号和单冒号有什么辨别？诠释一下这2个伪元素的作用
79.让页面里的字体变清楚，变细用CSS如何做？
80. position:fixed;在android下无效如何处置惩罚？
81.假如须要手动写动画，你以为最小时候距离是多久，为什么？
82.li与li之间有看不见的空缺距离是什么缘由引发的？有什么处置惩罚方法？
83.display:inline-block 什么时候会显现间隙？
84. 有一个高度自适应的div，内里有两个div，一个高度100px，愿望另一个填满剩下的高度
85.png、jpg、gif 这些图片花样诠释一下，离别什么时候用。有无相识过webp？
86.style标签写在body后与body前有什么辨别？
87.CSS属性overflow属性定义溢出元素内容区的内容会如何处置惩罚?
88.论述一下CSS Sprites
89. 一行或多行文本超越隐蔽

微信小递次开辟（延续更新）

初识小递次
    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.小递次剖析富文本编辑器
小递次罕见bug
    1.域名必需是HTTPS
    2. input组件placeholder字体色彩
    3. wx.navigateTo没法跳转到带tabbar的页面
    4. tabbar在切换时页面数据没法革新
    5.如何去掉自定义button灰色的圆角边框
    6.input textarea是APP的原生组件，z-index层级最高
    7.一段笔墨如何换行
    8.设置最外层标签的margin-bottom在IOS下不见效
    9.小递次中canvas的图片不支持base64花样
    10.回到页面顶部
    11.wx.setStorageSync和wx.getStorageSync报错题目
    12.如何猎取微信群称号？
    13.new Date跨平台兼容性题目
    14.wx.getSystemInfoSync猎取windowHeight不正确
    15.图片当地资本称号，只管运用小写定名

挪动端热点题目

1.1px border题目
2.2X图 3X图适配
3.图片在安卓上，有些装备隐约题目
4.牢固定位规划 键盘盖住输入框内容
5.click的300ms耽误题目和点击穿透题目
6.phone及ipad下输入框默许内暗影
7.防备手机中页面放大和减少
8.flex规划
9.px、em、rem、%、vw、vh、vm这些单元的辨别
10. 挪动端适配- dpr浅析
11.挪动端扩大点击地区
12. 高低拉动转动条时卡顿、慢
13. 长时候按住页面涌现闪退
14. ios和android下触摸元素时涌现半透明灰色遮罩
15. active兼容处置惩罚 即 伪类：active失效
16.webkit mask兼容处置惩罚
17. pc端与挪动端字体大小的题目
18. transiton闪屏
19.圆角bug
20.如何处置惩罚禁用表单后挪动端款式不一致题目？

疾速建站（前后端）框架

1.dedecms（文章展现类）
2.discuz（论坛类网站）
3.ecshop电商类网站
4.PHPEMS测验类网站

前端资本

1.vue教授教养视频

2.微信小递次开辟视频

3.Linux教授教养视频

4.349套自适应模板
5.黑马python全课程解说

6.你不知道的js电子书

7.PHP课程全解说

8.珠峰培训视频

9.小团鱼零基础入门python

10.机械进修

11.React视频进修资本

前端算法

js算法（基础）
    数组去重
    冒泡排序
    疾速排序
    递归
算法进阶（意见意义）
    数组输出A[i]*i
    二进制求1有多少个
    疾速求最大值最小值
    reduce累加器
    疾速反转
    数组扭转
    二分查找
    高阶函数吸收
    冒泡排序（高等）
    保存前三后四位字符（手机号*花样）

事情中经常使用插件

轮播图插件swiper
二级都市插件
三级都市插件
SuperSlide（笔墨滑动效果）
手风琴效果（纯js）
视频播放插件
弹层插件
百度编辑器（大型）
ACE编辑器（轻盈）
上传图片（裁剪功用）
页面加载效果插件（首次加载）
全选、反全选种种效果
京东楼层效果
懒加载