Handlebars.js: El manillar precompilado sigue siendo lento

Creado en 24 abr. 2016 · 4Comentarios · Fuente: handlebars-lang/handlebars.js

Estoy usando phonegap con manubrios, pero incluso si precompilé las plantillas, sigue siendo lento.
Quizás poner un script dentro de una plantilla esté causando esto.

<table class="table table-striped table-hover">
    <thead>
        <tr>
            <th>IMG</th>
        </tr>
    </thead>
    <tbody>
        {{#each array}}
        <tr>
            <td> 
                <a  href= "{{this}}" class="swipebox" title="My Caption">
                <img src= "{{this}}" alt="image"  width="50" height="50">
                </a>
            </td>
        </tr>
        {{/each}}
    </tbody>
</table>
<script>    
    var table = $('table').dataTable({
        lengthMenu: [[-1, 50, 25, 10], ["Todo", 50, 25, 10]],
        sPaginationType: "full_numbers",
        language: {
        "url": "json/Spanish.json"
        }
    });

</scr{{undefined}}ipt>

Fuente

fcpauldiaz

Todos 4 comentarios

Tu HTML es atroz. El motivo de la desaceleración no se puede abordar sin su modelo de vista.

stevenvachon en 24 abr. 2016

👎7

Este es el contexto

  <script type="text/javascript">
        var array = [];

        for (i = 0; i < 3; i++) {
          var src = "img/arrow_ + i + .png";

          array.push(src);

        }
        var context = {"array":array}
        var theCompiledHtml =   Handlebars.templates['events.tmpl'](context);
        $('.render').html(theCompiledHtml);   

    </script>

fcpauldiaz en 24 abr. 2016

var theCompiledHtml = Handlebars.templates['events.tmpl'](context);

No estoy seguro de para qué sirve su función en las etiquetas de secuencia de comandos; parece ser para iterar sobre una matriz de imágenes, pero el código que pegué para llamar a su plantilla precompilada no pertenece allí.

Idealmente, tendría un solo archivo de aplicación con sus llamadas de plantilla, indicando a la página dónde generar el HTML renderizado.

En este momento, creo que lo que estoy viendo resultará en que el navegador evalúe completamente su plantilla precompilada, antes de renderizarla. Esto hace que la compilación previa sea inútil.