Pebble.js菜单项渲染速度慢
Pebble.js Menu Items Slow to Render
我制作了一个与工作中的服务器的接口,以验证打印服务器和打印机是否动态启动,并将其反馈给Pebble。功能很好,我遇到的问题是菜单。我会加载菜单,然后开始向下滚动,突然项目不在了。大约需要6秒钟,然后他们就会出现。上下滚动都是如此。有很多菜单选项,但即使菜单中有六个项目,它也能做到。
这只是处理能力的限制,还是pebble.js脚本的限制,或者我做错了什么?
--UPDATE——为了将来参考,Pebble的重新启动大大加快了渲染速度。新手失误。。。
var UI = require('ui');
var ajax = require('ajax');
var main = new UI.Card({
title: 'Pebble Interface',
icon: 'images/mattec.png',
body: 'Press Top Button to open Cell Picker.'
});
main.show();
main.on('click', 'up', function(e) {
var menu = new UI.Menu({
sections: [{
items: [{
title: 'ALMSC1'
}, {
title: 'ALMSC2'
}, {
title: 'DL 1'
}, {
title: 'DL 2'
}, {
title: 'DL 3'
}, {
title: 'DL 4'
}, {
title: 'EDGER'
}, {
title: 'EPOXYA'
}, {
title: 'EPOXYP'
}, {
title: 'FORK 1'
}, {
title: 'FORK 2'
}, {
title: 'HICK 1'
}, {
title: 'HICK 2'
}, {
title: 'LG 1'
}, {
title: 'LG 2'
}, {
title: 'LG 3'
}, {
title: 'LG 4'
}, {
title: 'LG 5'
}, {
title: 'LG 6'
}, {
title: 'PHD 1'
}, {
title: 'PHD 2'
}, {
title: 'PHD 3'
}, {
title: 'PHD 4'
}, {
title: 'SPRLTE'
}, {
title: 'STEEL1'
}, {
title: 'STEEL2'
}, {
title: 'STEEL3'
}, {
title: 'STEEL4'
}, {
title: 'STEEL5'
}, {
title: 'STEEL6'
}, {
title: 'SVL 01'
}, {
title: 'SVL 02'
}, {
title: 'SVL 03'
}, {
title: 'SVL 04'
}, {
title: 'SVL 05'
}, {
title: 'SVL 06'
}, {
title: 'SVL 07'
}, {
title: 'SVL 08'
}, {
title: 'SVL 09'
}, {
title: 'SVL 10'
}, {
title: 'SVL 11'
}, {
title: 'SVL 12'
}, {
title: 'SVL 13'
}, {
title: 'SVL 14'
}, {
title: 'SVL 15'
}, {
title: 'SVL 16'
}, {
title: 'SVL 17'
}, {
title: 'SVL 18'
}, {
title: 'SVLCUB'
}, {
title: 'TAMP 1'
}, {
title: 'TAMP 2'
}, {
title: 'WEEDER'
}]
}]
});
menu.on('select', function(e) {
ajax({ url: 'http://myserver/test/pebble/oldpebble.php?cell=' + e.item.title, type:'xml' }, function(data){
var istag = data.match(/<istag>(.*?)<'/istag>/)[1];
istag = istag.replace(/"/g, "'"");
var psname = data.match(/<psname>(.*?)<'/psname>/)[1];
psname = psname.replace(/"/g, "'"");
var psip = data.match(/<psip>(.*?)<'/psip>/)[1];
psip = psip.replace(/"/g, "'"");
var upcstatus = data.match(/<upcstatus>(.*?)<'/upcstatus>/)[1];
upcstatus = upcstatus.replace(/"/g, "'"");
var i2of5status = data.match(/<i2of5status>(.*?)<'/i2of5status>/)[1];
i2of5status = i2of5status.replace(/"/g, "'"");
var content = istag + "'n'nPrint Server'n" + psname + "'n" + psip + "'n" + "UPC - " + upcstatus + "'nI2of5 - " + i2of5status;
var detailCard = new UI.Card({
title:e.item.title,
body: content,
scrollable: true,
style: 'small'
});
detailCard.show();
});
});
menu.show();
});
Pebble.js根据需要将列表的数据流式传输到手表。六秒钟听起来很长,我没有看到那么多延迟,但除了用C SDK重新构建应用程序之外,你无能为力。
相关文章:
- 显示菜单项
- 如何定义和渲染子菜单项,使用Aurelia's路由器
- 如何在没有2个项目的情况下更改菜单项href
- JQuery超级菜单全宽菜单项
- jQuery在部分上滚动时突出显示菜单项
- 突出显示菜单项及其子菜单项
- Safari 6 调试控制台速度慢
- 突出显示菜单栏上的活动菜单项
- 可访问的更改菜单项,用于使用不引人注目的JS进行导航,而不是jQuery,
- Indexeddb检索速度慢的问题
- 可访问性:为什么 Jquery 菜单明确将菜单项 tabindex 设置为 -1
- 当我选择菜单项时,如何播放html5播放器的视频
- 什么脚本隐藏父菜单项
- 如何在两种条件下显示相同的上下文菜单项
- 使用粘性滚动菜单链接打开手风琴式菜单项
- AngularJS秒表在手机上的速度慢得令人难以忍受
- 使用CSS/JavaScript在活动页面上突出显示活动导航菜单项,无id
- Pebble.js菜单项渲染速度慢
- 单击后要显示相关的菜单项
- 如何在浏览器中禁用或删除粘贴上下文菜单项