1.1 2016版本

目标:

1.大幅度优化JS代码,面向开发人员更加友好,逻辑清晰,代码简洁,便于阅读,定制开发,扩展,更加符合企业级应用需求。

2.大幅度使用并发技术来提高上传速度,与HttpUploader2相比速度提升4倍。

3.前端仅负责UI显示,所有业务逻辑统一放到控件中处理。

3.支持Chrome 45+。

4.大幅度重复使用线程资源,使线程资源不再频繁重复创建和销毁,充分提升资源的重复使用率。

JS更新:

版本变化

变化

HttpUploader2

HttpUploader2-2016

代码行数

1213

682

组件数

3

1

浏览器加载次数

3

1

上传速度

 

提升3倍

并发数

1

4

稳定性

 

提升50

调用接口

com

json

可扩展性

 

 

多平台事件统一

ie32,ie64,firefox,chrome(npapi),chrome 45+(native message)使用相同的事件处理模型

 

优化控件初始化逻辑

 

弃用的接口:

GetClipboardFiles

AllowMultiSelect

ShowDialog

ShowFolder

GetSelectedFiles

CreateFolder

RemoveFile

ExistFile

FileSize

FileLength

FileFilter

InitDir

 

改进的选择文件方法

改进前

控件返回特定类型的数组,没有提供更丰富的信息,不便于后续业务逻辑的操作

        , OpenFileDialog: function ()

        {

            _this.partIE.FileFilter = _this.Config["FileFilter"];

            _this.partIE.AllowMultiSelect = _this.Config["AllowMultiSelect"];

            _this.partIE.InitDir = _this.Config["InitDir"];

            if (!_this.partIE.ShowDialog()) return;

 

            var list = _this.partIE.GetSelectedFiles();

            if (list == null) return;

            if (list.lbound(1) == null) return;

 

            for (var index = list.lbound(1) ; index <= list.ubound(1) ; index++)

            {

                if (!_this.Exist(list.getItem(index)))

                {

                    _this.AddFile(list.getItem(index));

                }

            }

            _this.PostFirst();

        }

改进后

控件返回JSON数据,更便于后续业务逻辑的操作

     this.part_files = function (ret)

     {

         if (ret.files == null) return;

         for (var i = 0, l = ret.files.length; i < l; ++i)

         {

             var f = ret.files[i];//控件返回JSON数据格式,f.name,f.length,f.size,f.ext

             this.addFileLoc(f);

         }

     };

 

2.拖拽控件事件与Partition控件事件统一,拖拽后触发drop_files消息

消息内容与part_files相同

 

HttpUploader2-queue版本的更多相关文章

  1. STORM在线业务实践-集群空闲CPU飙高问题排查

    源:http://daiwa.ninja/index.php/2015/07/18/storm-cpu-overload/ 2015-07-18AUTHORDAIWA STORM在线业务实践-集群空闲 ...

  2. STORM在线业务实践-集群空闲CPU飙高问题排查(转)

    最近将公司的在线业务迁移到Storm集群上,上线后遇到低峰期CPU耗费严重的情况.在解决问题的过程中深入了解了storm的内部实现原理,并且解决了一个storm0.9-0.10版本一直存在的严重bug ...

  3. Python multiprocess模块(中)

    主要内容: 一. 锁 二. 信号量 三. 事件 通过event来完成红绿灯模型 四. 队列(重点) 队列实现进程间的通信 五. 生产者消费者模型 1. 初始版本(程序会阻塞住) 2. 升级版本一(通过 ...

  4. Java并发(基础知识)—— 阻塞队列和生产者消费者模式

    1.阻塞队列                                                                                        Blocki ...

  5. [Swift]队列Queue的两种版本:(1)用类包装Queue (2)用泛型包装Queue

    队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表.进行插入操作的端称为队尾,进行删除操作的 ...

  6. aodh M版本新特性 - queue between alarm evaluator and alarm notifier

    之前alarm evaluator service and alarm notifier services之间的通信采用RPC的方式,消耗较大,增加work queue的方式可以获得更好的性能, + ...

  7. java集合类深入分析之Queue篇

    简介 Queue是一种很常见的数据结构类型,在java里面Queue是一个接口,它只是定义了一个基本的Queue应该有哪些功能规约.实际上有多个Queue的实现,有的是采用线性表实现,有的基于链表实现 ...

  8. RabbitMQ Lazy Queue 延迟加载

    Lazy Queue 在著名的单例设计模式中就有懒汉式的实现方式,也就是只有在你需要的时候我才去加载. 这让博主想到了以前上学的时候,每到了假期的假期作业,在假期的时候是从来不做的.只有在快开学老师要 ...

  9. Java多线程总结之线程安全队列Queue

    在Java多线程应用中,队列的使用率很高,多数生产消费模型的首选数据结构就是队列.Java提供的线程安全的Queue可以分为阻塞队列和非阻塞队列,其中阻塞队列的典型例子是BlockingQueue,非 ...

  10. 数据结构《21》----2014 WAP 初试题----Immutable queue

    2014 WAP初试题----实现一个不可变的队列: 看似很简单..实则,不同的版本效率的差距可能是巨大的..甚至难以想象.. 之前用STL库的queue进行了对比,差别非常大.. 用上一篇文章的im ...

随机推荐

  1. 在Eclipse中使用Maven部署项目的Tomcat

    方式一:打war包到tomcat/webapps目录 点击在项目上面 -> 右键 -> Run As -> Maven install 之后查看Maven输出路径: D:\apach ...

  2. 使用GET方式提交的表单遇到的问题

    经常使用表单,一直使用的都是POST方式,POST将数据封装到请求体中,相对于GET安全一点:而POST处理中文编码问题也比GET简单(GET需要将URL编码,后台接受到后还需要解码).今天我想要使用 ...

  3. An Autofac Lifetime Primer

    Or, “Avoiding Memory Leaks in Managed Composition” Understanding lifetime can be pretty tough when y ...

  4. Java多线程面试问题集锦

    参看:http://www.importnew.com/1428.html

  5. Mysql--可用的 MySQL 产品和专业服务

    一.MySQL Community Edition(社区版):MySQL Community Edition is the freely downloadable version of the wor ...

  6. Array 数组类

    除了 Object 之外, Array 类型恐怕是 ECMAScript 中最常用的类型了.而且,ECMAScript 中的数组与其他多数语言中的数组有着相当大的区别.虽然 ECMAScript 数组 ...

  7. 根据需要通过代码的方式加载js文件

    var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); ...

  8. linux中find工具

    find 由于find具有强大的功能,所以它的选项也很多,其中大部分选项都值得我们花时间来了解一下.即使系统中含有网络文件系统( NFS),find命令在该文件系统中同样有效,只要你具有相应的权限. ...

  9. opennebula onenebula

    http://www.eucalyptus.com/blog/2013/01/07/opennebula-38-%E2%80%94-%E7%9B%91%E6%8E%A7 [云监控] http://ww ...

  10. vue之vue-router跳转

    vue之vue-router跳转 一.配置 在初始化使用vue-cli的时候会有vue-router的安装选择,选择安装即可. 二.嵌套路由 一般情况下,登录和项目页面属于同级,所以App.vue 只 ...