Tom*_*mer 31 javascript singlepage knockout.js single-page-application
我正在使用KO构建SPA(单页应用程序).应用程序看起来像一本书,用户可以翻页.
问题是,每次页面加载时,页面都会闪烁,并且用户会看到页面没有样式的版本.我想这是由于很多样式依赖于ko绑定这一事实所以直到ko完成它"魔术",用户才能看到没有样式的代码.
是否有可能告诉KO何时完成所有绑定并且只显示页面?
我已经设法通过在加载视图之前设置超时来部分解决它,但当然这不是一个好的解决方案.
Kye*_*ica 54
是的,实际上很容易.适用display:none
于顶级div
(或w/e容器),和data-bind="visible: true"
.这将导致页面被隐藏,直到敲除通过绑定取消隐藏(这显然不会发生直到它完全加载).
由于您使用的是不可观察的值,因此Knockout甚至无需再次重新检查.初始绑定后不应存在性能问题.