[知识] 机顶盒开发系列《基于框架的单页面开发》
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
页面元素作为抽象为模块,可定义必须实现的方法(初始化、订阅等)
页面事件的订阅与管理
焦点的抽象与封装且实现常用的功能,支持扩展等
抽象实体层,定义所需实体模块
抽奖逻辑层,定义所需逻辑模块(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
相关文章推荐
- Yii框架官方指南系列14——基础知识:开发流程
- 从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
- 基于thinkphp框架开发的项目在lnmp环境下,出现除了主页能显示,访问其他页面都抛出404异常
- RDIFramework.NET — 基于.NET的快速信息化系统开发框架 — 系列目录
- [知识] 机顶盒开发系列《进阶篇一》
- 【Qt编程】基于Qt的词典开发系列<一>--词典框架设计及成品展示
- RDIFramework.NET — 基于.NET的快速信息化系统开发框架 — 系列目录
- 基于MFC框架的C++游戏开发(一)系列简介
- [知识] 机顶盒开发系列《爬坑篇一》
- 【Qt编程】基于Qt的词典开发系列<一>--词典框架设计及成品展示
- 基于Metronic的Bootstrap开发框架经验总结(11)--页面菜单的几种呈现方式
- 基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
- 基于DDD的现代ASP.NET开发框架--ABP系列文章总目录(2015-11-2 20:45更新)
- 12小时包你学会基于ReactMix框架的ReactNativeApp开发(二)基于Css+HTML写第一个app页面
- 基于DDD的现代ASP.NET开发框架--ABP系列之2、ABP入门教程
- 基于Agile Lite开发框架实现底部导航切换页面
- 基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作
- 基于MVC+EasyUI的Web开发框架经验总结(11)--使用Bundles处理简化页面代码
- 基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作
- Winform开发框架之客户关系管理系统(CRM)的开发总结系列2-基于框架的开发过程