您的位置:首页 > 其它

[知识] 机顶盒开发系列《基于框架的单页面开发》

2017-09-10 10:51 218 查看
目标:

  页面元素作为抽象为模块,可定义必须实现的方法(初始化、订阅等)

  页面事件的订阅与管理

  焦点的抽象与封装且实现常用的功能,支持扩展等

  抽象实体层,定义所需实体模块

  抽奖逻辑层,定义所需逻辑模块(API)

  封装框架层,数据相关的基础逻辑与html页面相关的组件

方案:

  定义 Module 模块,页面抽象组建需要继承该组建,实现预定于的方法

  定义 PageEvent 模块,支持将模块作为独立焦点切换,锁定,禁用等

  定义 Focus 模块,将焦点最小单位作为具有相同特征的矩形坐标,基于该坐标可预定义常用方法

  定义 Entity 文件,与 TS 配合解决 js 弱类型特性,减少代码出错几率与研发效率

  定义 Logic 文件,抽象独立的 Logic结尾文件,继承 BaseLogic 类拥有数据访问的能力且与页面逻辑完全分离

  定义 framework 文件,实现底层库的封装,每个模块作为独立的模块,可与其他模块配合,组装,重写实现更为复杂的功能。针对 html 页面常用动画(滚动、走马灯)等提取出来,以便以后调用

自动构建流程:

  npm run start 自动监听文件变化 实现 TS 、Less 文件的编译以及利用 request.js 管理各个模块关系,遵循 AMD 规范。自动为 css 加前缀兼容

  npm run minify 与 start 命令一致,仅仅多了压缩这一项,提升正式环境项目加载效率

主要模块介绍:

  TODO

项目地址:https://github.com/442331311/framework_stb
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐