2014年8月 – 老陈是一个普通的文艺二逼青年

设计模式 —— 观察者模式

观察者（Observer）模式：　　观察者模式是对象的行为模式，又叫发布-订阅(Publish/Subscr […]

设计模式 —— 中介者模式

所谓中介者模式就是用一个中介对象来封装一系列的对象交互，中介者使各对象不需要显式地相互引用，从而使其耦合松散， […]

设计模式 —— 迭代器模式

迭代器 (Iterator)模式：迭代器模式提供一种方法顺序一个聚合对象中各个元素，而又不暴露该对象内部表示。 […]

设计模式 —— 解释器模式

解释器模式（Interpreter），给定一个语言，定义它的文法的一种表示，并定义一个解释器，用这个解释器使用 […]

设计模式 —— 工厂模式

工厂方法模式（Factory Method），定义一个用于创建对象的接口，让子类决定实例化哪一个类。工厂方法使 […]

CSS3 —— animation 之 steps方式过渡

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Step</title>
    <style>
        @-webkit-keyframes step { 
          0% { background-position:0px -0%; }
          100% { background-position:0px -400%; }
        }
        @keyframes step { 
          0% { background-position:0px -0%; }
          100% { background-position:0px -400%; }
        }
        div { 
          height:35px; width:32px;
          -webkit-animation:step 300ms steps(4) infinite; /* infinite为无限次 */
          animation:step 300ms steps(4) infinite; /* steps( 4 ) 分4步执行 */
          background:url( tsj.png );
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

<!DOCTYPE html>

<head>

<style>

@-webkit-keyframes step {

0% { background-position:0px -0%; }

100% { background-position:0px -400%; }

}

@keyframes step {

0% { background-position:0px -0%; }

100% { background-position:0px -400%; }

}

div {

height:35px; width:32px;

-webkit-animation:step 300ms steps(4) infinite; /* infinite为无限次 */

animation:step 300ms steps(4) infinite; /* steps( 4 ) 分4步执行 */

background:url( tsj.png );

}

</style>

</head>

<body>

</body>

</html>

测试连接参考： http://www.gb […]

设计模式 —— 外观模式

Facade外观模式，是一种结构型模式，它主要解决的问题是：组件的客户和组件中各种复杂的子系统有了过多的耦合， […]

设计模式 —— 委托模式

委托模式是软件设计模式中的一项基本技巧。在委托模式中，有两个对象参与处理同一个请求，接受请求的对象将请求委托给 […]

设计模式 —— 装饰模式

Decorator装饰模式是一种结构型模式，它主要是解决：“过度地使用了继承来扩展对象的功能”，由于继承为类型 […]

设计模式 —— 建造者模式

建造者模式将一个复杂对象的构造与它的表示分离，使同样的构建过程可以创建不同的表示，这样的设计模式被称为建造者 […]