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

2017-04-01 18:00:48 +08:00
 abcbuzhiming
这两天研究 Vue2.0 ,完全按照官方文档来的,结果发现一个很奇怪的现象:
当界面上涉及比较多的值, Dom 也比较多的时候, Chrome 及其其它国产 webkit 浏览器打开页面时,有很明显的,页面先渲染出来,然后值发生改变的现象,比如 v-mode 绑定一个 textarea ,可以很明显的看到 textarea 先渲染到页面,是空的,然后被赋予了值。但是火狐和 IE11 却很正常,渲染出来值就是好的。
这个现象要能出现的前提条件是 Dom 比较多, Vue 里的计算值也比较多的时候,少了不明显,越多越明显,明显感到 chrome 和其它浏览器的渲染机制不同一样
1880 次点击
所在节点    前端开发
3 条回复
ck65
2017-04-01 18:12:18 +08:00
你需要 v-cloak
mokeyjay
2017-04-01 18:15:11 +08:00
网络卡的时候访问阿里云官网也有类似现象
abcbuzhiming
2017-04-02 21:22:27 +08:00
@ck65 你自己去试验一下好吗, v-cloak 根本没用,我现在倾向于这个问题是 chrome 特有的,它的渲染机制似乎和别的浏览器不一样

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/352034

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX