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

chrome 的渲染机制很特别还是我使用 Vue 的方式不对

  •  
  •   abcbuzhiming · 2017-04-01 18:00:48 +08:00 · 1901 次点击
    这是一个创建于 2828 天前的主题,其中的信息可能已经有所发展或是发生改变。
    这两天研究 Vue2.0 ,完全按照官方文档来的,结果发现一个很奇怪的现象:
    当界面上涉及比较多的值, Dom 也比较多的时候, Chrome 及其其它国产 webkit 浏览器打开页面时,有很明显的,页面先渲染出来,然后值发生改变的现象,比如 v-mode 绑定一个 textarea ,可以很明显的看到 textarea 先渲染到页面,是空的,然后被赋予了值。但是火狐和 IE11 却很正常,渲染出来值就是好的。
    这个现象要能出现的前提条件是 Dom 比较多, Vue 里的计算值也比较多的时候,少了不明显,越多越明显,明显感到 chrome 和其它浏览器的渲染机制不同一样
    3 条回复    2017-04-02 21:22:27 +08:00
    ck65
        1
    ck65  
       2017-04-01 18:12:18 +08:00 via iPhone
    你需要 v-cloak
    mokeyjay
        2
    mokeyjay  
       2017-04-01 18:15:11 +08:00 via Android
    网络卡的时候访问阿里云官网也有类似现象
    abcbuzhiming
        3
    abcbuzhiming  
    OP
       2017-04-02 21:22:27 +08:00
    @ck65 你自己去试验一下好吗, v-cloak 根本没用,我现在倾向于这个问题是 chrome 特有的,它的渲染机制似乎和别的浏览器不一样
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2291 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 01:51 · PVG 09:51 · LAX 17:51 · JFK 20:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.