0
点赞
收藏
分享

微信扫一扫

2022/2/18-2022/2/23

alanwhy 2022-02-24 阅读 93

2022/2/18
今天看到了一个很好的博客:https://wudan.blog.csdn.net/article/details/121909047?spm=1001.2014.3001.5502
有关于promise的,我自己去尝试写接口试试

就是说resolve(subList) 那么res就是subList啊。没有res.subList

vue 每隔几秒刷新请求一次接口:(vue项目实现每隔一段时间刷新当前页面)例子:
https://blog.csdn.net/Ares0412/article/details/109010630
在beforeDestory的生命周期下清除掉定时器。
setTimeout自带清除定时器,setInterval没有。

还差保存数据接口以及刷新数据的方法没写。

MVVM与MVC的区别就在于,MVVM实现了双向数据绑定。

v-for和v-if不能一起用就是因为v-for的优先级比v-if高,而这样会渲染出一些不符合v-if条件的。
它们放在一起会影响渲染。

学习vue:https://wudan.blog.csdn.net/article/details/121809712?spm=1001.2014.3001.5502

通过添加rlist来保存list数据,减少请求次数。

对象新属性无法更新视图:https://www.cnblogs.com/songkaikai/p/14144194.html

vue指令 v-指令 ,包括v-permission:https://www.cnblogs.com/lzq035/p/14183553.html

很多机制都是为了高效地渲染dom,减少渲染,比如key值不选择index,通过对比就会发现why,
用index的话,对数组进行增删改都会增加很多不必要的渲染,不利于提高性能。
https://wudan.blog.csdn.net/article/details/121809712?spm=1001.2014.3001.5502

回调函数的this跟外部函数的this是一样滴。
比如this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …里的this取值,与this.nextTick的取值是一样滴
})

总算知道vue.nextTick是什么意思了,也知道为什么要立即执行回调函数了,因为异步机制,数据更新后
通过视图拿不到最新数据,为了能够获取最新数据,通过nextTick可以拿到:
vue.nextTick https://juejin.cn/post/7012812590032093197
可以拿到最后一次修改dom的结果数据。

nextTick能拿到是因为它在tick与tick之间,而tick与tick之间正是异步。(tick是同步,两个tick是
两个同步任务之间,按js事件机制可以理解)

mock.js就是为了拿到虚拟的data。data当然也是自己制造的,看这个就好了。
https://juejin.cn/post/7022289809599103013

其实我以前一直看不懂mock.js,后来是我自己先写了个promise,resolve模拟后端传递过来的data,
然后前端通过await promise拿到结果。后面我发现了,就是
resolve 和 return request那些是一样的,所以说,
我们前端其实想拿到的,且与我们有关的,无非就是data罢了。

而mock.js就完成了虚拟data这一步。https://juejin.cn/post/7022289809599103013
(这个mock讲得很好我已经看懂啦)
用mock的好处就是说以后都不用改代码了。

看文章吧:
https://juejin.cn/post/6974293549135167495

所谓的request,不过是包裹在promise外层罢了:
const request = (url, params) => {
return new Promise((resolve, reject) => {
// …do something
})
}

async和await虽然好用,但是不能处理出错,如果处理出错还要用try,catch,那还不如用原来的.then算了。

就是说用了之后,因为组件们都在同一个.vue文件里,所以都不用考虑传值的问题了~

回流和重绘我去看了一下,虽然我也不知道学这个有什么用。但是嘛,总算是知道是什么意思了。
回流就是会影响布局的话就会执行一次回流,重绘的话就是样式发现了变化,但这个变化不会影响布局。
什么影响布局呢?我们知道,假设整个页面是一个盒子,那么一个页面的宽度和高度就是由它的大小填充起来的,
自然而然,border啥的都会影响布局。
比如给盒子变大,那么页面布局会发现变化,所以这就是回流。比如给盒子增加边框,那么布局会发现变化,
这也是回流。

还有节流和防抖。我看了一下,感觉防抖就是用来节约请求的。
节流是来控制触发的。
换句话来理解节流,就是说不断你如何频繁地触发某事件,都不会影响最后结果。
比如射箭游戏的时候,哪怕疯狂点击射箭按钮,它也在一段时间内只接受一次,不会因为点击多就会快。
比如你前面的人在刷卡过闸机,他还没过闸机,哪怕你再怎么刷卡你都进不了。

准确来说,节流就是在某段时间内你做触发事件是无效的。
除非排在你前面的人已经结束触发了。

因此,节流需要封装一个函数,这个函数就是前面的人做的。

有些东西再怎么去死记硬背都不如去用,去实际场景应用。比如localstorage,我之前用它来存显示在视图的
数据,关掉页面后回来,数据还在,当我用了sessionstorage的时候就不会了,关闭会话窗口后它就被销毁了。
而像cookie的话,它是前后端都可以用的。

因为只要cookie里有数据,每次请求都会携带cookie,所以经常就是用cookie去存储token(现在终于知道
为什么要用cookie了)

cookie,sessionstorage,localstorage的意思就是这样:https://blog.csdn.net/hangnan315/article/details/118652939

看了这个输入与输出的对比好像有点知道什么是Object.defineProperty了:
https://blog.csdn.net/weixin_43882226/article/details/119891527

2022/2/23
表单校验 :model,:ref取值要一样

传递给后端比如说post请求传递参数,query,是要用对象的形式传的,因为后端的参数解析用的是json解析。
export function getsearchList (pageParams,queryParams){
return request.requestGet(/xxr/cxxy/${pageParams.pageSize}/${pageParams.pageNo},queryParams);

};
这里后端要的其实是queryParams.codes,也就是字符串,但是需要queryParams传递,而不是直接用codes传递

最近一直忙着开发所以没有时间更新了。

举报

相关推荐

2022/2/23

2022-2-18

2022-2-23 C语言

2022/2/14 1:23开始

2022/2/24-2022/3/2

2022/3/2

2022/2/15

2022/2/7

2022/2/5

2022/4/2

0 条评论