SmartJS2.0发布,更新内容如下:

  1. 新增oop(klass,factory)模块;
  2. promiseEvent加入非阻塞模式noBlock;
  3. trigger加入属性监听;
  4. smartjs主模块优化,支持requirejs和seajs;
  5. 单元测试页面优化;

先介绍一下针对AOP的优化部分:

PromiseEvent - noBlock 非阻塞回调模式

在前面0.1版中介绍了PromiseEvent这个对象,类似于JQuery的Callbacks,但是加入了Promise,Event参数管理,优先级控制等功能。

在正常情况下执行fire方法会根据优先级依次去执行各个回调。但在回调中存在多个promise,那么整个PromiseEvent执行的效率就会很低;

举个例子:

有三个回调事件event1,event2,event3. 每个都是异步而且需要1s才能执行完毕。那么使用正常的promise来处理,整个执行就需要3s+;

如果三个回调是有关联关系的话,这样则是必须的。但如果是彼此没关系,那么等待所需的时间就没必要。

那么使用noBlock模式,每个回调在返回promise的时候,就会执行下一个,而不需要等到resolve时。那么执行上述三个回调的时间则只需1s+;

代码示例

整体noBlock模式

//创建一个noBlock模式的promiseEvents;
var noBlockCalls = st.promiseEvent("noBlock"); //第一个回调延迟100
noBlockCalls.add("c1", function(d) {
setTimeout(function() {
result.push('c1');
d.resolve();
}, 100);
return d.promise();
}); //第二个正常执行
noBlockCalls.add("c2", function(d) {
result.push('c2');
}); //第三个回调延迟50
noBlockCalls.add("c3", function(d) {
setTimeout(function() {
result.push('c3');
d.resolve();
}, 50);
return d.promise();
}); $.when(noBlockCalls.fire()).done(function(data) {
//最终执行顺序是c2-c3-c1
expect(result + '').toBe('c2,c3,c1');
testCall();
});

单个回调事件noBlock模式

var noBlockCalls2 = st.promiseEvent();
//第一个回调延迟100
noBlockCalls2.add("c1", function(d) {
setTimeout(function() {
result.push('c1');
d.resolve();
}, 100);
//在返回promise的时候,指定noBlock模式
return d.promise("noBlock");
});
//第二个正常执行
noBlockCalls2.add("c2", function(d) {
result.push('c2');
});
//第三个回调延迟100
noBlockCalls2.add("c3", function(d) {
setTimeout(function() {
result.push('c3');
d.resolve();
}, 100);
return d.promise();
}); $.when(noBlockCalls2.fire()).done(function(data) {
//最终执行顺序是c2-c1-c3
expect(result + '').toBe('c2,c1,c3');
testCall();
});
})

Trigger的属性监听(需IE9+支持)

0.1中的trigger只支持方法的注入。0.2版中加入了对于属性的监听功能。

属性监听只有before,after两种方法注入类型,不支持round环绕模式。

before:主要使用在做值变化的控制,比如是否需要更新,或者改变更新的值等等。

after:在after则是无法干预值的变化,因此只是做监听使用;

代码示例

基础使用

      var obj = st.attachTrigger({
test: 1
});
//回调方法中有三个参数,事件参数e;更新的值value;原来的值oldValue
obj.onBefore('test', 'testBefore', function(e, value,oldValue) {
result.push(value + '-before-' + oldValue);
}) obj.on('test', 'testAfter', function(e, value,oldValue) {
result.push(value + '-after-' + oldValue);
}) expect(obj.test).toBe(1); obj.test = 2;
//输出前后置监听
expect(result.join(',')).toBe('2-before-1,2-after-1');
expect(obj.test).toBe(2);

阻止更新方法

var obj = st.attachTrigger({
test: 1
}); obj.onBefore('test', 'testBefore', function(d, value) {
result.push(value + '-before');
//停止方法,阻止赋值行为
d.stop();
}) obj.on('test', 'testAfter', function(d, value) {
result.push(value + '-after');
}) obj.test = 2;
//最终更新失败,输出前置的监听内容
expect(result.join(',')).toBe('2-before');
expect(obj.test).toBe(1);

更新值变更和值传递例子

var obj = st.attachTrigger({
test: 1
}); //改变传递值只有在前置中有效
obj.onBefore('test', 'testBefore', function(d, value,oldValue) {
result.push('before:[' + value + ',' + oldValue + ',' + d.result +']');
return ++value;
}) obj.onBefore('test', 'testBefore2', function(d, value,oldValue) {
result.push('before2:[' + value + ',' + oldValue + ',' + d.result +']');
return ++d.result;
}) //后置得到前面正确修改的值
obj.on('test', 'testAfter', function(d, value,oldValue) {
result.push('after:[' + value + ',' + oldValue + ',' + d.result +']');
}) obj.test = 2; expect(result.join(',')).toBe('before:[2,1,undefined],before2:[2,1,3],after:[4,1,4]');
expect(obj.test).toBe(4);

aop的更新内容介绍到这,下一篇介绍oop

SmartJS的GitHub地址

smartjs 0.2发布 - 新增oop模块&AOP增强的更多相关文章

  1. SmartJS 第一期(0.1)发布 - AOP三剑客

    隔了好久才终于又发布了一点东西,SmartJS是最近才开始搞的一个开源js库,目的是做一些比较有特点的事情(smartjs暂时也是依赖于jquery). SmartJS的内容规划比较多,也无法在短时间 ...

  2. SpringBoot2.0 基础案例(11):配置AOP切面编程,解决日志记录业务

    本文源码 GitHub地址:知了一笑 https://github.com/cicadasmile/spring-boot-base 一.AOP切面编程 1.什么是AOP编程 在软件业,AOP为Asp ...

  3. [译]ABP框架v2.3.0已经发布!

    在新冠病毒的日子里,我们发布了ABP框架v2.3, 这篇文章将说明本次发布新增内容和过去的两周我们做了什么. 关于新冠病毒和我们的团队 关于冠状病毒的状况我们很难过.在Volosoft的团队,我们有不 ...

  4. Spring.Net.FrameworkV3.0 版本发布了,感谢大家的支持

    Spring.Net.FrameworkV3.0 版本发布了,感谢大家的支持. Spring.Net.Framework,基于.NET的快速信息化系统开发.整合框架,为企业或个人在.NET环境下快速开 ...

  5. hadoop2.6.0汇总:新增功能最新编译 32位、64位安装、源码包、API下载及部署文档

    相关内容: hadoop2.5.2汇总:新增功能最新编译 32位.64位安装.源码包.API.eclipse插件下载Hadoop2.5 Eclipse插件制作.连接集群视频.及hadoop-eclip ...

  6. 【AngularJS】 2.0 版本发布

    [AngularJS] 2.0 版本发布 w5cValidator[AngularJS] 2.0 版本发布   w5cValidator 插件基于angular原有的表单验证,在原有的基础上扩展了一些 ...

  7. 迷你MVVM框架 avalonjs 0.85发布

    迷你MVVM框架 avalonjs 0.85发布 本版本对循环绑定做了巨大改进,感谢@soom, @limodou, @ztz, @Gaubee 提供的大量测试文件. fix scanNodes, 在 ...

  8. springboot2.0(一):【重磅】Spring Boot 2.0权威发布

    就在昨天Spring Boot2.0.0.RELEASE正式发布,今天早上在发布Spring Boot2.0的时候还出现一个小插曲,将Spring Boot2.0同步到Maven仓库的时候出现了错误, ...

  9. 意料之外,情理之中,Spring.NET 3.0 版本发布-

    意料之外,情理之中,Spring.NET 3.0 版本发布- 备受社区和企业开发者广泛关注的Spring.NET在上周发布了3.0版本,并且目前已经保持着持续的更新,让我们一起来看一看他究竟发布了哪些 ...

随机推荐

  1. Atitit. 解压缩zip文件 的实现最佳实践 java c# .net php

    Atitit. 解压缩zip文件 的实现最佳实践 java c# .net php 1. Jdk zip 跟apache ant zip 1 2. Apache Ant包进行ZIP文件压缩,upzip ...

  2. PHP类与面向对象

    PHP常量PHP常量大写PHP常量用define函数或const关键字定义一个常量一旦被定义,就不能再改变或者取消定义.在 PHP 5.3.0 以后,可以使用 const 关键字在类定义之外定义常量. ...

  3. untiy数据包的输出、加载和卸载

    1:untiy数据包的输出: BuildPipeline.BuildAssetBundle将任意类型的资源打包成AssetsBundle文件. BuildPipeline.BuildAssetBund ...

  4. [ShareSDK for Android]新浪微博常见问题

    一.新浪sso授权报错sso package or sign error 1. 新浪微博开放平台应用没有审核通过,不能用sso登陆,否则报错.关闭sso登陆Platform platform = Sh ...

  5. android: 实现跨程序数据共享

    简单起见,我们还是在上一章中 DatabaseTest 项目的基础上继续开发,通过内容提供器 来给它加入外部访问接口. 打开 DatabaseTest 项目,首先将 MyDatabaseHelper ...

  6. mysql查看被锁住的表,正在进行的进程,已经杀掉进程的方法

    mysql查看被锁的进程 //查看所有进程show processlist; //查询是否锁表show OPEN TABLES where In_use > 0; //查看被锁住的 SELECT ...

  7. 和View Controllers一起工作

    在这一课中,你会继续在FoodTracker菜谱的场景工作.你会重新安排现有的UI元素并使用图像采集器添加到照片用户界面.当你完成,你的应用程序将是这个样子: 学习目标 在课程结束时,你将能够: 了解 ...

  8. 如何制作CSR文件?

    如何制作CSR文件? 在申请数字证书之前,您必须先生成证书私钥和证书请求文件(CSR,Cerificate Signing Request),CSR是您的公钥证书原始文件,包含了您的服务器信息和您的单 ...

  9. Android 数据通信

    一. Http/Net1. http 通讯协议和android中相关API介绍 2.发送http请求实例[GET,POST]论坛参考文献:http://www.eoeandroid.com/viewt ...

  10. [LeetCode] Find Median from Data Stream

    Find Median from Data Stream Median is the middle value in an ordered integer list. If the size of t ...