自己用ts写的单页应用是等页面上所有子请求块请求完了再刷新这样 f5 感觉有明显空断

ProjectDD 2019-06-28 02:28:34

我自己用ts写的单页应用是等页面上所有子请求块请求完了再刷新这样 f5 感觉有明显空断，体验和普通站不一样，这个怎么办

我刷新的时候，是根窗口全部重置的

我没用 3大框架直接就ts

构成一个页面可能有很多服务请求，去填充页面上的不同区域，要等所有这些区域返回后才刷新感觉比较慢
这个有什么好的方案没

...全文

350 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

HQChart 2019-06-29

打赏
举报

回复

做一个骨架，刚开始把骨架显示出来。这样体验会好点。

ProjectDD 2019-06-28

打赏
举报

回复

如果是请求一个事件可以是局部更新，但整个页面请求的时候不是我设计的是等所有请求完成事再改dom树

風灬雲 2019-06-28

打赏
举报

回复

为什么不用局部刷新，每个模块单独更新数据

在做vue项目的过程中有时候会遇到一个问题,就是进行F5页面刷新的时候,页面的数据会丢失,这篇文章主要给大家介绍了关于Vue刷新后页面数据丢失问题的解决过程,需要的朋友可以参考下！值得注意的是：Vuex ----状态管理模式 + 库相当于共享仓库，方便任何组件直接获取和修改。state - 数据【存项目共享状态，是响应式的，store的数据改变，所有依赖此状态的组件会更新】$store.state.countmutations - 方法【同步函数，只建议在这个地方修改数据】inc(state, 参数

用vue写pc端项目，用vuex来做全局的状态管理，发现当刷新网页后，保存在vuex实例store里的数据会丢失。 1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。 2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation来改变一种是将state里的数据保...

作者：@whinc链接：https://github.com/whinc/blog/issues/13在单页应用如此流行的今天，曾经令人惊叹的前端路由已经成为各大框架的基础标配，每个框架都提供了强大的路由功能，导致路由实现变的复杂。想要搞懂路由内部实现还是有些困难的，但是如果只想了解路由实现基本原理还是比较简单的。本文针对前端路由主流的实现方式 hash 和 history，提供了原生JS/Rea...

单页应用程序SPA）是一个基于 HTML 的应用程序，其中 HTML 由在浏览器中运行的代码更改，而不是向服务器发出新请求并从头开始呈现新的 HTML 页面。SPA 能够通过用新的 HTML 替换完整的页面区域来模拟多页面体验。SPA 框架是专门设计用于实现单页应用程序的框架。在 WebAssembly 出现之前，所有的 SPA 框架都是基于 JavaScript 的。最著名的基于 JavaScript 的 SPA 框架是 Angular、React.js 和 Vue.js。

htmltable {th, td {th {pre {简介：自动刷新网页专用工具软件是一款专为实时监控网页内容变化而设计的应用程序，支持定时刷新、间隔刷新和事件触发刷新等多种模式，广泛应用于订单状态跟踪、动态数据监控、SEO优化及服务器负载测试等场景。该工具包含安装程序与多份详细文档，涵盖使用指南、升级说明、购物提醒配置、IP刷新策略、关键词热度提升和PV流量测试等功能，帮助用户高效实现网页自动化操作，适用于个人用户与企业级应用。

87,995

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章