Meteor和Flexbox:分页缓慢加载导致闪烁

时间:2015-02-28 05:52:09

标签: javascript css html5 canvas meteor

返回上一个缩略图概览会导致闪烁。以慢动作观看它,缩略图页面的构建变得可见。如果快速加载图像,问题就会消失,但如果连接速度很慢,则会非常明显。在flexbox放置所有元素后,有没有办法将缩略图页保留在缓存中或渲染页面?或者还有其他解决方案吗?谢谢!

慢动作: https://www.youtube.com/watch?v=x3vvCRIJdRo

所有图像都是小精灵,然后被绘制到画布btw。我也使用flexbox。

网站:http://eboydb.mod.bz/pool/all/1(将删除此链接 - 如果已修复)

修改

刚刚尝试将waitOn与Iron Router一起使用 - 如下所示。但它似乎并没有什么不同。

Router.route('/pool/:slug/:page', {
    name: 'pool',
    template: 'pool',
    after: function() {
        document.title = siteName + ' /pool/' + this.params.slug + '/' + this.params.page;
    },
    waitOn: function() {
        // set search slugs that will show everything
        var allOptions = [
            "all",
            "everything",
            "show all",
        ];
        // when the slug is part of the array show everything
        if (allOptions.indexOf(this.params.slug.toLowerCase()) > -1) {
            var searchTerm = ".*";
            // console.log('slug: all > ' + this.params.slug);
        } else {
            var searchTerm = this.params.slug;
        }
        Meteor.subscribe('PixQuery', searchTerm, this.params.page);
    },
    data: function() {
        templateData = {
            slug: this.params.slug,
        }
        return templateData;
    }
});

0 个答案:

没有答案