我正在使用 KO 构建 SPA(单页应用程序)。该应用程序看起来像一本书,用户可以翻页。
问题是,每次加载页面时,都会有一小段时间页面“闪烁”,用户会看到页面的无样式版本。我猜这是因为很多样式都依赖于 ko 绑定,所以在 ko 完成它“神奇”之前,用户可以看到未样式化的代码。
是否可以判断 KO 何时完成所有绑定,然后才显示页面?
我已经通过在加载视图之前设置超时来部分解决这个问题,但这当然不是一个好的解决方案。
是的,实际上很容易。申请display:none
到顶层div
(或带容器),以及data-bind="visible: true"
。这将导致页面被隐藏,直到淘汰通过绑定取消隐藏它(这显然在完全加载之前不会发生)。
由于您使用的是不可观察的值,Knockout 甚至不会费心再次重新检查。初始绑定后不应存在性能问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)