文档说明从基础到难一步步，适合面试和小程序开发。并且有热点框架（vuereactnode.jsfullstack）前端资源和后端视频资源和源码。基于前端进阶和面试需求，总结了常用的插件和js算法，以及html/css和js面试热点Vue面试题生命周期函数面试题1.什么是vue生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪些hooks4.简述每个周期适用于哪些场景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实现路由的懒加载（动态加载路由routes)vue常见面试题1.vue的优势2.vue父组件给子组件传数据？3.子组件像父组件一样传递事件4.v-show和v-if指令的共同点和区别5.如何让CSS只在当前组件起作用6.What是它的功能吗？7、如何获取dom8。告诉我一些vue中的说明及其用法？什么是vue-loader？它的用途是什么？10、为什么要使用key11.axios和安装12.axios来解决跨域13.v-modal使用14.scss安装使用请问vue.cli项目中src目录下的各个文件夹和文件的用法？16.分别简述computed和watch的使用场景17.v-on是否可以监听多个方法18.$nextTick的使用19.为什么vue组件中的数据必须是函数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打包命令是什么？后悔打包导致路径问题，应该修改哪里location.href和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和查询vuemock数据的区别53.vue对通用组件的封装54.vue初始化页面闪退问题55.vue禁止在屏幕滚动后弹出窗口56.vue更新数组时触发视图更新的方法是什么，如何使用？哪些功能场景使用它？2、vuex有哪几种属性？3、不使用Vuex会出现什么问题？4、Vue.js中的ajax请求代码应该写在组件的methods中还是vuex的actions中？5.vuex的一个实例方法6.Vuex中如何异步修改状态7.Vuex中action和mutation的区别Vue项目实战1.悬停在顶部的效果2.电话本列表效果（字母分类在右边上下滑动且旁边字母高亮)3.Vue作为代理4.Vue路由切换时左右滑动效果示例Function5.属性缩写6.方法缩写7.Object.keys()方法,获取对象的所有属性名或方法名8.Object.assign()将原对象的属性和方法合并到目标对象中9.for...of循环10.import和export11.Promise对象12.解构赋值13.set数据结构（可用于快速去重）14.SpreadOperator扩展运算符(...)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做什么，有哪些cycle函数是react的性能优化？）5.指出（组件）生命周期方法的不同react基础面试题1.React中key的作用是什么？2.React中refs的作用是什么？3.React中有3种构建组件的方式4.调用setState后会发生什么？5.reactdiff原理（普遍测试，必须大厂测试）6.为什么建议传给setState的参数是回调，而不是对象7.除了在构造函数中绑定this，还有其他方法吗8.SetStateNo.两个参数的作用9.调用super(props)的目的是什么（在构造函数中）10.简述flux的思想11.React中Element和Component有什么区别？12.描述在React中如何处理事件。13.createElement和cloneElement有什么区别？14.我如何告诉React它应该编译生产版本？15.受控组件和非受控组件有什么区别？React组件面试题1.Presentational组件和Container组件有什么区别？2.Class组件和Functional组件有什么区别？3.（组件的）state和props有什么区别4.什么是受控组件5.什么是高阶组件6.React组件中应该从哪里发起Ajax请求7.react中传递组件值8.什么时候在功能组件（ClassComponent）上使用类组件（FunctionalComponent）？9、受控组件（controlledcomponent）和非受控组件（uncontrolledcomponent）有什么区别？10.React组件如何划分为业务组件和技术组件？redux面试题1.redux中间件2.redux有什么缺点3.你了解redux吗，说说redux比较react性能面试题1.vue和react的区别2.react性能优化方案3.react项目用过什么脚手架4.介绍webpackwebpack5.如果你创建了一个像下面这样的Twitter元素，它的关联类定义会是什么样子？6、为什么我们需要使用React提供的ChildrenAPI而不是JavaScript的map？js面试题1.简述同步和异步的区别2.如何添加、删除、复制、创建和查找节点3.实现一个函数clone，可以在Javascript中执行五种主要数据类型（Number,string,Object,Array,Boolean)tocopy4.如何消除数组中的重复元素5.写一个返回闭包的函数6.用递归完成从1到100的累加7.Javascript有哪些数据类型8.如何判断数据类型9.console.log(1+'2')和console.log(1-'2')的打印结果10.Js的事件委托是什么，原理是什么11.如何改变this指针的指向函数内部12.列举几种解决跨域问题的方法，并说明原理13.谈谈垃圾回收机制和内存管理14.写一个函数清除字符串前后的空格15.有哪些方法JS的继承16.判断一个变量是不是数组，有哪些方法？17.let、const、var有什么区别？18.箭头函数和普通函数有什么区别？原理22.如何进行模块化开发23.异步加载Js有哪些方式？同源限制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.什么是“usestrict”；在javascript代码中是什么意思？使用它有什么区别？41.js懒加载的方法有哪些？42.defer和async43.说说严格模式的限制44.attribute和property有什么区别？45、ECMAScript6中class怎么写，为什么会出现class？46.常见兼容性问题47.功能防抖节流原理48.原始类型有哪些？null是一个对象吗？49.为什么console.log(0.2+0.1==0.3)//false50.说说JS中类型转换的规则？51、深拷贝和浅拷贝有什么区别？如何实现52.如何判断这个？箭头函数53.==和===的this是什么区别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构造函数是同步执行还是异步执行？然后？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有什么区别？jquery中的$.get()提交和$.post()提交有区别吗？83.前端路由的理解？前端路由和后端路由有什么区别？84.手写一个类继承85.XMLHttpRequest:XMLHttpRequest.readyState;状态码的含义86.正则表达式面试常见问题1.给个连字符比如：get-element-by-idintocamelcase2.匹配二进制数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个特殊character27.URL正则化28.Matchfloatbrowser/html/css面试题1.什么是盒模型2.什么是内联元素？什么是块级元素？什么是空（void）元素？内联元素和块级元素有什么区别？3、简述src和href4的区别。什么是cssHack5。什么是优雅降级和渐进增强6。px和em7的区别。HTML5为什么只写8个。Http9的状态码有哪些。一笔交易的过程是怎样的10.HTTPS是如何实现加密的11.浏览器是如何渲染页面的12.浏览器的核心是什么？有代表性的浏览器有哪些？13.导入页面时，使用link和@import有什么区别？14.如何优化图片和图片格式的区别。15.列出你理解的Html5的新特性。Rendering17.列举几种前端性能优化18.如何实现同一个浏览器中多个tab之间的通信19.浏览器的存储技术有哪些20.CSS定位方式21.尽可能多写浏览器服务器兼容性issues22.垂直居中方式23.响应式布局原理25.清除浮动方式26.http协议和tcp协议27.刷新页面，这里一般缓存js请求28.如何更新网站优化文件和资源29.你的理解Web标准和W3C的重要性30.Http和https的区别31.data-attributes的作用32.如何制作Chrome浏览器显示小于12px的文本33.哪些操作会导致页面回流（Reflow）34.CSS预处理器lesssass的比较35.每次打开页面如何清除该页面的缓存36.什么是VirtualDOM和为什么要使用VirtualDOM37.伪元素和伪类的区别38。HTTP的几种请求方式及其区别39。前端应该关注哪些SEO40。.如何优化网站性能43.语义理解44.如何使用HTML5离线存储，能解释一下工作原理吗？45、浏览器如何管理和加载HTML5离线存储资源？46.iframe有什么缺点？47、什么是WEB标准和W3C标准？48.Doctype的作用是什么？如何区分严格模式和混杂模式？他们的意思是什么？49.HTML的全局属性有哪些？50.Canvas和SVG有什么区别？51.如何在页面上实现一个圆形的可点击区域？52、网页验证码是做什么用的，解决什么安全问题？53.请描述cookies、sessionStorage和localStorage的区别？什么是CSS选择器？哪些属性可以继承？55.CSS优先级算法是如何计算的？56、CSS3有哪些新特性？57、请说明CSS3的flexbox（弹性盒布局模型），适用场景？58.纯CSS创建三角形的原理是什么？59.常见的兼容性问题？60.为什么需要初始化CSS样式61.绝对流和普通流的包含块的计算方式有什么区别？62.CSS中的visibility属性有没有collapse属性值？不同浏览器有什么区别？63.display:none和visibility:hidden有什么区别？64.position,display,overflow,float等特性叠加在一起会发生什么？65.BFC规范的理解（块格式化上下文：blockformattingcontext）？66、为什么会出现浮动，什么时候需要清除？清除浮动的方法？67.上下边距重叠。将元素设置为浮动后，元素的显示值是多少？69.你在移动端的布局中使用过媒体查询吗？70.CSS优化和性能提升的方法有哪些？71.浏览器如何解析CSS选择器？72.网页应该使用奇数字体还是偶数字体？为什么？73、margin和padding适用于哪些场景？74.元素的垂直百分比设置是相对于容器的高度吗？75.全屏滚动的原理是什么？使用了CSS的哪些属性？76.什么是响应式设计？响应式设计的基本原则是什么？如何兼容低版本IE？视差滚动效果？78.::before和:after中的双冒号和单冒号有什么区别？解释一下这两个伪元素的作用79.如何用CSS使页面上的字体更清晰、更细？位置：固定；android下如何处理invalid？81.如果需要手工写动画，你认为最小的时间间隔是多长，为什么？82、里与里之间看不见空格是什么原因？解决办法是什么？83.display:inline-block什么时候会显示空隙？有一个自适应性很强的div，里面有两个div，一个高度100px，希望另一个把85的剩余高度填满。png,jpg,gif这些图片格式说明，什么时候用你学过webp吗？86、body后面和body前面写的style标签有什么区别？87、CSS属性overflow属性定义了如何处理溢出元素的内容区域的内容？88.说明CSSSprites中一行或多行文字超过隐藏值开发者工具3.小程序与普通web开发的区别4.小程序大小单位rpx5.样式导入（WeUIfor）6.选择器7.小程序图片高度适配和裁剪问题8.微信小程序长按识别二维码9.给页面添加背景色10.微信小程序获取用户信息11.代码审核发布12.小程序微信认证13.小程序申请微信支付14.小程序目录解构及四种文件类型15.小程序文件范围16.小程序常用组件1.view2.scroll-view3.swiper组件4.movable-view5.cover-view6.cover-image基础小程序的实现17.获取用户信息的授权18.数据绑定19.列表渲染20.条件渲染21.公共模板创建22.事件与事件绑定23.引用24.页面跳转1.wx.switchTab2.wx.reLaunch3.wx.redirectTo4.wx.navigateTo5.wx.navigateBack25。设置tabBar26.页面生命周期27.高级转发分享小程序28.请求后台接口29.HTTP-promise封装30.webview31.获取用户接收地址32.获取位置33.自定义组件34.微信小程序支付问题小程序项目实战35.微信小程序本地数据缓存36.下拉刷新下拉加载37.列表页跳转到详情页（动态修改标题）38.客服电话39.星级组件40.小程序插件使用slot41。模糊查询42。Wxsfiltering43。小程序动画44.基于索引值45的列表渲染。小程序动态修改class46.49.微信小程序优缺点50.小程序双向绑定和vue的区别51.微信小程序中给按钮添加动画52.微信小程序中tab按钮的转换53.微信小程序中引入echarts程序流程55.小程序分析富文本编辑器小程序常见bug1.域名必须为HTTPSinput组件占位符字体颜色wx.navigateTo不能跳转到有tabbar的页面。tabbar切换时无法刷新页面数据。5.自定义按钮的灰色圆角边框如何去除6.inputtextarea是APP原生组件，z-index级别最高7.一段文字如何换行8.设置margin-bottomoftheoutermostlabel在IOS9下不生效。小程序中canvas的图片不支持base64格式10.返回页首11.wx.setStorageSync和wx.getStorageSync报错12.如何获取微信群名？13.NewDate跨平台兼容问题14.wx.getSystemInfoSync获取windowHeight不准确15.图片本地资源名称，尽量使用小写名称手机热点问题1px边框问题2.2X图片3X图片适配3.图片在Android上，有的设备模糊。4.固定定位布局键盘遮挡输入框内容。5.点击延迟300ms，点进问题。6、手机和ipad下输入框默认内阴影。9.px,em,rem,%,vw,vh,vm这些单位的区别移动端适配-dpr分析11.移动端扩展点击区域12上下滚动时卡住慢13页面长按time在ios和android下触摸元素时出现半透明的灰色遮罩。主动兼容处理是一个伪类：主动失效16.webkitmask兼容性处理PC端和移动端字体大小问题Transiton闪屏19.圆角bug20.如何解决禁用后移动端样式不一致的问题形式？js常用插件轮播地图插件二级城市插件三级城市插件文字滑动效果手风琴效果视频播放插件弹出层插件百度编辑器ACE编辑器（轻量级）上传图片（裁剪）页面加载效果全选反向全选多种effects京东落地效果Lazyloading快速建站（全栈）dedecms（累文章）discuz（论坛）ecshop（电商）PHPEMS（考试）
