《JavaScript设计模式》——第10章 水管弯弯——适配器模式 10.1引入jQuery

第10章 水管弯弯——适配器模式

适配器模式(Adapter):将一个类(对象)的接口(方法或者属性)转化成另外一个接口,以满足用户需求,使类(对象)之间接口的不兼容问题通过适配器得以解决。

随着活动页面的功能增加,原生JavaScript在一些交互与特效实现上让小白感到力不从心,于是想引入大名鼎鼎的jQuery……
10.1 引入jQuery
“小白,咱们的作品活动页面还在用我们公司内部开发的A框架,可是很多新来的同事使用A框架开发新的功能需求时总是感觉很吃力,而且能用的方法有限,为了让他们尽快融入项目的开发,我想让你引入jQuery框架没问题吧。”小铭对小白说。

“没问题,”小白看了一下代码,迟疑一下“可是以前功能所写的代码是不是我还要重新用jQuery写一遍呀,比如像这里引入的事件。”

A(function(){
  A('button').on('click', function(e){
    // ......
  });
});

“不用呀,咱们公司的A框架与jQuery框架比较像,所以你简单写个适配器就可以了。”

“适配器?”小白不解“那是什么东西?”

时间: 2024-09-18 22:01:26

《JavaScript设计模式》——第10章 水管弯弯——适配器模式 10.1引入jQuery的相关文章

《jQuery EasyUI开发指南》——第10章 管理系统交付 10.1客户验收

第10章 管理系统交付 本章主要内容 客户验收 操作手册 系统上线 迭代开发 分析能力 10.1 客户验收 管理系统经过了快一年的开发,已经出色地完成了客户的需求.大家都松了一口气,长期压抑的感觉也得以释放.在这个时候,开发和测试人员都是满心欢喜,下班就早早走了,而心事重重.备感压力的还是项目经理.客户张三的公司已经越做越大,这既是一件好事,也是一件坏事.好的方面,如果管理系统成功交付,并且通过了客户验收,不但前期的资金投入可以回笼,还可以大赚一笔:坏的方面,随着客户的公司越做越大,对这个项目的

《JavaScript设计模式》——第9章 JavaScript设计模式9.1 Constructor(构造器)模式

第9章 JavaScript设计模式 在本章中,我们将探索一些经典与现代设计模式的JavaScript实现. 开发人员通常想知道他们是否应该在工作中使用一种"理想"的模式或模式集.这个问题没有明确的唯一答案,我们研究的每个脚本和 Web 应用程序可能都有它自己的个性化需求,我们需要思考模式的哪些方面能够为实现提供实际价值. 例如,一些项目可能会受益于观察者模式提供的解耦好处(这可以减少应用程序的某些部分对彼此的依赖度),而有些项目可能只是因为太小,而根本无需考虑解耦. 也就是说,一旦我

《JavaScript设计模式》——导读

前言 JavaScript设计模式 设计模式是解决软件设计中常见问题的可复用方案.探索任何编程语言时,设计模式都是一个令人兴奋和极具吸引力的话题. 原因之一是:设计模式是许多先前开发人员总结出的经验,我们可以借鉴这些经验进行编程,以确保能够以优化的方式组织代码,为我们解决棘手的问题提供参考. 设计模式还是我们用来描述解决方案的常用词汇.当我们想要向其他人表述一种以代码形式构建解决方案的方式时,描述设计模式比描述语法和语义要简单得多. 在本书中,我们将探讨JavaScript编程语言中经典的与现代

《JavaScript设计模式》——第1章 灵活的语言——JavaScript 1.1入职第一天

第一篇 面向对象编程 面向对象编程(Object-oriented programming,OOP)是一种程序设计范型.它将对象作为程序的基本单元,将程序和数据封装其中,以提高程序的重用性.灵活性和扩展性. 第1章 灵活的语言--JavaScript JavaScript设计模式 结束了4年的大学学习生活,小白信心满满地来到应聘的M公司.今天是入职的第一天,项目经理分下来一个验证表单功能的任务,内容不多,仅需要验证用户名.邮箱.密码等. 1.1 入职第一天 小白接到需求看了看,感觉很简单,于是便

《JavaScript设计模式》——10.4 适配异类框架

10.4 适配异类框架 "嗯,这是因为咱们公司的整个轻量级的A框架太像jQuery了,我们可以将这两种框架看成是相似框架.但是如果一个框架与jQuery血缘远一点,那么对于这种异类框架适配情况就复杂得多了.举个例子吧,还是实现上面两个事件,所以我写了一个这样的框架." // 定义框架 var A = A || {}; // 通过ID获取元素 A.g = function(id){ return document.getElementById(id) } // 为元素绑定事件 A.on

常用的Javascript设计模式

<Practical Common Lisp>的作者 Peter Seibel 曾说,如果你需要一种模式,那一定是哪里出了问题.他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案. 不管是弱类型或强类型,静态或动态语言,命令式或说明式语言.每种语言都有天生的优缺点.一个牙买加运动员, 在短跑甚至拳击方面有一些优势,在练瑜伽上就欠缺一些. 术士和暗影牧师很容易成为一个出色的辅助,而一个背着梅肯满地图飞的敌法就会略显尴尬. 换到程序中, 静态语言里可能需要花很多功夫来实现装饰

JavaScript 设计模式与开发实践读书笔记

JavaScript 设计模式与开发实践读书笔记 最近利用碎片时间在 Kindle 上面阅读<JavaScript 设计模式与开发实践读书>这本书,刚开始阅读前两章内容,和大家分享下我觉得可以在项目中用的上的一些笔记. 我的 github 项目会不定时更新,有需要的同学可以移步到我的 github 中去查看源码: https://github.com/lichenbuliren/design-mode-notes 1.currying 函数柯里化 currying 又称 部分求值 .一个 cu

JavaScript设计模式系列之原型模式

prototype模式通过实例对象指定需要创建的类型,这与factory method模式有本质不同,factory method模式是通过类的继承定义不同子类来达到创建不同类型对象的目的,属于类模式,prototype模式通过调用组合的对象成员生成不同类型的对象实例,属于对象模式. 由于这个特性,prototype具有以下适用场合: · 需要运行时确定实例化的类时,比如动态装载库时 · 避免创建过多子类时.子类太多永远是不受欢迎的,在factory method中我们也提到通过模板或者参数化来

《JavaScript设计模式》——2.3 传宗接代——继承

2.3 传宗接代--继承 "小白,看继承呢?"小铭忙完自己的事情走过来. "是呀,刚才学习类,发现每个类都有3个部分,第一部分是构造函数内的,这是供实例化对象复制用的,第二部分是构造函数外的,直接通过点语法添加的,这是供类使用的,实例化对象是访问不到的,第三部分是类的原型中的,实例化对象可以通过其原型链间接地访问到,也是为供所有实例化对象所共用的.然而在继承中所涉及的不仅仅是一个对象." "对呀,不过继承这种思想却很简单,如千年文明能够流传至今靠的就是传承