- 浏览: 146687 次
- 性别:
- 来自: 大连
-
文章分类
最新评论
-
houfeng0923:
zensh 写道这种Promise用起来还是复杂了点,需要大量 ...
使用jQuery Deferred 和 Promise 创建响应式应用程序 -
zensh:
这种Promise用起来还是复杂了点,需要大量处理异步任务的同 ...
使用jQuery Deferred 和 Promise 创建响应式应用程序 -
Troland:
houfeng0923 写道Troland 写道
functi ...
JavaScript设计模式摘要(一) -
houfeng0923:
Troland 写道
function extend(subc ...
JavaScript设计模式摘要(一) -
Troland:
function extend(subclass,super ...
JavaScript设计模式摘要(一)
1,YUI3组件框架
组件框架基于YUI Core,是建立和扩展组件的基础;组件框架从下而上依次基于attribute、base、widget 模块组成,同时基于plugin模块实现灵活扩展。
相关类说明:
Attribute类 提供属性管理,可以扩展任何类使之具备属性管理功能,如提供get/set接口和change事件。
Base类 提供属性管理和基础的事件机制,同时提供声明周期管理和插件机制。
Widget类 派生自Base,为可视化对象提供通用的属性和方法(visible,show等)以及渲染周期管理,并为开发Widget,建立了一套通用的模式。
Plugin类 可以向对象灵活 添加/移除 额外的功能。
类相关关系如下:
Attribute uses EventTarget(掺元继承);Base uses Attribute and Plugin.Host(掺元继承);Widget extends Base(OO继承)
Attribute
通过Attribute类可以为任何的类扩充属性管理功能。扩充后,类将被添加get和set方法去获取和存储属性值,同时支持属性值修改的change事件来监听值的变化。
此外,属性可以通过配置getter、setter和validator方法来自定义值的存取和验证。属性也支持被设置为‘read-only'或'write-once'。
使用Attribute,需要引入依赖模块’attribute‘
1,使用Attribute扩充自定义的类
function MyClass(){}
Y.augment(MyClass,Y.Attribute);
如此,MyClass实例就可以使用Attribute类里定义的方法来配置属性。具体Attribute方法列表可参考API文档。
注意:通常情况下,与augment Attribute相比,更多的实现是继承Base类(Base uses Attribute)。Base默认延时初始化属性,可以提高程序的性能。
使用Attribute,也可以设置延时初始化。
2,为自定义的类添加属性
可以在自定义类中使用Attribute的addAttrs方法为类添加多个属性,也可以使用addAttr方法添加单个属性。addAttrs方法接收属性配置信息和默认值信息两个参数,第三个参数标记是否延时初始化。
代码如下:
function MyClass(userValues) { // 属性配置信息 var attributeConfig = { attrA : { value:5, getter:function(v){} //... }, attrB : { // ... } }; this.addAttrs(attributeConfig, userValues); }; Y.augment(MyClass,Y.Attribute); // 初始化值。name/value对 var o = new MyClass({ attrA:5 }); // 实例化后,设置属性值 o.set("attrB", "Hello World!");
3,属性配置参数列表
每个属性都可以配置以下参数(大小写敏感)
value | Any | 默认值 |
valueFn | Function | 返回值作为属性值,覆盖value属性值;如果返回undefined,则仍采用value值 |
getter | Function | 调用对象的get(attr)方法时触发,可以自定义返回值。function(value,attrName){} |
setter | Function |
调用对象的set(attr,v)方法时触发,function(value,name),返回值作为属性值。 如果返回 Attribute.INVALID_VALUE ,将阻止更新值。 |
validator | Function | 调用对象set方法前触发,function(value,name),返回false将阻止set属性。 |
readOnly | Boolean | 是否只读 |
writeOnce | Boolean or ‘initOnly’ | 只能调用set方法赋值一次;如果是’initOnly‘,只能在initialization时赋值,如果基于Base了的对象,意味着只能在构造执行中初始化赋值。 |
broadcast | Int | 默认情况下,属性的change事件不会广播给YUI实例或全局YUI实例。设置broadcase属性,可以启动广播,类似customEvent的broadcast ,取值 1,2 |
lazyAdd | Boolean | 使用addAttrs方法添加的属性,是否当第一次调用get/set方法的时候初始化属性。继承自Base的对象采用懒加载方式,可以设置该属性改变延时初始化行为。 |
cloneDefaultValue |
’shallow‘,’deep‘, ’true‘,’false‘ |
该属性仅支持Base而不支持Attribute。控制Base的ATTRS中属性的默认值为引用类型时是如何处理的。默认情况下,对象和数组采用深克隆以保护值的修改。 设置cloneDefaultValue=false,将禁用克隆,这在值为公用的数组或对象时有用。如果设置为shallow,将使用浅克隆方式;如果设置为true或deep,将采用深克隆。 |
4,属性值change事件
使用attribute来存储对象状态的关键好处之一就是可以使用attribute change事件。当attribute的set方法被调用时就会触发change事件。
事件类型定义方式为:"[attributeName]Change"。属性change事件可以使用‘on'和’after'方法监听。
注意:无论设置属性是否成功,都会触发on监听器;但如果属性设置未通过验证,则不会触发after监听。
示例方法展示了事件注册及事件对象的相关属性和方法:
var o = new MyClass({ attrA:5 }); o.on('attrAChange',function(e){ var prevVal = e.prevVal;//获取旧值 var newVal = e.newVal;//获取新值 var attrName = e.attrName;//触发change事件的属性值 var subAttrName = e.subAttrName;//如果change事件触发的属性为X.a.b,那么attrName返回X,而subAttrName返回X.a.b if(/*..*/){ e.preventDefault(); e.stopImmediatePropagation(); e.stopPropagation(); e.halt(); } }); o.after('attrAChange',function(e){ //.... });
5,set方法设置属性流程图
6,设置子属性
如果属性为object对象,属性如下:
o.set("strings", { ui : { accept_label : "OK", decline_label : "Cancel", }, errors : { e1000 : "Not Supported", e1001 : "Network Error" } });
那么,可以通过下面的方式设置子属性:
// 设置存在的属性 o.set("strings.ui.accept_label", "Yes"); o.set("strings.ui.decline_label", "No"); // 为存在的属性添加子属性 o.set("strings.errors.e2000", "New Error");
但是如果为没有的子属性设置子属性将不会成功,如下
o.set("strings.messages.intro", "Welcome");//无效
同样,获取子属性方法如下:
var lbl = o.get("strings.ui.accept_label");
发表评论
-
Twitter Flight 学习小结
2013-08-29 10:57 1947链接:twitter flight 关键字: 基于事件交 ... -
使用jQuery Deferred 和 Promise 创建响应式应用程序
2012-11-12 20:41 6242翻译自:Creating Responsive Applica ... -
编写 Sublime Text2 的 nodejs debug 插件
2012-08-27 22:07 4683使用sublime text2 编写 node 代码 ... -
Image beacon
2012-05-06 11:42 1679转帖:http://www.denisdeng.com/?p= ... -
YUI3学习(十)---基于组件框架的Widget实例(GoogleMapWidget)
2012-03-03 20:37 2890本文遵循YUI3 Widget组件设计理念,继承YUI Wi ... -
Google Maps API V3 学习摘要
2012-03-03 20:40 3822Google Maps API V3 学习摘要 ... -
大话HTML DOM与XML DOM的区别与联系【转】
2011-10-04 11:21 2327原文链接: http://deve ... -
dojo类机制模拟实现
2011-09-29 11:00 1627偶然在infoq上看到朋友的文章《dojo类机制简 ... -
web前端研发工程师编程能力成长之路 [转]
2011-09-29 10:26 2034【背景】 如果你是刚进入WEB前端研发领域,想试试这 ... -
Web开发乱码分析总结
2011-09-28 17:08 1643今天对前端开发常见的乱码情况进行了汇总测试和分析,并做了 ... -
document.documentElement 与 document.body 的 scrollWidth、offsetWidth、clientWidth
2011-09-28 16:54 1592注:(scrollHeight、o ... -
DOCTYPE, HTML和XHTML, Strict DTD和Transitional DTD, Quirks Mode和Standard Mode
2011-09-26 16:53 1685转自:http://blog.csdn.net/w ... -
YUI3学习(九)---组件框架之 Widget
2011-08-10 21:53 2933Widget部件类是YUI3所 ... -
YUI3学习(八)---组件框架之 Plugin
2011-08-08 17:42 2345插件可以让你无侵入地为衍生自Base类的宿主对象 ... -
YUI3学习(七)---组件框架之 Base
2011-08-05 22:45 2161Base组件 Base被设计为那些衍生自Attribute和 ... -
dfssdfsfsfs
2011-08-05 14:37 0sdf s -
JavaScript链式调用小结
2011-08-03 22:47 4978zYUI3 Node对象实现链式调用的方式如下: Y. ... -
JavaScript设计模式摘要(一)
2011-08-03 22:52 2051---------------------------- ... -
YUI3 AOP
2011-07-28 23:10 0YUI3在’event-custom’模块的Y.Do类提 ... -
Yahoo关于性能优化的N条军规[转]
2011-07-21 18:48 1983一、 Yahoo的军规条例: 谨记:80%-90%的终 ...
相关推荐
最初,支付宝前端采用了YUI2框架,包括DOMEvent、Ajax、Sizzle等组件。然而,随着技术的发展和业务需求的变化,YUI2逐渐暴露出一些问题:底层比较杂乱,升级困难;YUI2Widget组件不利于维护;YUI2框架本身进入了维护...
内容概要:本文探讨了高比例可再生能源接入对电力系统调峰能力的影响,提出了一种基于净负荷波动的调峰成本量化与分摊模型。首先,通过将负荷和可再生能源出力曲线转换为无波动的均值线,构建了无调峰需求的替代场景。接着,建立了含深度调峰和抽水蓄能的调度优化模型,用于计算不同场景下的调峰成本。通过比较有无调峰需求两种场景下的系统调峰成本,确定了单一主体导致的边际调峰成本,并采用Shapley值方法合理分摊调峰成本。研究表明,该模型可以有效反映各主体的调峰成本或贡献,有助于促进可再生能源的消纳和电力系统的稳定运行。 适合人群:从事电力系统规划、运营管理和可再生能源研究的专业人士,以及关注能源政策和技术发展的研究人员。 使用场景及目标:适用于评估和优化高比例可再生能源接入条件下的电力系统调峰成本,旨在提高电力系统的灵活性和经济性,同时促进可再生能源的有效利用。 其他说明:该模型需要根据实际情况进行调整和优化,以适应不同地区的电力市场特点和技术水平。
内容概要:本文详细介绍了如何使用博图V16进行ABB机器人的外部启动及其与西门子设备的Profinet通讯配置。首先概述了ABB机器人和博图V16的基本概念,接着深入讲解了外部启动的重要性和实现方式,重点介绍了FB功能块的应用,以及Profinet通讯的具体配置步骤。文中还强调了GSD文件的作用,用于描述机器人的属性和行为,最后讨论了硬件配置的要求和注意事项,特别是对dsqc1030或dsqc652板卡的支持和888-2或888-3选项的需求。 适合人群:从事工业自动化领域的工程师和技术人员,尤其是那些负责机器人集成和编程的专业人士。 使用场景及目标:适用于需要将ABB机器人与西门子设备通过Profinet网络进行通讯并实现外部启动的项目。目标是提高自动化生产线的灵活性和效率,确保机器人和PLC之间的无缝协作。 其他说明:本文不仅提供了理论指导,还包含了实际操作中的关键细节,有助于读者快速掌握相关技能并在实践中应用。
scratch少儿编程逻辑思维游戏源码-3D环境.zip
少儿编程scratch项目源代码文件案例素材-泼溅猫.zip
内容概要:本文介绍了基于EMD-ARMA的组合风光出力预测方法,详细阐述了经验模态分解(EMD)和自回归移动平均(ARMA)模型的应用步骤。首先,通过EMD将原始发电数据分解为多个本征模态函数(IMF),然后用ARMA模型对各IMF分量进行建模和预测,最后将预测结果叠加重构,获得最终的风光功率预测值。文中还提供了简化的Python代码示例,帮助读者理解和实现该方法。 适合人群:从事新能源研究和技术开发的专业人士,尤其是对风光发电预测感兴趣的科研人员和工程师。 使用场景及目标:适用于需要提高风光发电预测精度的项目,旨在通过先进的数学模型优化电力调度和资源配置。 其他说明:本文提供的代码示例仅用于教学目的,实际应用中需根据具体情况调整和完善。此外,建议在实践中参考更多专业文献和寻求专家意见以确保预测模型的准确性和可靠性。
scratch少儿编程逻辑思维游戏源码-scratch RPG 战斗.zip
scratch少儿编程逻辑思维游戏源码-窗户冒险.zip
scratch少儿编程逻辑思维游戏源码-FC经典游戏 沙罗曼蛇.zip
少儿编程scratch项目源代码文件案例素材-跑酷版《我的世界》.zip
scratch少儿编程逻辑思维游戏源码-抜刀.zip
内容概要:本文介绍了永磁同步电机(PMSM)无位置传感器控制的一种创新方法,重点探讨了通过反电动势估计和扰动观测器增益设计来实现转子位置的精确估算。该方法避免了传统的PLL等位置观测器,仅需一次反正切计算即可获得转子位置,极大简化了系统复杂度。此外,模型控制器采用离散域设计,便于参数调整和适应不同电机参数。文中还提供了具体的Python代码示例,展示了从初始化电机参数到主循环控制的具体实现步骤。 适合人群:从事电机控制系统设计的研究人员和技术工程师,尤其是关注永磁同步电机无传感器控制领域的专业人士。 使用场景及目标:适用于需要简化调试流程、提高系统灵活性和适应多种电机参数的应用场景。主要目标是在保持高性能的同时降低硬件成本和系统复杂性。 其他说明:该方法不仅简化了调试过程,还提高了系统的鲁棒性和可靠性,特别适合于工业自动化、机器人技术和电动汽车等领域。
内容概要:本文深入探讨了乘用车双腔制动主缸的精细化建模及其在Simulink和Amesim中的联合仿真验证。文章首先介绍了双腔制动主缸的物理结构和动力学方程,特别是考虑了液压特性和机械传动的耦合关系。接着,作者详细描述了如何在Simulink中实现这些模型,并通过S函数处理变步长积分问题,确保仿真精度。此外,还讨论了联合仿真过程中遇到的数据交换频率问题,并提出了使用二阶保持器来补偿相位滞后的解决方案。最终,通过对不同推杆力输入条件下的仿真结果对比,验证了精细化模型的有效性和稳定性。 适合人群:从事汽车制动系统研究的技术人员、高校相关专业师生、对车辆动力学仿真感兴趣的工程师。 使用场景及目标:①帮助研究人员更好地理解和掌握双腔制动主缸的工作原理;②为后续更复杂的整车制动系统仿真提供可靠的子系统模型;③提高仿真精度,减少因模型简化带来的误差。 其他说明:文中提供了详细的建模步骤、公式推导、代码实现以及仿真结果对比,附带完整视频教程和参考资料,便于初学者学习。同时强调了实际应用中需要注意的关键细节,如流量计算、数据交换频率调整等。
scratch少儿编程逻辑思维游戏源码-Scratch版Windows11.zip
少儿编程scratch项目源代码文件案例素材-青蛙.zip
内容概要:本文详细介绍了光伏交直流混合微电网在离网(孤岛)模式下的双下垂控制仿真模型。该模型利用Matlab/Simulink工具进行构建和仿真,涵盖了直流微电网、交流微电网以及互联变换器(ILC)的结构和控制策略。直流微电网采用电压电流双闭环下垂控制,交流微电网则通过恒压控制和下垂控制来维持稳定的频率和电压。ILC采用双下垂控制策略,通过归一化处理和偏差调整,使得交流母线频率和直流母线电压趋于一致。此外,模型还包括采样保持、坐标变换、功率滤波、SVPWM等辅助环节,以确保系统的稳定运行和高效能量管理。实验结果显示,在负载突增的情况下,系统依然能够保持良好的波形质量和稳定性。 适合人群:对微电网控制系统感兴趣的科研人员、电力工程技术人员及高校师生。 使用场景及目标:适用于研究和验证光伏交直流混合微电网在离网模式下的控制策略,特别是双下垂控制的应用效果。目标是提升微电网的稳定性和能量管理效率。 其他说明:仿真环境为Matlab2020b及以上版本,部分模块仅支持高版本软件。对于希望深入了解双下垂控制机制的研究者,可以通过进一步的学习和交流获得更多信息。
内容概要:本文详细介绍了基于扩展卡尔曼滤波器(EKF)的INS(惯性测量单元)和GPS(全球定位系统)松组合导航技术。首先解释了为何需要松组合导航,即通过融合INS和GPS的优势,提高定位的稳定性和准确性。接着阐述了15状态下的EKF融合方法,涵盖速度、姿态、位置等多个系统动态参数的估计与更新。然后讨论了NED(北东地)坐标系的应用及其带来的直观物理意义。最后提供了简化的Python代码片段,演示了如何在EKF中融合INS和GPS数据,以获得连续、稳定的导航结果。 适合人群:从事导航技术研发的专业人士,尤其是对EKF、INS、GPS以及多传感器数据融合感兴趣的工程师和技术研究人员。 使用场景及目标:适用于需要高精度、高可靠性定位系统的应用场景,如自动驾驶汽车、无人机飞行控制系统等。目标是通过融合INS和GPS数据,克服单一传感器的局限性,提升整个导航系统的性能。 其他说明:文中提供的代码仅为概念验证性质,实际工程应用中还需考虑更多复杂的因素和优化措施。
内容概要:本文详细介绍了基于MATLAB Simulink平台的三相逆变器稳压控制仿真模型,重点探讨了孤岛运行环境下的电压电流双闭环控制策略及其LCL滤波电路的应用。首先,通过对主电路电流电压的采样并进行Park和Clark变换,将数据转换为dq坐标系下的电流电压值,然后输入双闭环控制系统进行精确调节。接着,通过反变换回到abc坐标系,并利用PWM调制对逆变器进行控制,最终实现了电压电流的稳定输出。文中还提供了简化的Matlab代码片段,展示了关键步骤的具体实现方法。此外,作者通过多次仿真实验验证了该控制策略的有效性和鲁棒性。 适合人群:从事电力电子、自动化控制领域的研究人员和技术人员,尤其是对逆变器控制策略感兴趣的读者。 使用场景及目标:适用于需要深入了解三相逆变器在孤岛运行环境下的稳压控制机制的研究人员和技术人员。目标是掌握电压电流双闭环控制策略以及LCL滤波电路的设计与应用,提高逆变器系统的稳定性和可靠性。 其他说明:本文不仅提供了理论分析,还包括具体的仿真模型和代码示例,有助于读者更好地理解和实践相关技术。
少儿编程scratch项目源代码文件案例素材-七龙珠RPG 测试.zip
scratch少儿编程逻辑思维游戏源码-城市世界.zip