JavaScript设计模式

jQuery实现轮播图广告

技术要点（1）认识jQuery框架jQuery是一个轻量级的JavaScript框架，提供一种渐变的JavaScript设计模式，优化HTML5文
Hughe Cai·2020-08-23 08:45

JavaScript设计模式（二）--创建型设计模式

简单工厂模式顾名思义，通过工厂对象来创建产品对象类的实例，即用来创建同一类或功能相似的对象。例如：方法一：页面中常用的弹窗，常常分为警示框、提示框、确认框等，对于其中相似的部分我们可以提取出来，如传入文字，弹框展示函数等，代码参考如下：functioncreatePop(type,text){//创建一个对象，并对对象拓展属性和方法var0=newObject();o.content=text;o
Mr君·2020-08-23 08:58

JavaScript设计模式八（组合模式）

我们先回顾下上一节中的宏命令。varcloseDoorCommand={execute:function(){console.log('closedoor');}}varopenPCCommand={execute:function(){console.log('openpc');}}varopenQQCommand={execute:function(){console.log('openqq'
lihangxiaoji·2020-08-23 06:37

设计模式：装饰者模式

阅读曾探的《JavaScript设计模式与开发实践》—读书笔记什么是装饰者模式装饰者(decorator)模式能够在不改变对象自身的基础上，在程序运行期间给对像动态的添加职责。
leibosite·2020-08-23 06:58

javascript设计模式（二） 代理模式 观察者模式

代理模式是为一个对象提供一个代用品或占位符，以便控制对他的访问。在实际开发过程中代理模式也是很有意义的，我们会遇到这样的情况，当客户不方便直接访问或者是直接访问不能满足需求甚至说不能直接访问时，我们可以提供一个中间的替身对象来更好的进行对实体对象的访问，客户并不关心他访问的是替身还是实体，只要能完成需求就好。代理模式的种类有许多，在js里面比较常用的是虚拟代理和缓存代理，这里我们着重介绍一下这两种
allenliu6·2020-08-23 05:53

JavaScript设计模式之享元模式

什么是享元模式?享元（flyweight）模式是一种用于性能优化的模式，“fly”在这里是苍蝇的意思，意为蝇量级。享元模式的核心是运用共享技术来有效支持大量细粒度的对象。如果系统中因为创建了大量类似的对象而导致内存占用过高，享元模式就非常有用了。在JavaScript中，浏览器特别是移动端的浏览器分配的内存并不算多，如何节省内存就成了一件非常有意义的事情。享元模式的概念初听起来并不太好理解，所以在
仇益阳·2020-08-23 04:59

JavaScript设计模式-发布订阅模式

概念  发布-订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。描述  不论是在程序世界里还是现实生活中，发布—订阅模式的应用都非常广泛。  比如，小明最近看上了一套房子，到了售楼处之后才被告知，该楼盘的房子早已售罄。好在售楼处工作人员告诉小明，不久后还有一些尾盘推出，开发商正在办理相关手续，手续办好后便可以购买。但到底是什么时
小小的开发人员·2020-08-22 13:39

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

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

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

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

程序员面试系列之Java单例模式的攻击与防御

程序员面试系列-什么是JavaMarkerInterface（标记接口）使用JDK自带的工具jstack找出造成运行程序死锁的原因编程面试题：编写一个会造成数据库死锁的应用JavaScript面试系列：JavaScript
JerryWang_汪子熙·2020-08-22 11:04

JavaScript设计模式系列五：适配器模式

什么是适配器模式所谓适配器模式就是用一个新的接口对现有的接口进行包装，处理类与API的不匹配。使用这种模式的对象又叫作包装器。比如我们有一个接口：functionapi(x1,x2,x3){console.log(x1+x2+x3);//用console.log来模拟接口的相关操作}然后我们有一个对象数据：varobj={a:'我',b:'很',c:'帅'}我们可以发现，我们的数据和接口的参数是不
holyZhengs·2020-08-22 10:02

JavaScript设计模式系列六：桥接模式

桥接模式桥接（Bridge）是用于把抽象化与现实化解耦，使得二者可以独立变化，这种类型的设计模式属于结构型模式，它通过提供抽象化和现实化之间的桥接结构，实现二者的解耦。举个简单的例子varFn1=function(a){//dosomething...}varFn2=function(b){//dosomething...}varBridge=function(a,b){this.one=newF
holyZhengs·2020-08-22 10:02

JavaScript设计模式系列四：原型模式

什么是原型模式原型模式（Prototypepattern）：通俗点讲就是创建一个共享的原型，并通过拷贝这些原型创建新的对象。用于创建重复的对象，这种类型的设计模式属于创建型模式，它提供了一种创建对象的不错选择。实现原型模式我们可以通过JavaScript特有的原型继承特性去实现原型模式，也就是创建一个对象作为另一个对象的prototype属性值，我们也可以通过Object.create(proto
holyZhengs·2020-08-22 10:45

JavaScript设计模式与开发实践 - 策略模式

引言本文摘自《JavaScript设计模式与开发实践》在现实中，很多时候也有多种途径到达同一个目的地。比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。
laixiangran·2020-08-22 10:03

前端工程师之路

书单：《JavaScript权威指南》《JavaScript高级程序设计》《JavaScript模式》《JavaScript设计模式》《高性能Jav
zollero·2020-08-22 09:03

SHERlocked93 的 2019 年终总结

在下SHERlocked93，两年半的南京前端打字员，本硕毕业于北京理工大学，慕课专栏《JavaScript设计模式精讲》作者，公众号「前端下午茶」博主。
SHERlocked93·2020-08-22 02:39

推介一位前端实力博主朋友：SHERlocked93

今天给大家推荐一下我的好朋友「SHERlocked93」，慕课讲师，是慕课畅销专栏「JavaScript设计模式精讲」的作者。
frontend_frank·2020-08-22 00:39

jQuery基础详解

1.jqueryjQuery:封装常用的javaSaript功能代码,提供一种简便的javaScript设计模式.具有独特的链式语法和短小清晰的多功能接口,具有高效灵活的css选择器,并且可对css选择器进行扩展
我是大壳儿·2020-08-21 15:15

jQuery简介

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuer
跟着BOSS有肉吃·2020-08-21 13:26

jQuery介绍

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件
程序媛小红·2020-08-21 12:41

javascript设计模式——状态模式

状态模式即是解决程序中臃肿的分支判断语句问题，将每个分支转化为一种状态独立出来，方便每种状态的管理又不至于每次执行时遍历所有分支。在程序中到底产生哪种行为结果，决定与选择哪种状态，而选择何种状态又是在程序运行时决定的。当然状态模式最终的目的即是简化分支判断流程。分支判断模式实现//实现超级玛丽，因为她有很多东西，走，跳，射击，如果用if或者switch判断，造成很多判断分支//单动作条件判断，每增
蟹老板爱写代码·2020-08-21 11:43

JavaScript设计模式 | 13-桥接模式

1、模式定义桥接模式，在系统中沿着多个维度变化，不仅不会增加系统的复杂度，还可以达到解耦的目的。2、进一步理解桥接模式在写代码时，一定要注意对相同的逻辑做抽象提取处理，这很重要。如果这一点能做到，那么我们的代码将会更简洁，重用率也会更大，可读性会更高。这就是我们推荐使用面向对象思想来编程的根本原因。桥接模式，好比是两个城市之间的高速路。3、桥接模式举例//封装桥接方法functionchangeC
夏海峰·2020-08-21 05:36

2018年的读书清单

《别做正常的傻瓜》《人人都是架构师》《领域驱动设计和模式实践》《JavaScript设计模式与开放实践》《JavaScript正则表达式迷你书》《大话设计模式》（第4遍阅读）《算法导论》缓存，数据库优化库表拆分
ange1008·2020-08-21 02:56

常用的Javascript设计模式

《parcticalcommonlisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员，在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显
kongdeqiang_002·2020-08-21 00:20

常用的三种请求方式ajax,axios,fetch

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。作者我
vipbic·2020-08-20 23:59

常用的三种请求方式ajax,axios,fetch

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。作者我
vipbic·2020-08-20 23:58

JavaScript面试系列：JavaScript设计模式之桥接模式和懒加载

我写的程序员面试系列文章Java面试系列-webapp文件夹和WebContent文件夹的区别？程序员面试系列：SpringMVC能响应HTTP请求的原因？Java程序员面试系列-什么是JavaMarkerInterface（标记接口）使用JDK自带的工具jstack找出造成运行程序死锁的原因编程面试题：编写一个会造成数据库死锁的应用设计模式（DesignPattern）中的桥接模式，有的朋友平时
JerryWang_汪子熙·2020-08-20 21:24

JavaScript面试系列：JavaScript设计模式之桥接模式和懒加载

我写的程序员面试系列文章Java面试系列-webapp文件夹和WebContent文件夹的区别？程序员面试系列：SpringMVC能响应HTTP请求的原因？Java程序员面试系列-什么是JavaMarkerInterface（标记接口）使用JDK自带的工具jstack找出造成运行程序死锁的原因编程面试题：编写一个会造成数据库死锁的应用设计模式（DesignPattern）中的桥接模式，有的朋友平时
JerryWang_汪子熙·2020-08-20 21:24

compass watch 报CompatibilityError 解决方案

附：JavaScript数据结构和算法系列：JS栈JS队列-优先队列、循环队列JavaScript设计模式系列：JavaScript设计模式之策略模式JavaScript设计模式之发布-订
wuweisen·2020-08-20 20:06

compass watch 报CompatibilityError 解决方案

附：JavaScript数据结构和算法系列：JS栈JS队列-优先队列、循环队列JavaScript设计模式系列：JavaScript设计模式之策略模式JavaScript设计模式之发布-订
wuweisen·2020-08-20 20:06

JQuery学习笔记

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Aj
袁震·2020-08-20 13:32

jQuery

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Aja
nm781980682·2020-08-19 22:06

JavaScript设计模式-状态模式

概念  状态模式的关键是区分事物内部的状态，事物内部状态的改变往往会带来事物的行为改变。描述  通常谈到封装，一般都会优先封装对象的行为，而不是对象的状态。但在状态模式中刚好相反，状态模式的关键是把事物的每种状态都封装成单独的类，跟此种状态有关的行为都被封装在这个类的内部。  许多酒店里有另外一种电灯，这种电灯也只有一个开关，但它的表现是：第一次按下打开弱光，第二次按下打开强光，第三次才是关闭电灯
小小的开发人员·2020-08-19 20:04

JavaScript设计模式 | 07-原型模式

1、模式定义原型模式，让原型实例指向一个类，使这个类能够共享（不是复制）原型对象的属性和方法。2、一点说明我们已经知道，基于原型链（原型模式）可以实现JavaScript中的继承关系，这种继承是对父级属性和方法的共享，而不是复制。可以说，原型模式是JavaScript语言的灵魂，在JavaScript面向对象编程思想或设计模式中，很多都是基于原型模式来实现的。3、一段普通的代码//轮播图基类var
夏海峰·2020-08-19 19:24

JavaScript设计模式之发布-订阅模式

发布-订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知1.现实中的发布-订阅模式小明最近看上一套房子，到了售楼处之后才被告知，楼盘房子早已售空。好在售楼处告诉小明，不久后还有一些尾盘推出，但到底是什么时候，目前还不知道。于是小明记下了售楼处的电话，每天都会打电话询问有没有开盘。同样，除了小明，还有小红、小强也每天都会像售楼处打电
李友胜·2020-08-19 19:25

jQuery笔记（jQuery入门，选择器，设置属性和内容，遍历，事件，动态效果，Ajax，JSON）

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、
hanne_lovegood·2020-08-19 17:32

《JavaScript设计模式》张容铭 第一章 函数声明的NNNNNNN种方式

灵活的语言1.0最普通的写法DocumentfunctioncheckName(){}functioncheckEmail(){}functioncheckPassword(){}1.1函数的另一种形式DocumentvarcheckName=function(){}varcheckEmail=function(){}varcheckPassword=function(){}1.2用对象收编函数D
哓秒四下·2020-08-19 08:00

JavaScript设计模式——职责链模式

职责链模式是设计模式中行为型的一种设计模式；定义：使多个对象都有机会处理请求，从而避免请求的发送者与接收者之间的耦合关系，将这些处理请求的对象形成一个链，并沿着这个链传递请求，直到有一个对象处理它为止；白话解释：作者坐标武汉，1000+万人口的新一线城市；以早高峰公交为例，早上早高峰的时候通常都是公交车前门拥堵，以至于没办法刷卡乘车；但是后门相对来说会空一些，这时我们选择后门上车，但是我们后门上车
有梦想的咸鱼前端·2020-08-19 06:24

js设计模式--策略模式

前言本系列文章主要根据《JavaScript设计模式与开发实践》整理而来，其中会加入了一些自己的思考。希望对大家有所帮助。
weixin_33859844·2020-08-19 04:22

JavaScript设计模式：观察者模式与发布订阅模式

观察者模式（Observer）观察者模式：定义了对象间一种一对多的依赖关系，当目标对象Subject的状态发生改变时，所有依赖它的对象Observer都会得到通知。模式特征一个目标者对象Subject，拥有方法：添加/删除/通知Observer；多个观察者对象Observer，拥有方法：接收Subject状态变更通知并处理；目标对象Subject状态变更时，通知所有Observer。代码实现//目
nucky_lee·2020-08-19 02:52

JavaScript设计模式三（策略模式）

JavaScript设计模式三（策略模式）策略模式定义定义一系列算法，把他们一个个封装起来，并且使他们相互替换我们可以先看一个例子策略模式计算年终奖大家知道年终奖的发放是和工资基数和年终考评来计算的，例如
lihangxiaoji·2020-08-19 02:18

浅析JavaScript设计模式——发布-订阅/观察者模式

观察者模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知前一段时间一直在写CSS3的文章一直都没写设计模式今天来写写大名鼎鼎观察者模式先画张图观察者模式的理解我觉得还是发布-订阅模式的叫法更容易我们理解（不过也有的书上认为它们是两种模式……）这就类似我们在微信平台订阅了公众号当它有新的文章发表后，就会推送给我们所有订阅的人我们可以看到例子中这种模式的优
Gen_·2020-08-19 01:02

Javascript设计模式系统讲解与应用，JS设计模式详解

二、Javascript设计模式系统讲解与应用终于，有一门为
SXT明辉·2020-08-18 20:00

Javascript设计模式系统讲解与应用，JS设计模式详解

二、Javascript设计模式系统讲解与应用终于，有一门为
SXT明辉·2020-08-18 20:00

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

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

day 9/30 jQuery01

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Aja
任晓萱·2020-08-18 02:56

Javascript设计模式 -> 观察者模式 ( •̀ ω •́ )✧

观察者模式(又叫发布者-订阅者模式)应该是最常用的模式之一.在很多语言里都得到大量应用.包括我们平时接触的dom事件.也是js和dom之间实现的一种观察者模式.div.onclick=functionclick(){alert('click');};只要订阅了div的click事件.当点击div的时候,functionclick就会被触发.那么到底什么是观察者模式呢.先看看生活中的观察者模式。好莱
草鞋没号·2020-08-18 01:15

Javascript面向对象之五工厂模式-《javascript设计模式》笔记 （赞）

原文出处：http://blog.sina.com.cn/s/blog_550ffb0b0100oa9t.html工厂模式和单例模式（http://blog.sina.com.cn/s/blog_550ffb0b0100nv4p.html）应该是设计模式中应用最多的模式了，工厂模式的定义：提供创建对象的接口（来自百度百科：http://baike.baidu.com/view/1306799.ht
chelen_jak·2020-08-17 21:46

JavaScript设计模式都有哪些？

单体（Singleton）模式：绝对是JavaScript中最基本最有用的模式。单体在JavaScript的有多种用途，它用来划分命名空间。可以减少网页中全局变量的数量(在网页中使用全局变量有风险)；可以在多人开发时避免代码的冲突(使用合理的命名空间)等等。在中小型项目或者功能中，单体可以用作命名空间把自己的代码组织在一个全局变量名下；在稍大或者复杂的功能中，单体可以用来把相关代码组织在一起以便日
big bug·2020-08-17 01:33

JavaScript设计模式

导读：作者本人一直从事前端开发，文章以JavaScript语言的角度去论证，JavaScript模式与前端的工作和成长密不可分，因为这确实不是一个简单的话题，作者用简单表达和例子为大家阐明JavaScript
shaily·2020-08-16 23:38
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他