2021年2月23日
vue之子组件访问父组件的方法
摘要： 假设这是父组件 father <template> <div> <Child /> </div> </template> <script> import Child from './child' export default { components:{ Child }, data() { retu 阅读全文
posted @ 2021-02-23 15:03 zoo-x 阅读(203) 评论(0) 推荐(0)
vue之$nextTick
摘要： vue中的dom更新是异步的,参考下面的例子: <template> <div> <div style="width: 20vw; height: 10vw; border: 1px solid #000000" @click="updateData" ref="box" > {{ msg }} < 阅读全文
posted @ 2021-02-23 14:26 zoo-x 阅读(63) 评论(0) 推荐(0)
2021年2月20日
从输入URL到页面加载发生了什么
摘要： 1.浏览器校验url是域名还是文本内容,如果是文本内容会交给搜索引擎去处理 2.url通过校验,浏览器去查找当前url是否在本地有缓存,如果本地有缓存且缓存未过期,直接打开缓存里的静态资源,如果缓存过期了,会重新向服务器发送请求 3.如果url没有缓存,则会先去本地hosts文件去查找是否有对应的规 阅读全文
posted @ 2021-02-20 14:39 zoo-x 阅读(165) 评论(0) 推荐(0)
小程序登录流程
摘要： 这里只说前端部分需要做的事 1.调用小程序的login方法登录获取code 2.调用开发服务器上的登录接口,把code传过去 3.开发服务器返回token 4.客户端保存token,并放在请求头里携带 5.如果token失效,重新调用小程序login方法获取code,并调用开发服务器的登录接口把co 阅读全文
posted @ 2021-02-20 14:11 zoo-x 阅读(589) 评论(0) 推荐(0)
浏览器缓存
摘要： 1.缓存的对象是静态资源(js，css,图片，字体文件等) 2.缓存分为强制缓存和协商缓存 3.强制缓存每次请求都会重新去服务器拿资源 4.协商缓存 第一次向服务器发送请求，服务器返回资源和缓存规则 浏览器把资源和缓存规则，缓存标识保存到本地 后续请求，浏览器先在缓存里找是否有对应缓存标识的资源，并 阅读全文
posted @ 2021-02-20 12:09 zoo-x 阅读(33) 评论(0) 推荐(0)
2021年2月19日
vue动态组件
摘要： 如果我们不想让也面初始化的时候就加载所有的组件，就会用到动态组件 常用的场景是多tab的页面，每一个tab是一个组件这种 示例1：这是没有使用动态组件的时候 <template> <div> <button @click="check">{{ !show ? "展示组件" : "隐藏组件" }}</ 阅读全文
posted @ 2021-02-19 17:13 zoo-x 阅读(96) 评论(0) 推荐(0)
axios使用拦截器实现请求loading
摘要： <template> <div> <button @click="fetch">开始请求</button> <div v-if="loading">正在加载...</div> </div> </template> <script> import axios from "axios"; import 阅读全文
posted @ 2021-02-19 16:22 zoo-x 阅读(49) 评论(0) 推荐(0)
vue的data为什么是一个函数
摘要： 代码示意: 比如说有一个组件count.vue: <template> <div> <button @click="change(1)">加一</button> <input type="text" v-model="num" /> <button @click="change(-1)">减一</b 阅读全文
posted @ 2021-02-19 15:33 zoo-x 阅读(101) 评论(0) 推荐(0)
vue2更改数组视图不更新
摘要： <div v-for="item in list" :key="item">{{item}}</div> <button @click="arrayChange">改变数组内容</button> <button @click="arrayLengthChange">改变数组长度</button> < 阅读全文
posted @ 2021-02-19 15:00 zoo-x 阅读(35) 评论(0) 推荐(0)
promise解决异步调用
摘要： 1.promise 的使用场景和使用 function first() { let name = "小黑"; return name; } function second() { let age = 18; return age; } console.log(`${first()}的岁数是${sec 阅读全文
posted @ 2021-02-19 11:22 zoo-x 阅读(110) 评论(0) 推荐(0)