vue学习笔记-面试题
我爱加班、、
这个作者很懒,什么都没留下…
展开
-
前端面试题:如何实现浏览器跨标签页实时通信
前端跨标签页实时通信指的是在同一个浏览器的不同标签页或窗口之间进行数据通信。这种需求可能在多标签页应用中比较常见,例如,在一个标签页中的行为需要实时更新另一个标签页的数据。原创 2024-04-19 18:27:24 · 344 阅读 · 0 评论 -
在 Vue 2 后台系统中实现短轮询的用户扫码登录功能:
checkLoginStatus` 方法通过 `axios` 发起 GET 请求到服务器检查扫码状态,并根据返回的状态更新前端的显示文本,并在成功或失败时停止轮询。```### 服务器端伪代码服务器端需要实现 `/api/check-login-status` 接口,返回用户扫码的状态:```json。```在这个示例中,我们使用了 Vue 2 的 `data` 来存储登录状态文本和定时器的引用。// 如果扫码超时或出错{ "status": "error"}原创 2024-04-19 00:24:57 · 340 阅读 · 0 评论 -
axios取消频繁请求
在使用 Axios 进行 HTTP 请求时,取消频繁请求是一个重要的优化手段,尤其是在处理如搜索、实时更新等场景时。通过这些方法,你可以有效地控制和取消 Axios 发出的频繁请求,从而提高应用程序的性能和用户体验。你可以在 Axios 中设置请求拦截器,在拦截器中检查是否有重复的请求,并取消之前的请求。方法,可以用来取消请求。你可以在组件的数据中存储这个实例,并在需要时调用。对于频繁触发的事件(如输入事件),可以使用防抖库(如 Lodash 的。: Axios 请求返回一个请求实例,该实例具有。原创 2024-04-16 17:26:08 · 249 阅读 · 0 评论 -
fetch取消频繁请求
在前端开发中,取消频繁的请求是一个常见的需求,尤其是在用户输入搜索关键词时,我们希望避免在每次按键时都发送请求,从而减轻服务器的压力并提升用户体验。: 防抖是一种限制函数频繁执行的技巧,只有当一定时间内没有新的执行请求时,才会执行函数。如果你的应用程序使用了状态管理工具(如Vuex或Redux),你可以在状态管理器中管理请求的状态,并在需要时取消请求。或其他HTTP库发送请求时,你可以存储请求的引用,并在发送新请求前取消之前的请求。这段代码将确保只有在用户停止输入300毫秒后,才会发送一次搜索请求。原创 2024-04-16 17:21:17 · 628 阅读 · 0 评论