javascript - page - title css

Problema ''parpadeante''

Question

Estoy construyendo un SPA (aplicación de página única) usando KO. la aplicación parece un libro y el usuario puede voltear páginas.

El problema es que cada vez que se carga una página, hay un breve momento en el que la página "parpadea" y el usuario ve la versión sin estilo de la página. Supongo que esto se debe al hecho de que gran parte del diseño depende de las vinculaciones de ko, por lo que hasta que ko termine es "mágico", el usuario tiene una idea del código sin estilo.

¿Es posible saber cuándo finalizó KO todas sus vinculaciones y solo luego mostrar la página?

Logré resolverlo parcialmente estableciendo un tiempo de espera antes de cargar la vista, pero por supuesto esta no es una buena solución.

Answer 1

Creo que esto fue respondido mejor anteriormente mediante el uso de plantillas.

¿Cuál es la mejor manera de ocultar la pantalla mientras se crean los enlaces js knockout?

Answer 2

Sí, es muy fácil en realidad. Aplicar display:none en el div nivel superior (o el contenedor w / e), y data-bind="visible: true" . Esto hará que la página se oculte hasta que la eliminación lo oculte a través del enlace (lo que obviamente no puede suceder hasta que esté completamente cargada).

Dado que está utilizando un valor no observable, Knockout ni siquiera se molestará en volver a verificar esto. No debería haber un problema de rendimiento después del enlace inicial.