javaScript设计模式

关于Function.prototype.call.apply的分析

我在阅读《JavaScript设计模式与开发实践》一书时发现一段有趣的代码，他是函数反柯里化uncurry的一种实现方法uncurrying函数varobj={"length":1,"0":1}Function.prototype.uncurrying
恰逢青雪·2019-12-22 02:23

javascript设计模式与开发实践阅读笔记

javascript设计模式与开发实践阅读笔记本文章所有内容均摘自《Javascript设计模式与开发实践》一书（有兴趣的可以购买），加入了一点点自己的理解，写这篇文章的目的是，加强自身对设计模式的理解
未来世界的幸存者·2019-12-20 07:16

JavaScript设计模式——观察者模式

观察者模式又被称为发布-订阅模式，是设计模式中的一种行为型模式；定义：观察者模式定义了一种一对多的对象依赖关系，当被依赖的对象的状态发生了改变，所有依赖它的对象都会得到通知；白话解释：假如你去苹果专卖店买最新款的iphone11，因为iphone11刚出来不久，正处旺季，供货不足；当你去专卖店的时候，店员告诉你暂时没货了，但是你可以留下你的联系方式，如果货到了，会第一时间通知；当然你肯定不会每天都
有梦想的咸鱼前端·2019-12-18 11:42

javascript设计模式（ 三）代理模式

代理模式，顾名思义，就是A要对C做一件事情，让B帮忙做（怎么听起来怪怪的）。//AvarA=function(){this.talk=function(){console.log("能带我打dota2吗");}};//CvarC=function(){this.B=newB();this.talk=function(){console.log("一个人打dota2好没意思啊");this.B.ta
Sccong·2019-12-18 10:15

2016年总结---看过的那些书

推荐书目（看书顺序从前看到后）：《锋利的jQuery》、《JavaScript高级程序设计》、《JavaScript设计模式》、《JavaScript异步编程》、nodejs官方文档、《深入浅出Node.js
aliyu·2019-12-18 06:21

为什么学习JavaScript设计模式，因为它是核心

那么什么是设计模式呢？当我们在玩游戏的时候，我们会去追求如何最快地通过，去追求获得已什么高效率的操作获得最好的奖品；下班回家，我们打开手机app查询最便捷的路线去坐车；叫外卖时候，也会找附近最近又实惠又好吃的餐厅叫餐。我们总时会想法设法的追求最便捷的解决方法，最佳实践。设计模式是什么呢？它就是武功秘籍里面的招式，是前辈总结出来的最佳实践，遇到不同的场景都有相应的招式得以施展，让敌人落荒而逃，让复杂
达达前端小酒馆·2019-12-17 11:56

javascript设计模式之观察者模式

要理解观察者模式，可以类比vue中的EventBus，其实就是一个全局的观察者对象($bus)，上面有注册事件（$bus.on()）和发送事件($bus.emit())的方法，当然因为需要会注册很多事件，所以内部还有一个事件列表属性_events来存储注册的事件。下面为学习笔记，对观察者模式做简单实现。基于上面的思路，首先要有一个对象，它有一个私有的列表属性和对外暴露的两个方法letObserve
崔小叨·2019-12-16 17:41

JavaScript设计模式之组合模式

我们知道地球和一些其他行星围绕着太阳旋转，也知道在一个原子中，有许多电子围绕着原子核旋转。我曾经想象，我们的太阳系也许是一个更大世界里的一个原子，地球只是围绕着太阳原子的一个电子。而我身上的每个原子又是一个星系，原子核就是这个星系中的恒星，电子是围绕着恒星旋转的行星。一个电子中也许还包含了另一个宇宙，虽然这个宇宙还不能被显微镜看到，但我相信它的存在。也许这个想法有些异想天开，但在程序设计中，也有一
yufawu·2019-12-14 22:10

jQuery 常用方法

UnsplashjQuery是一个快速、简洁的JavaScript框架，封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax
Nian糕·2019-12-14 15:11

关于jQuery开发介绍

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML
云计算小百科·2019-12-14 10:14

探索Javascript设计模式---单例模式

最近打算系统的学习javascript设计模式，以便自己在开发中遇到问题可以按照设计模式提供的思路进行封装，这样可以提高开发效率并且可以预先规避很多未知的问题。先从最基本的单例模式开始。
戎马·2019-12-13 06:30

JavaScript设计模式——策略模式

策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。俗话说，条条大路通罗马。在美剧《越狱》中，主角MichaelScofield就设计了两条越狱的道路。这两条道路都可以到达靠近监狱外墙的医务室。同样，在现实中，很多时候也有多种途径到达同一个目的地。比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。如果没有时间但是不在乎钱，可以选择坐飞机。如果没有钱
梅梅_1461·2019-12-13 04:58

JavaScript设计模式-装饰者模式

概念  在程序开发中，许多时候并不希望某个类天生就非常庞大，一次性包含许多职责。我们可以使用装饰者模式。装饰者模式可以动态地给某个对象添加一些额外的职责，而不会影响从这个类中派生的其他对象。  在传统的面向对象语言中，给对象添加功能常常使用继承的方式，但是继承的方式并不灵活，还会带来许多问题：一方面会导致超类和子类之间存在强耦合性，当超类改变时，子类也会随之改变；另一方面，继承这种功能复用方式通常
小小的开发人员·2019-12-13 03:32

策略模式

摘自《JavaScript设计模式与开发实践》在现实中，很多时候有多种途径到达同一个目的地。比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。如果没有时间但是不在乎钱，可以选择坐飞机。
小小的白菜·2019-12-12 12:09

JavaScript设计模式第2篇：工厂模式

分类这里工厂模式分为2类：简单工厂和工厂方法，下一节会介绍第3类工厂模式：抽象工厂。简单工厂定义简单工厂：定义一个类来创建其他类的实例，根据参数的不同返回不同类的实例，通常这些类拥有相同的父类。例子假设现在有3款车，Benz、Audi和BMW，他们都继承自父类Car，并且重写了父类方法drive：classCar{drive(){console.log('Cardrive');}}classBen
liuxuan·2019-12-12 01:30

JavaScript设计模式第1篇：单例模式

什么是单例模式单例模式（SingletonPattern）确保一个类只有一个实例，并提供一个访问它的全局访问点单例模式是设计模式中较为简单，好理解的一种模式，但是它的使用场景是很广泛的，包括大名鼎鼎的Vuex也使用了单例模式。本文会介绍单例模式的两种实现方法：类和闭包，同时也会对Vuex中的单例模式进行介绍。实现方式类Class是ES6新增的语法，在之前我们想要新建一个对象实例，是通过new构造函
liuxuan·2019-12-12 00:33

JavaScript设计模式第3篇：抽象工厂模式

接着上一篇《JavaScript设计模式第2篇：工厂模式》)，今天我们来看工厂模式的最后一种：抽象工厂。
liuxuan·2019-12-11 19:12

JavaScript设计模式之单例模式

单例模式在前端开发中，有着广泛的应用场景，像前端缓存、页面模态框的创建等，只需要初始化一次，后面直接取之前的实例就好了。通俗来说，单例模式就是保证全局仅有一个实例，并且能够全局访问，核心就是这两点。constSingleton=function(name){this.name=name};Singleton.prototype.getName=function(){console.log(this
Gerryli·2019-12-10 19:00

JavaScript设计模式之单例模式

单例模式在前端开发中，有着广泛的应用场景，像前端缓存、页面模态框的创建等，只需要初始化一次，后面直接取之前的实例就好了。通俗来说，单例模式就是保证全局仅有一个实例，并且能够全局访问，核心就是这两点。constSingleton=function(name){this.name=name};Singleton.prototype.getName=function(){console.log(this
Gerryli·2019-12-10 19:00

2. this、call和apply

本文源于本人关于《JavaScript设计模式与开发实践》（曾探著）的阅读总结。想详细了解具体内容建议阅读该书。
yozosann·2019-12-08 16:06

技术书刊

Javascript#########《JavaScript设计模式》《高性能网站建设指南》《高性能网站建设进阶指南》出自叶小钗12年博客"http://www.cnblogs.com/yexiaochai
曾经过往·2019-12-08 02:12

Javascript设计模式学习1（热身篇）

从创建一个函数开始函数的创建有很多形式，通常我们会采用以下做法functiongetName(){//getnamehere}functiongetAge(){//getagehere}vargetName=function(){//getnamehere}vargetAge=function(){//getagehere}但是这种做法有个弊端，这类函数因为都是全局变量，所以在团队合作，或者项目函
HarryPang·2019-12-07 20:19

javaScript设计模式之策略模式

javaScript设计模式之策略模式定义一系列的算法，把他们一个个封装起来，并且使他们可以互相替换使用策略模式计算奖金我们就用计算奖金为栗子，比如说绩效S就是4倍奖金，A绩效3倍奖金，B绩效2倍奖金，
清风白水·2019-12-06 17:00

JavaScript设计模式第一弹-创建型设计模式

前言接下来将会为大家介绍设计模式中的创建型设计模式，在此之前需要掌握一定的JavaScript对象继承基础。简单工厂模式先说说什么是简单工厂模式：又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例看着定义有点懵，没关系。继续往下走工厂函数说明：简单来说，就是为了把多个相同类型的类集成到一个函数内，我们把这个函数叫做工厂函数用途：使得其他人不用关注创建对象是基于哪个基类，直接用该工厂函数
bb7bb·2019-12-06 16:42

JavaScript设计模式之单例模式

单例模式是一种常用的模式，有些对象只需要一个如线程池、全局缓存、浏览器中的window对象等定义保证一个类仅有一个实例，并提供一个访问它的全局访问点应用场景单击按钮时，页面中会出现一个登陆浮窗，而该登录浮窗是唯一的，无论单击多少次按钮，这个浮窗都会被创建一次，则适合用单例模式创建实现方式经典Singleton模式的实现方式是，如果实例不存在，通过一个方法创建一个实例。如果已经存在，则返回实例的引用
曜灵SUN·2019-12-01 04:31

javascript设计模式（一）工厂模式

工厂模式分为两种，简单工厂模式和抽象工厂模式。简单工厂模式functioncreatePeople(name,time,gender){letp=newObject();p.name=name;p.time=time;p.gender=gender;p.getName=function(){returnthis.name};returnp}letp1=createPeople('scc','199
Sccong·2019-12-01 01:01

设计模式学习之观察者模式和发布订阅模式

说起这两个模式确实很像，为了弄懂其中的不同点确实也花了不少功夫，主要参考了这篇博文观察者模式与发布/订阅模式区别，另外一篇就是曾探的《JavaScript设计模式与开发实践》一书中的《发布订阅模式》。
DJL箫氏·2019-12-01 00:33

jquery的使用

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Aja
IT_小哥哥·2019-11-30 21:45

JavaScript设计模式经典-面向对象中六大原则

作者|Jeskson来源|达达前端小酒馆1主要学习JavaScript中的六大原则。那么六大原则还记得是什么了吗？六大原则指：单一职责原则（SRP）,开放封闭原则（OCP）,里氏替换原则（LSP）,依赖倒置原则（DIP）,接口分离原则（ISP）,最少知识原则（LKP）。单一职责原则开放封闭原则里氏替换原则依赖倒置原则接口分离原则最少知识原则那么什么是单一职责原则呢？单一职责原则，英文单词为：sin
达达前端小酒馆·2019-11-20 23:54

JavaScript设计模式第0篇：前言

23种设计模式，大家没用过，肯定也都听过。作为一名前端开发工程师，我们有没有必要去学习和使用设计模式，我个人认为，是有必要的。为什么要学习设计模式我们写代码的时候，实现一个需求，方式有很多种，但是哪种方式的可维护性，可扩展性更好，就需要我们具有一些设计模式的思想，这都是前人留下来的智慧，要好好继承呀······另外，设计模式也是面试必考点，什么是工厂模式呀，能不能手写一个观察者模式呀，观察者模式和
liuxuan·2019-11-19 15:16

JavaScript设计模式（装饰者模式）

一、模拟传统面向对象语言的装饰者模式：假设我们在编写一个飞机大战的游戏，随着经验值的增加，我们操作的飞机对象可以升级成更厉害的飞机，一开始这些飞机只能发射普通的子弹，升到第二级时可以发射导弹，升到第三级时可以发射原子弹//首先是原始的飞机类varPlane=function(){}Plane.prototype.fire=function(){console.log('发射普通子弹');}//接下
雨水一盒～·2019-11-14 17:00

JavaScript设计模式（发布订阅模式）

发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般用事件模型来替代传统的发布—订阅模式。一、简单的发布-订阅模式这里以售楼处的售楼消息为例，小明和小红是消息订阅者，售楼处是发布消息者，一旦售楼处有消息就会主动向小明和小红发送消息varsalesOffices={};//定义售楼处sal
雨水一盒～·2019-11-14 17:00

为什么学习JavaScript设计模式，因为它是核心

那么什么是设计模式呢？当我们在玩游戏的时候，我们会去追求如何最快地通过，去追求获得已什么高效率的操作获得最好的奖品；下班回家，我们打开手机app查询最便捷的路线去坐车；叫外卖时候，也会找附近最近又实惠又好吃的餐厅叫餐。我们总时会想法设法的追求最便捷的解决方法，最佳实践。设计模式是什么呢？它就是武功秘籍里面的招式，是前辈总结出来的最佳实践，遇到不同的场景都有相应的招式得以施展，让敌人落荒而逃，让复杂
达达前端小酒馆·2019-11-13 08:42

JS设计模式的一点感悟

JS设计模式读后感最近在看《Javascript设计模式》这本书，此书并没有空谈设计模式，而是每种模式都结合了具体的业务，这些具体的业务对于前端开发者也是经常遇到的，所以很容易产生共鸣。
风之化身呀·2019-11-12 10:38

什么是jquery

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互
就叫苗逗逗·2019-11-07 20:43

JavaScript设计模式（二）--构造函数模式

在面向对象编程中，构造器是一个当新建对象的内存被分配后，用来初始化该对象的一个特殊函数。在JavaScript中几乎所有的东西都是对象，我们经常会对对象的构造器十分感兴趣，对象构造器是被用来创建特殊类型的对象的，首先它要准备使用的对象，其次在对象初次被创建时，通过接收参数，构造器要用来对成员的属性和方法进行赋值。下面介绍简单介绍构造函数的例子：functionperson(name,age,gen
卡西莫多cc·2019-11-07 17:24

javascript 设计模式（修言小册干货，长文建议收藏）

前言最近拜读了一下修言大神的JavaScript设计模式核⼼原理与应⽤实践，对于现阶段的我，可以说受益匪浅，自己也学着总结下，分享下干货，力求共同进步！
machinist·2019-11-06 17:35

学习 jQuery选择器

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互，同时也解决了浏览器的兼容问题。
饥人谷osborne·2019-11-06 01:16

JavaScript设计模式（代理模式）

一、简单的代理模式：1、未使用代理模式的情况：小明直接给女神送花varFlower=function(){}varxiaoming={sendFlower:function(target){varflower=newFlower();target.receiveFlower(flower);}};varA={receiveFlower:function(flower){console.log('收
雨水一盒～·2019-11-05 14:00

call apply bind谁与争锋

----------引用javascript设计模式与开实践call()a
Ziksang·2019-11-05 01:08

JavaScript设计模式之发布订阅模式(Publish/Subscribe)

发布/订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般用事件模型来替代传统的发布/订阅模式。遍地的发布订阅现象如今的信息化时代，发布/订阅模式的应用可以说非常广泛，比如微信公众号就是典型的发布/订阅模式，公众号发布一条信息，所有的订阅者都会收到。有人可能也会想到经常收到的各种广告短信信息（
风铭·2019-11-03 06:24

javascript设计模式（代理模式）[转]

代理模式代理是一个对象，它可以用来控制对本体对象的访问，它与本体对象实现了同样的接口，代理对象会把所有的调用方法传递给本体对象的；代理模式最基本的形式是对访问进行控制，而本体对象则负责执行所分派的那个对象的函数或者类，简单的来讲本地对象注重的去执行页面上的代码，代理则控制本地对象何时被实例化，何时被使用；我们在上面的单体模式中使用过一些代理模式，就是使用代理模式实现单体模式的实例化，其他的事情就交
尘中老·2019-11-01 18:10

Javascript —— 继承

本文是本人学习，张容铭著的《Javascript设计模式》的笔记与总结。仅供学习交流。每个类都有3个部分：1、第一部分是构造函数内的，这是供实例化对象复制用的。
Joyanceh·2019-11-01 05:16

从ES6重新认识JavaScript设计模式(二): 工厂模式

factory.png1什么是工厂模式?工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数中，那么这个函数就可以被视为一个工厂。工厂模式根据抽象程度的不同可以分为：简单工厂，工厂方法和抽象工厂。如果只接触过JavaScript这门语言的的人可能会对抽象这个词的概念有点模糊，因为JavaScript一直将abstract作为保留字而没有去实现它。如
李棠辉·2019-11-01 01:48

JavaScript设计模式（策略模式）

策略模式的定义是:定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。将不变的部分和变化的部分隔开是每个设计模式的主题，策略模式也不例外，策略模式的目的就是将算法的使用与算法的实现分离开来。一、最初的策略模式：varcalculateBonus=function(performanceLevel,salary){if(performanceLevel==='S'){returnsala
雨水一盒～·2019-10-31 21:00

javascript设计模式——亨元模式

亨元模式：：运用共享技术有效地支持大量的细颗粒的对象，避免对象拥有相同内容造成多余的开销。实现翻页功能下一页//通过该方法实现元素的复用，防止创建过多页面元素varFlyweight=function(){varcreated=[]functioncreate(){vardom=document.createElement('div')document.getElementById('contai
蟹老板爱写代码·2019-10-31 12:59

JavaScript设计模式（单例模式）

单例模式是一种简单但非常实用的模式，特别是惰性单例技术，在合适的时候才创建对象，并且只创建唯一的一个。下面我们来逐步了解单例模式的用法。一、简版单例模式：varSingleton=function(name){this.name=name;this.instance=null;};Singleton.prototype.getName=function(){alert(this.name);};S
雨水一盒～·2019-10-31 11:00

JavaScript设计模式——适配器模式

无问西东今日观影《无问西东》感触最深的话，记录于此：人把自己置身于忙碌当中，有一种麻木的踏实，但丧失了真实，你的青春也不过只有这些日子。什么是真实？你看到什么，听到什么，做什么，和谁在一起，有一种从心灵深处满溢出来的不懊悔，也不羞耻的平和与喜悦。适配器模下图就是适配器，emmmm...明明白白，清清楚楚。适配器.jpg先来看看它的定义：适配器模式：将一个类（对象）的接口（方法或者属性）转化成另一个
你看到我的小熊了吗·2019-10-27 17:29

JavaScript设计模式——外观模式

外观模式接下来，开始学习结构性设计模式为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更加容易。小试牛刀还是通过一个最简单的例子来呈现外观模式：functiona(paramA){//doanything}functionb(paramB){//doanything}functionab(paramA,paramB){a(paramA);b(paramB);}通过
你看到我的小熊了吗·2019-10-25 22:14

JavaScript设计模式——命令模式

命令模式是JavaScript设计模式中行为型的一种设计模式；定义：向某些对象发送请求，但是并不知道被请求的操作具体是什么，所以我们希望以一种松耦合的方式来设计程序，使得请求发送者和接收者之间能够消除彼此之间的耦合关系
有梦想的咸鱼前端·2019-10-25 10:00
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他