上一页 1 2 3 4 5 6 ··· 9 下一页

状态模式

摘要: 允许一个对象在其内部状态改变时改变它的行为,对象看起来似乎修改了它的类。(开关灯) 状态模式的通用结构: 在一个Light的构造函数中,我们要创建每一个状态类的实例对象,Context将持有这些状态对象引用,以便把请求委托给状态对象。 为避免一个对象遗漏方法的 技巧是: JavaScript版本的状 阅读全文
posted @ 2017-06-27 21:47 rainbow661314 阅读(125) 评论(0) 推荐(0) 编辑

代理模式

摘要: 代理: 不方便直接访问某个对象的时候。。 中间代理会对直接目的对象 更熟悉,有交道。可以时刻监听目的对象的状态。从而从初始对象的“花”传给目的对象。 代理模式:有单一模式的优点。 单一原则:仅有一个引起它变化的原因。如果有多个变化引起改变,容易将职责耦合在一块,导致耦合脆弱,低内聚。 虚拟代理:例子 阅读全文
posted @ 2017-06-02 18:34 rainbow661314 阅读(101) 评论(0) 推荐(0) 编辑

策略模式

摘要: 将变化的抽离出来,行为抽离出来,统一动作。 将使用和具体实现分离开来。 策略 模式(表单验证,缓动动画)——更换一种出行方式。 至少2部分组成:1组策略类(封装了具体的实现算法)+ 环境类Context(接受客户请求,随后把请求委托给某一策略类)。 初始问题: 1.if else类似逻辑函数庞大。2 阅读全文
posted @ 2017-06-02 18:26 rainbow661314 阅读(93) 评论(0) 推荐(0) 编辑

JS设计模式基础

摘要: 设计模式: 通过封装、继承、多态、组合等技术的反复使用,提炼出一些可重复使用的面向对象设计技巧。 1.多态(’做什么‘和’谁去做‘分开) 多态指同一个实体同时具有多种形式。 同一操作应用于不同的对象上面,可以产生不同的解释和不同的执行结果(例如不同的动物发出叫声)。将不变的隔离出来。 使用继承得到多 阅读全文
posted @ 2017-06-02 18:06 rainbow661314 阅读(102) 评论(0) 推荐(0) 编辑

JS动画公式

摘要: BackEase BounceEase CircleEase CubicEase ElasticEase ExponentialEase PowerEase QuadraticEase QuarticEase QuinticEase SineEase 阅读全文
posted @ 2017-05-19 13:20 rainbow661314 阅读(144) 评论(0) 推荐(0) 编辑

requirejs代码结构分析

摘要: 一。函数入口函数。 //Create default context. req({}); //创建一个默认环境,contexts["_"], 并且返回 一个require(deps,callback,errback);供外部使用。 cfg:一开始会去确定好baseurl,或者依赖 data-main 阅读全文
posted @ 2016-07-20 20:30 rainbow661314 阅读(232) 评论(0) 推荐(0) 编辑

backbonejs

摘要: 前言: backbone由以下模块组成。 一。Event 监听事件,自定义事件。绑定到任何对象。 http://www.css88.com/doc/backbone/#Events 这个是下面模块核心。几乎所有都会有用到。 all事件,所有各自对象监听的事件,都会同时触发此事件。 如下代码: 二,v 阅读全文
posted @ 2016-07-12 22:15 rainbow661314 阅读(552) 评论(0) 推荐(0) 编辑

requirejs使用

摘要: 实现模块化、按需加载。 一.配置参数。 1.baseUrl:以一个相对于baseUrl的地址来加载所有的代码。 data-main,使用它来启动脚本加载过程,而baseUrl一般设置到与该属性相一致的目录。也可以通过config来配置。如下: 如果没有显式指定config及data-main,则默认 阅读全文
posted @ 2016-07-12 20:06 rainbow661314 阅读(277) 评论(0) 推荐(0) 编辑

linux命令大全

摘要: 系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /... 阅读全文
posted @ 2015-08-28 11:12 rainbow661314 阅读(179) 评论(0) 推荐(0) 编辑

终端判断

摘要: function detect(ua){ var os = this.os = {}, browser = this.browser = {}, webkit = ua.match(/WebKit\/([\d.]+)/), android = ua.match(/(An... 阅读全文
posted @ 2015-08-26 16:57 rainbow661314 阅读(169) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 9 下一页