文档描述1.

本文是关注微信小程序的开发和面试问题，由基础到困难循序渐进，适合面试和开发小程序。并有热点框架（vuereactnode.js全栈）前端资源以及后端视频资源和源码并基于前端进阶和面试的需求总结了常用插件和js算法以及html/css和js热点面试题

文档答案Vue面试题生命周期函数面试题2.

1.什么是vue生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解？

vue路由面试题3.

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常见面试题4.

1.vue优点2.vue父组件向子组件传递数据？3.子组件像父组件传递事件4.v-show和v-if指令的共同点和不同点5.如何让CSS只在当前组件中起作用6.keep-alive/keep-alive的作用是什么?7.如何获取dom8.说出几种vue当中的指令和它的用法？9.vue-loader是什么？使用它的用途有哪些？10.为什么使用key11.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.vueslot43.你们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.vuemock数据53vue封装通用组件54.vue初始化页面闪动问题55.vue禁止弹窗后的屏幕滚动56.vue更新数组时触发视图更新的方法57.vue常用的UI组件库58.vue如何引进本地背景图片59.vue如何引进sass60.vue修改打包后静态资源路径的修改

vuex常见面试题5.

1.vuex是什么？怎么使用？哪种功能场景使用它？2.vuex有哪几种属性3.不使用Vuex会带来什么问题4.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中？5.vuex一个例子方法6.Vuex中如何异步修改状态7.Vuex中actions和mutations的区别

vue项目实战6.

1.顶部悬停效果2.电话本列表效果（右边字母分类上下滑动旁边字母显示高亮）3.vue做代理4.Vue路由切换时的左滑和右滑效果示例

ES6面试题ES6新增方法面试题7.

1.letconstvar比较2.反引号（`）标识3.函数默认参数4.箭头函数5.属性简写6.方法简写7.Object.keys()方法，获取对象的所有属性名或方法名8.Object.assign()原对象的属性和方法都合并到了目标对象9.for...of循环10.import和export11.Promise对象12.解构赋值13.set数据结构（可用于快速去重）14.SpreadOperator展开运算符(...)15.字符串新增方法

ES6数组面试题8.

1.forEach()2.map()3.filter()4.reduce()5.some()6.every()7.all()方法

ES6编程题9.

1.使用解构，实现两个变量的值的交换2.利用数组推导，计算出数组[1,2,3,4]每一个元素的平方并组成新的数组。3.使用ES6改下面的模板4.把以下代码使用两种方法，来依次输出0到9？

react面试题react生命周期面试题10.

1.react生命周期函数2.react生命周期中，最适合与服务端进行数据交互的是哪个函数3.运行阶段生命周期调用顺序4.shouldComponentUpdate是做什么的，（react性能优化是哪个周期函数？）5.指出(组件)生命周期方法的不同

react基础面试题11.

1.React中keys的作用是什么？2.React中refs的作用是什么？3.React中有三种构建组件的方式4.调用setState之后发生了什么？5.reactdiff原理（常考，大厂必考）6.为什么建议传递给setState的参数是一个callback而不是一个对象7.除了在构造函数中绑定this，还有其它方式吗8.setState第二个参数的作用9.(在构造函数中)调用super(props)的目的是什么10.简述flux思想11.在React当中Element和Component有何区别？12.描述事件在React中的处理方式。13.createElement和cloneElement有什么区别？14.如何告诉React它应该编译生产环境版本？15.ControlledComponent与UncontrolledComponent之间的区别是什么？

react组件面试题12.

1.展示组件(Presentationalcomponent)和容器组件(Containercomponent)之间有何不同2.类组件(Classcomponent)和函数式组件(Functionalcomponent)之间有何不同3.(组件的)状态(state)和属性(props)之间有何不同4.何为受控组件(controlledcomponent)5.何为高阶组件(higherordercomponent)6.应该在React组件的何处发起Ajax请求7.react中组件传值8.什么时候在功能组件(ClassComponent)上使用类组件(FunctionalComponent)？9.受控组件(controlledcomponent)与不受控制的组件(uncontrolledcomponent)有什么区别？10.react组件的划分业务组件技术组件？

redux面试题13.

1.redux中间件2.redux有什么缺点3.了解redux么，说一下redux把

react性能比较面试题14.

1.vue和react的区别2.react性能优化的方案3.React项目用过什么脚手架4.介绍一下webpackwebpack5.如果你创建了类似于下面的Twitter元素，那么它相关的类定义是啥样子的？6.为什么我们需要使用React提供的ChildrenAPI而不是JavaScript的map？

js面试题15.

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代码中的”usestrict”;是什么意思?使用它区别是什么？41.js延迟加载的方式有哪些？42.defer和async43.说说严格模式的限制44.attribute和property的区别是什么？45.ECMAScript6怎么写class么，为什么会出现class这种东西?46.常见兼容性问题47.函数防抖节流的原理48.原始类型有哪几种？null是对象吗？49.为什么console.log(0.2+0.10.3)//false50.说一下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.正则表达式常见面试题

16.

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面试题17.

1.什么是盒模型2.行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内元素和块级元素有什么区别？3.简述src和href的区别4.什么是cssHack5.什么叫优雅降级和渐进增强6.px和em的区别7.HTML5为什么只写8.Http的状态码有哪些9.一次完整的HTTP事务是怎么一个过程10.HTTPS是如何实现加密11.浏览器是如何渲染页面的12.浏览器的内核有哪些？分别有什么代表的浏览器13.页面导入时，使用link和@import有什么区别14.如何优化图像，图像格式的区别15.列举你了解Html5.Css3新特性16.可以通过哪些方法优化css3animation渲染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预处理器的比较lesssass35.如何实现页面每次打开时清除本页缓存36.什么是VirtualDOM,为何要用VirtualDOM37.伪元素和伪类的区别38.http的几种请求方法和区别39.前端需要注意哪些SEO40.的title和alt有什么区别41.从浏览器地址栏输入url到显示页面的步骤42.如何进行网站性能优化43.语义化的理解44.HTML5的离线储存怎么使用，工作原理能不能解释一下？45.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢46.iframe有那些缺点？47.WEB标准以及W3C标准是什么?48.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?49.HTML全局属性(globalattribute)有哪些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的containingblock计算方式跟正常流有什么不同？62.CSS里的visibility属性有个collapse属性值？在不同浏览器下以后什么区别？63.display:none与visibility：hidden的区别？64.position跟display、overflow、float这些特性相互叠加后会怎么样？65.对BFC规范(块级格式化上下文：blockformattingcontext)的理解？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.阐述一下CSSSprites89.一行或多行文本超出隐藏

微信小程序开发（持续更新）18.

​

初识小程序19.

1.注册小程序2.微信开发者工具3.小程序与普通网页开发的区别4.小程序尺寸单位rpx5.样式导入（WeUIfor）6.选择器7.小程序image高度自适应及裁剪问题8.微信小程序长按识别二维码9.给页面加背景色10.微信小程序获取用户信息11.代码审核和发布12.小程序微信认证13.小程序申请微信支付14.小程序的目录解构及四种文件类型15.小程序文件的作用域16.小程序常用组件1.view2.scroll-view3.swiper组件4.movable-view5.cover-view6.cover-image

小程序基础20.

17.授权得到用户信息18.数据绑定19.列表渲染20.条件渲染21.公共模板建立22.事件及事件绑定23.引用24.页面跳转1.wx.switchTab2.wx.reLaunch3.wx.redirectTo4.wx.navigateTo5.wx.navigateBack25.设置tabBar26.页面生命周期27.转发分享

小程序高级21.

28.request请求后台接口29.http-promise封装30.webview31.获取用户收货地址32.获取地里位置33.自定义组件34.微信小程序支付问题

小程序项目实战22.

35.微信小程序本地数据缓存36.下拉刷新和下拉加载37.列表页向详情页跳转（动态修改title）38.客服电话39.星级评分组件40.小程序插槽的使用slot41.模糊查询42.wxs过滤43.小程序动画44.列表根据索引值渲染45.小程序动态修改class46.小程序常用框架47.参数传值的方法48.提高小程序的应用速度49.微信小程序的优劣势50.小程序的双向绑定和vue的区别51.微信小程序给按钮添加动画52.微信小程序的tab按钮的转换53.微信小程序引进echarts54.APP打开小程序流程55.小程序解析富文本编辑器

小程序常见bug23.

1.域名必须是HTTPS2.input组件placeholder字体颜色3.wx.navigateTo无法跳转到带tabbar的页面4.tabbar在切换时页面数据无法刷新5.如何去掉自定义button灰色的圆角边框6.inputtextarea是APP的原生组件，z-index层级最高7.一段文字如何换行8.设置最外层标签的margin-bottom在IOS下不生效9.小程序中canvas的图片不支持base64格式10.回到页面顶部11.wx.setStorageSync和wx.getStorageSync报错问题12.如何获取微信群名称？13.newDate跨平台兼容性问题14.wx.getSystemInfoSync获取windowHeight不准确15.图片本地资源名称，尽量使用小写命名

移动端热点问题24.

1.1pxborder问题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.webkitmask兼容处理17.pc端与移动端字体大小的问题18.transiton闪屏19.圆角bug20.如何解决禁用表单后移动端样式不统一问题？

js常用插件25.

轮播图插件二级城市插件三级城市插件文字滑动效果手风琴效果视频播放插件弹层插件百度编辑器ACE编辑器（轻巧）上传图片（裁剪）页面加载效果全选反选各种效果京东楼层效果懒加载

快速建站（全栈）26.

dedecms（文章累）discuz（论坛）ecshop（电商）PHPEMS（考试）

前端资源27.

a.vue教学视频

28.

b.微信小程序教学视频c.Linux教学视频d.349套自适应模板e.黑马Python全讲解f.你不知道的电子书g.PHP课程全讲解h.珠峰培训视频i.小甲鱼pythhon视频j.机器学习

29.

k.React教学视频