- 博客(7)
- 收藏
- 关注
原创 前端两次请求接口时,第二次请求返回比第一次请求快,怎么办
本文探讨了前端异步请求竞态问题:当两次请求顺序与响应顺序不一致时,可能导致错误数据覆盖。典型场景是切换tab页时,后发请求先返回会覆盖先发请求的数据。解决方案是为每个请求添加唯一标识,响应时判断是否为最新请求,忽略过期结果。具体实现使用自增ID标记请求,响应时对比当前ID与最新ID,仅处理匹配结果。这种方法确保始终渲染最新请求的数据,有效解决竞态问题。
2025-10-28 20:52:51
277
原创 发布订阅模式
也被称为观察者模式,是一种软件设计模式。它定义了对象之间的一对多依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都会得到通知并被自动更新。(Event Channel):维护事件和订阅者之间的关系,当发布者发布事件时,调度中心会调用所有订阅了该事件的订阅者的回调函数。(Publisher):负责发布事件,当某个事件发生时,会通知所有订阅了该事件的订阅者。(Subscriber):订阅某个事件,并定义事件发生时的回调函数。发布-订阅模式的优点是可以。
2024-03-11 16:27:56
392
1
原创 文件的下载
使用axios.post进行接口的调用,使用a标签进行文件的下载,由于直接点击a标签会造成页面跳转,所以在接口调用成功后创建a标签进行下载
2022-06-08 21:21:03
114
1
原创 css滚动条样式修改
HTML代码:<div class="element"> 内容</div>CSS代码:.element{ overflow-y: scroll; overflow-x: hidden;}/* 修改滚动条样式 */.element::-webkit-scrollbar { width: 3px;}/*滚动条本身样式*/.element::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-b
2021-07-23 11:33:14
92
原创 Vue的指令简介
v-html和v-text这两个指令可以改变绑定的元素的标签内容,v-html相当于js中的innerHTML,v-text相当于js中的innerTEXT。v-show和v-if-相同点:二者都可以隐藏元素。-不同点:v-show切换元素的display属性控制元素显示或隐藏,v-if是直接在页面销毁这个元素来达成隐藏效果,想要显示元素就要重新渲染。v-if,v-else-if,v-else这指令是根据条件是否成立来渲染元素,需要注意的是,绑定v-else-if指令的元素前面的兄弟
2021-06-23 20:35:44
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅