V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
NoKey
V2EX  ›  前端开发

请教前辈,如何不让用户看见而更新页面数据

  •  
  •   NoKey · 2019-03-08 22:56:15 +08:00 · 2456 次点击
    这是一个创建于 1875 天前的主题,其中的信息可能已经有所发展或是发生改变。
    做一个 app 发布页面,要显示 app 的最新版本
    app 的版本是从后台返回回来的
    页面加载好的那一下,能看到版本从没有变成有
    如果我默认写个 1.0,返回回来的是 2.0,也能看到从 1.0 变成 2.0
    请问一下,这个怎么处理呢?
    用的 jquery,其他没有用
    如何让用户看不见这个更新过程呢?
    不能手动静态的写这个版本吧。
    谢谢
    10 条回复    2019-03-10 21:44:41 +08:00
    jugelizi
        1
    jugelizi  
       2019-03-08 22:58:58 +08:00
    难道不能先隐藏再显示吗
    JasonQs
        2
    JasonQs  
       2019-03-08 23:01:40 +08:00 via Android
    版本信息上 cdn
    Perry
        3
    Perry  
       2019-03-08 23:38:44 +08:00 via iPhone
    数据没在那只能先不显示版本或是显示个 spinner
    版本这个前端弄个 build pipeline 提前注入进去是最推荐的
    SuperMild
        4
    SuperMild  
       2019-03-09 00:21:13 +08:00
    按理说,你默认写 “”, 就能看到从空字符串变成 2.0 了,相当于直接出现 2.0
    overwhats
        5
    overwhats  
       2019-03-09 10:23:53 +08:00
    默认隐藏,请求成功再$().show();
    NoKey
        6
    NoKey  
    OP
       2019-03-10 21:29:01 +08:00
    @SuperMild 有一个变得过程,就是页面一打开,显示的是空白,然后很快变成 2.0,这个过程,肉眼能看到
    NoKey
        7
    NoKey  
    OP
       2019-03-10 21:32:22 +08:00
    @jugelizi 先隐藏再显示,也会看到一个过程,显示空白的,然后显示出来。希望做到的是,页面一显示出来,就已经有版本信息了,很多软件的下载页面,就是打开就显示版本,比如 node.js 的下载页面,这种应该不是静态写到页面上的吧
    NoKey
        8
    NoKey  
    OP
       2019-03-10 21:32:47 +08:00
    @JasonQs 应该跟网速无关,我测试的时候是从局域网服务器拿数据
    jugelizi
        9
    jugelizi  
       2019-03-10 21:41:40 +08:00
    。。。。整个页面都先 display:none 后台返回处理好再把页面整个显示
    SuperMild
        10
    SuperMild  
       2019-03-10 21:44:41 +08:00
    很久没研究前端了,我记得以前只要把 JS 全部放在 head 里面,理论上就会先加载全部数据再加载 body 的 html 内容。你可以研究以下看怎样让渲染版本那里,及早让 js 先处理完。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3620 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 04:30 · PVG 12:30 · LAX 21:30 · JFK 00:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.