SOA的企业系统架构

基于SOA的企业系统架构设计及IT治理日记 （引）

TOGAF是一个架构框架，指导做企业架构的标准和方法，简而言之,是一种协助开发、验收、运行、使用和维护架构的工具，核心是架构开发方法（ADM）指导了全生命周期开发时每一个环节应该有什么产出，同时TOGAF完全兼容SOA。

COBIT5 是企业IT治理，是企业信息系统审计标准。

实际一点说：

1、用SOA的设计思想来做系统（后面会有一个基于SOA的金融系统的实现笔记，其中会穿插如何使用TOGAF），用TOGAF在SOA基础上做开发的架构管控。

2、用COBIT来检查信息系统每个环节的合理完整性，主要目的是看IT层面是否有做的不足的地方，指导发现问题进而改进（后面会主要从IT连续性的角度来深入学习）。

3、ITIL在COBIT之下，为IT服务管理提供了一套标准和流程规范。

4、SLA OLA 是业务部门同IT部门, IT部门内部签订的协议。我认为SLA是一套IT为业务提供分级服务的协议，将业务和IT服务分为不同等级，不同等级的业务在非功能特性上区别对待，制定收费标准，供业务选择。OLA则是对IT部门内部职责的明确，可以和KPI挂钩。

制作滑动条菜单，如何延时处理滑动效果，避免动画卡顿

 

    前几日在利用JQuery做菜单滑动标记这个效果的时候，最后发现滑动条在我用鼠标快速滑动的时候，会出现滑动条延迟滑动，并且有卡顿的现象,相当影响体验感受。不完美～

在几番询问下，得到了一个延时处理的解决方案，完美解决了这个问题。

思路：

    在鼠标移入目标元素的时候，启用定时操作，我目前设置的为1/10秒，也就是说，当鼠标如果在目标元素区域停留了满足我预设值的时间范围内的话，我就执行动画效果，否则没有达到预设值的时间范围便移出来目标元素的话，便取消延时执行的操作。简单的说，满足定时条件执行，否则取消操作。

具体代码：

HTML 部分：

<ul id="nav">
　<li><a href="#">menu1</a></li>
　<li><a href="#">menu2</a></li>
　<li><a href="#">menu3</a></li>
　<li><a href="#">menu4</a></li>
　<span id="slide_1" class="slidebar"></span>
</ul>

未添加延时操作的JS代码：

 //导航菜单一监听hover效果
$("#nav li a").mouseenter(function() {
      $("#slide_1").animate( {
            left : $(this).offset().left
      },200);
});

添加延时操作的JS代码：

//加延迟处理的导航条2
var tId = null,ele;//时间ID，当前元素
$("#nav1 li a").mouseenter(function() {
    ele = $(this);
   //设置定时操作，并记录时间ID，用于清除定时器
    tId = setTimeout(function() {
       $("#slide_2").animate({left:$(ele).offset().left});
    }, 100);
}).mouseout(function() {
       //当鼠标移出目标元素时，清除定时操作
        clearTimeout(tId);
});

Demo浏览地址：
http://xiaoweijs.duapp.com/demo/slidebar.html

总结

  有时候对于效果过于追求的我们，像遇到了卡顿这种情况，心里难免有些不完美的感觉。以上demo 和上面的那个例子只是延时处理的一种情况，其实在做很多导航滑动，向下滑动菜单效果，滚动条滑动等等效果的的时候我们经常会遇见，但是解决思路都是相同的。增加延迟处理，终止事件。注意到这里终止事件的关键点在于clearTimeout上，先记录定时器Id,不满足条件则clear掉。

作者：Ziv小威
出处：http://www.cnblogs.com/zivxiaowei/

后面的随笔我会尽力针对上面说的每一部分（包含但不限），本着不泄密原则，结合工作经历来把自己的理解和了解写出来。也会有粗有细。由于我对业务连续性相关的相对熟一些，所以会略微有所侧重。

目的完全是让自己加深理解，有广度有深入，既能从上往下又能从下往上的看问题，想问题，形成体系，把工作做的更好。

                                                                                  Sylar

　　　　　　　　　　　　　　　　　　　　　　　　　　　　mail: cug@live.cn

　　　　　　　　　　　　　　　　　　　　　　　　　　　  2013.12.07 at 帝都

sylar MAIL: cug@live.cn

 

 

标签: 建行