2019年11月_Sunshine_xue

原创小程序(试题)全局配置，生命周期，Component,组件通信，behavior,template,wxs

全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象,属性有：pages 页面路径列表window 全局的默认窗口表现style 指定使用升级后的weui样式等等请看官方详细文档小程序全局配置生命周期onLoad 监听页面加载onReady 监听页面初次渲染完成onShow ...

2019-11-26 00:46:43 353

原创面试题(7)函数防抖和函数节流,什么是事件委托为什么要用事件委托,原生中的window. onload和jQuery中的 ready函数 $(function(){})

函数防抖和函数节流函数防抖函数防抖：就是当你触发事件后在n秒内函数只能执行一次，如果n秒后又触发了事件，就会终止前一次，重新计算函数执行时间打个比方，坐公交，司机需要等最后一个人进入才能关门。每次进入一个人，司机就会多等待几秒再关门应用场景：连续的事件，只需触发一次回调的场景有1.搜索框搜索输入。只需用户最后一次输入完，再发送请求2.手机号、邮箱验证输入检测3.窗...

2019-11-22 11:58:14 253

原创面试题(6)手写promise封装ajax请求，在地址栏输入网址敲回车发生了什么？，什么是BFC？什么情况下触发BFC

(1)手写promise封装ajax请求 <script type="text/javascript"> var ajaxOptions = { url: 'url', //发送到服务器端的url method: 'GET', //GET/POST async: true, //异步为true，同步为false data: null, //数据 da...

2019-11-22 10:25:08 169

原创面试题(5)详述虚拟DOM中的diff算法,swiper图片不动解决,子组件能不能修改父组件传递过来的数据

详述虚拟DOM中的diff算法swiper获取数据、css都没有问题，但是图片不动，应该怎么解决原因：就是swiper在请求数据之前就已经渲染出来了，然后没有数据，就相当于一个没有图片的轮播。就像我的才华一样，吊用没有。解决方案：第一种：this.$nextTick()这个方法放在生命周期里面，在DOM渲染完毕之后执行回调函数。可以在这里初始化swiper。就像我的脑子一样，发生之后再...

2019-11-21 20:47:27 240

原创面试题(4)vue-router实现原理, Vue响应式原理,解决404问题

(1)vue-router实现原理vue-router提供三种路由模式1.hash模式默认模式，通过路径中的hash值来控制路由跳转，不存在兼容问题hash模式实现原理在正常路径后跟一个 # 号，匹配 # 后边的路径为前端路由，通过window.onhashchange方法来操控路由改变的时候切换内容2.history模式H5新增的 history API，相对hash而言，不会显示...

2019-11-21 20:39:25 781

原创面试题（3）对MVC,MVVM,MVP的理解,组件通信,常见的解决跨域的方式

position有几种取值，分别是什么意思？position有四种取值：static:静态定位，是position属性的默认值，表示无论怎么设置top,bottom,right,left属性元素的位置（与外部位置都不会发生改变）relative:相对定位，表示用top,bottom,right,left属性可以设置元素相对于初始位置的相对位置absolute:绝对定位，表示用top,bo...

2019-11-21 20:24:42 210

原创面试题（2）v-show和v-if区别,vue中的key的作用,assets和static的区别,computed 和 methods的区别 computed 和 watch的区别

v-show和v-if区别v-show判断显示隐藏，只是简单的切换display，适合频繁切换v-if判断dom，条件很少时运用vue中的key的作用key就是唯一标识，运用Diff算法就可以正确的识别此节点，然后找到正确的位置区插入新的节点。assets和static的区别相同点assets和static都是存放静态资源文件。项目中的文件图片，字体图标，样式文件等都可以放在这两个...

2019-11-21 20:00:49 293

原创面试题(1)简述vuex工作流程，vue-router导航守卫（钩子函数），详述keep-alive组件

简述vuex工作流程1.从API中拿数据，就会牵扯到异步操作，所以我们把异步操作定义在axtion中2.在组件触发一个action,action里面有一个ajax请求，去请求后端的一个接口3.用commit提交一个mutation拿到数据以后我们只需要改变state中的状态4.状态改变后vuex视图就会改变（因为vuex是响应式的）vue-router导航守卫（钩子函数）...

2019-11-21 19:55:53 1222

原创 vue解决跨域方案

什么是跨域跨域是指浏览器不允许当前页面所在源去请求另一个源的数据。源是指协议，端口，域名。只要这3个中有一个不同就是跨域协议跨域http://a.baidu.com访问https://a.baidu.com；端口跨域http://a.baidu.com:8080访问http://a.baidu.com:80；域名跨域http://a.baidu.com访问http://b.baid...

2019-11-12 13:56:23 176

原创 axios调取接口写分页器

用Element样式写分页器 <el-pagination @size-change="handleSizeChange" // @current-change="handleCurrentChange" // :page-sizes="[5, 10, 15, 20]" :page-size="10" ...

2019-11-11 09:48:20 660

原创本地存储 (vuex，token持续有效)

本地存储 (vuex，token持续有效)我这里用的是封装的loca.js(localStorage的方法)文件js放在src的里面和app.vue同级export default{ //存储 save(key,val){ localStorage.setItem(key,JSON.stringify(val)) ...

2019-11-10 20:11:10 675

原创 axios的封装

都是在src下创建文件第一：创建config文件内设index.js 封装固定路由接口 const config={ baseUrl:'路由地址' //baseUrl 封装的路由名称 } export default config第二：创建utils文件内设index.js 接口的包装 import config fro...

2019-11-09 10:22:23 211

我们先了解一下什么是跨域要了解跨域，就要先说说同源策略。同源策略是由Netscape公司提出的一个著名的安全策略。所有支持Javascript的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当页面在执行一个脚本时会检查访问的资源是否同源，如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问解决跨域首先：找到config文件下的index.js，其次找到ind...

2019-11-09 10:09:34 274

原创 $nextTick的使用

什么是$nectTick呢？它就是用来知道什么时候DOM更新完成的实例有一个div，默认使用v-if（或者v-show都是可以的）将其隐藏，定义v-if的默认状态为false，点击一个按钮，改变v-if定义的值，让它显示并且拿到div内的内容上代码<div id="app"> <div id="div" v-if="showDiv">hello</d...

2019-11-09 09:38:39 609

Sunshine_GirlXue的博客