- 1、本文档共11页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
机顶盒开发中性能优化参考文档概要1
目 录
1 页面性能优化 1
1.1 展示页面建议 1
1.2 关注代码的执行效率 1
1.2.1 禁止使用iframe 1
1.2.2 避免使用epg:script标签 1
1.2.3 缓存常用值,避免重复查询。 1
1.2.4 Javascirpt命名空间 2
1.2.5 全局变量应该放在js代码的最上方 3
1.2.6 避免同时进行多次的dom操作 3
1.2.7 复杂的逻辑能用java尽量用java解决不要用js 3
1.2.8 JS数组、对象声明方式采用JSON格式 4
1.2.9 字符串连接优化 4
1.2.10 用cloneNode(true)代替多次createElement操作 4
1.2.11 类的共用方法声明 5
1.3 减小页面刷新区域 5
1.3.1 innerText、innerHTML和document.write 5
1.4 避免在页面绘图时执行其它操作 6
1.4.1 焦点移动延迟加数据 6
1.4.2 首次加载页面时延迟加载耗时的js代码 6
1.5 减少页面布局的复杂度 6
1.6 避免图片压缩拉伸 6
1.7 减小图片大小,规避大图片 6
1.8 控制页面图片数量 6
1.9 img标签和背景图 6
2 特效 7
2.1 移动 7
2.2 缩放 7
2.3 透明度改变 7
2.4 其他组合特效 8
3 多窗口与多帧的使用 8
3.1 多窗口的几种应用场景 8
3.2 弹出窗口基本语法 8
3.3 自研浏览器扩展接口 9
3.4 Window对象 9
ZXIPTV 3.0模版开发规范
页面性能优化
展示页面建议
依据现网的数据统计分析来看,与数据库交互频繁,且页面元素复杂度较高,对EPG性能有影响,按其影响程度从高至低分别为频道切换、直播、点播、栏目展示、节目详细、首页、向第三方服务器发起http请求、回看。
在设计模板页面时考虑的因素主要有:页面的主要组成元素、是否与数据库交互以及交互次数、是否包含小视频、是否包含滚动字幕、是否有文件IO操作以及交互次数。如下建议作为EPG模板开发人员的设计参考。
页面构成元素 元素数目 元素限制 菜单/按钮 无 无 小视频 1 小视频大小不受限制,数目同一个页面只能是一个 海报 不超过3 建议图片大小在30K~40K之间 包含图片 不超过8 图片大小不受限制,根据局方需要而定 文件IO 1 无 滚动字幕 1 无 数据库交互 不超过5 epg:Out(海报)、epg:Operate(Datasource)、epg:Table(Decorator)、epg:FirstPage(小视频) 关注代码的执行效率
禁止使用iframe
由于自研浏览器是一个单线程的程序,对iframe的执行效率较低,且自研浏览器已经支持ajax,所以应用ajax来代替iframe。
注意,在国内应用时的限制,由于电信/联通的浏览器规范中没有要求支持ajax,所以如果要考虑对其他厂家STB的兼容性,则不能使用ajax。
避免使用epg:script标签
epg:script标签只是注册了一个按键响应函数,将其交给top框架中的js函数处理,由于top框架中的js函数代码复杂,执行慢,所以 应避免使用此标签,而改为直接在页面捕获按键,页面不处理的按键再交给top框架函数处理。
如果需要屏蔽掉页面上的某些按键也可以在相应的按键方法里写个空的方法。
缓存常用值,避免重复查询。
目前,自研浏览器的document.getElementById方法由于是遍历方式查找DOM节点,执行效率很低,需要考虑根据id缓存页面元素,提高js运行速度,示例如下:
var $$ = {};
function $(id){
if(!$$[id]){
$$[id] = document.getElementById(id);
}
return $$[id];
}
for (var i = 0; i arr.length; i++) {..} 改为 for (var i = 0, l = arr.length; i l; i++) {..}
Javascirpt命名空间
使用js命名空间是代码层次更加清晰,易于功能代码合并,避免命名冲突
可以利用js的单实例模式实现命名空间,代码示例:
script language=javascript
var viettel;
if(!viettel){
viettel ={}
}
viettel.mp
您可能关注的文档
- 机泵安装方案.doc
- 机油加注步骤.ppt
- Halloween万圣节2.ppt
- Hadoop架构分析.pptx
- Halloween万圣节.ppt
- 机泵维修钳工(高级).doc
- 机电一体化专业毕业论文.doc
- 机电一体化_在线作业_4.doc
- 机电 夏季汽车空调的正确使用.ppt
- 机油及机油滤清器的更换.ppt
- (高清版)DB4105∕T 217-2023 既有建筑适老化改造技术规范.pdf
- (高清版)DB4101∕T 9.5-2022 反恐怖防范管理规范 第5部分:医疗卫生机构.pdf
- (高清版)DB4101∕T 67-2023 城市快速路装配式混凝土护栏施工技术规范.pdf
- (高清版)DB4102∕T 002-2020 开封黄河鲤池塘养殖技术规范.pdf
- (高清版)DB4105∕T 201-2022 豫谷25号栽培技术规程.pdf
- (高清版)DB43∕T 1040-2015 汽车客运站服务规范.pdf
- (高清版)DB4101∕T 30-2022 捐赠用纺织品回收技术规范.pdf
- (高清版)DB4105∕T 197-2022 冬小麦晚播栽培技术规程.pdf
- (高清版)DB4105∕T 213-2023 12345 政务服务便民热线数据分析规范.pdf
- (高清版)DB43∕T 1072.3-2015 地理标志产品大通湖大闸蟹 第3部分:池塘养殖技术规程 .pdf
文档评论(0)