交互控制层之界面交互子层分析
来源:互联网 发布:阿里云域名备案电话 编辑:程序博客网 时间:2024/06/05 15:43
界面交互子层采用Jquery框架,前台主要是用 组件进行数据填写合法性校验,提交数据准备、过滤以及其它逻辑功能。如新购买一件商品,配置了商品的名称、属主、价格等组件。再点击订购该件淘宝商品时,就会进行填单页面,根据配置,会展现A,B,C三个组件进行信息填写。
界面的组件都是基于配置动态生成的 .采用js的eval方法,构造一个js实例化的脚本语句字符串做为eval的入参,以此根据配置动态生成组件.组件工厂PlugFactory.的 buildPlug方法,做的就是这个事情:component = eval("new $.fn." + plugName + '('+ JSON.stringify(settings)+ ') ');组件工厂有code对应的具体组件的函数名称,获取子组件,创建。
面向对象组件 为实现代码复用,扩展以及生命周期的控制,组件实现了基本的继承机制,使用了一个jquery第三方脚本$.inherit,来实现.每个组件的生成都会按都会依次调__constructor, render, afterRender方法:
__constructor 方法解析组件构造参数,解析组件数据.render 方法根据解析的数据 渲染到特定的位置(也即添加到dom里).afterRender 方法做一些组件事件绑定初始化,业务逻辑初始化之类的事情.三个方法调用由所有组件的基类$.fn.C_Base的__constructor方法来控制.要添加或改变生命周期执行的方法,修改C_Base里面__constructor的实现即可.注意这会影响所有组件的行为.
组件之前的数据交互 常用addJEventListener()来事件监听, 进行数据状态回写、dispatchJEvent()进行调用事件。1, 使用事件监听,使得组件更加独立专注,只需要按约定注册事件或者监听事件并处理数据就可以, 不需要关心外界发生的变化.2, 框架不需要识别获取组件实例,就能够将数据传给数据.3, 使用事件可以实现广播机制,省去了很多复杂的逻辑。
- 交互控制层之界面交互子层分析
- 交互控制层之服务转接子层分析
- LWIP socket层与协议栈层交互过程分析
- 应用层之用户-服务器交互: 身份验证与cookie
- NS2 Tclcl机制分析, 编译层/解释层交互过程 ------ NS2学习日记 (2)
- Linux/Android——input系统之 kernel层 与 frameworks层交互 (五)
- Linux/Android——input系统之 kernel层 与 frameworks层交互 (五)
- Linux/Android——input系统之 kernel层 与 frameworks层交互 (五)
- 弹出层来完成页面交互操作
- Otcl与C++交互-MAC层
- 负载均衡设备支持二层交互
- layer中父子层的信息交互
- JNI开发中native层与Java层的交互
- Android------Binder java层如何与native层交互
- JDBC之控制层和视图层
- 销售税面试题七编码实现之数据交互层
- android 浏览器 app层,framework层,webkit层消息的交互
- 第五章介质访问控制子层
- ExpressJS入门指南
- poj 1258 prim
- javascript获取元素的各种高度
- Apache Common-validator验证框架
- 随机数字
- 交互控制层之界面交互子层分析
- VMWare 里面的linux 挂了吗?也许这篇文章可以帮你找回你的文件
- Hdu2037 今年暑假不AC--贪心
- simple-spring-memcached-3.0.x 注解详解
- windows mobile VS2008 使用 sqlite 数据库 哪个版本sqlite效率最高
- 有一块15cm的金块,要给一位工人发15天的工资,每天的工资是1cm金块。
- C# 获取文本文件的编码,自动区分GB2312和UTF8
- 用一个数组存放不同类型指针的想法
- 问题一百二十一:构成直角三角形