javascript - knockout 'flickering' 问题

Question

我正在使用 KO 构建 SPA(单页应用程序)。该应用程序看起来像一本书，用户可以翻页。

问题是每次加载页面时，页面都会有短暂的“闪烁”，用户看到的是页面的无样式版本。我猜这是由于很多样式都依赖于 ko 绑定(bind)，所以在 ko 完成它之前，用户会“神奇地”看到未设置样式的代码。

是否可以判断 KO 何时完成所有绑定(bind)，然后才显示页面？

我已经设法通过在加载 View 之前设置超时来部分解决它，但这当然不是一个好的解决方案。

Answer 1

是的，其实很简单。将 display:none 应用到顶级 div(或 w/e 容器)和 data-bind="visible: true"。这将导致页面被隐藏，直到 knockout 通过绑定(bind)取消隐藏它(这显然在其完全加载之前不会发生)。

由于您使用的是不可观察的值，Knockout 甚至不会费心再次检查它。初始绑定(bind)后不应该有性能问题。