javascript设计模式

javascript 仿jQuery的无new构造函数

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。熟练掌握【
黄河爱浪·2020-09-12 23:35

面向对象编程之：封装、继承、多态

为了让我的代码多点艺术，我就重新温故了《javascript高级程序设计》（其中几章），然后又看了《javascript设计模式》，然后觉得要写点心得体会，来整理自己所学的吧。
weixin_30851867·2020-09-12 21:08

publish/subscribe(发布/订阅)模式

这几天看《JavaScript设计模式》看的云里雾里的，设计模式看似是具体的东西，却又抓不住。在想发布/订阅模式的形态时，开启新思路，有所收获。化繁为简分析，倒推分析；化简为繁，是实际项目。
amber_2016·2020-09-12 00:52

JavaScript设计模式-（ 观察者模式 与 发布、订阅模式 ）

JavaScript设计模式整理一些常见模式实现：点我什么是设计模式？一个模式就是一个可重用的方案，可应用于在软件设计中的常见问题。
我是VUE·2020-09-11 15:45

简述几种前端技术的主要作用

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
笑扯了嘴角·2020-09-11 10:41

代理模式

写在前面参考《JavaScript设计模式与实战》代理模式代理模式顾名思义就是为一个对象进行代理，对该对象的操作都会通过代理先去完成，达到为对象进行过滤保护等功能。
Front_end_lh·2020-09-11 09:58

JavaScript设计模式系列—模式篇总结（上）

转载请注明预见才能遇见的博客：http://my.csdn.net/原文地址：https://blog.csdn.net/pcaxb/article/details/102517956JavaScript
预见才能遇见·2020-09-11 09:29

JavaScript学习书籍

JavaScriptDOM编程艺术》《JavaScript函数式编程》进阶：《你不知道的JavaScript》《精通JavaScript》《JavaScript高级程序设计》高级：《高性能JavaScript》《JavaScript
恒惘·2020-09-10 14:07

JavaScript设计模式——工厂模式

在介绍工厂模式之前，首先我们要理解一下什么是设计模式？什么是设计原则？设计模式:通常在我们解决问题的时候，很多时候不是只有一种方式，我们通常有多种方式来解决；但是肯定会有一种通用且高效的解决方案，这种解决方案在软件开发中我们称它为设计模式；设计模式并不是一种固定的公式，而是一种思想，是一种解决问题的思路；恰当的使用设计模式，可以实现代码的复用和提高可维护性；设计原则：通常在做很多事情的时候，都会有
有梦想的咸鱼前端·2020-09-10 13:07

Mango 前端知识输入目录

前端输入分类专业书籍视频学习阅读源码标识规则：【{inputType}{id}-{sequeneId}】例子：【R1-2】：编号为1的专业书籍的第2篇文章inputType分类标识专业书籍【R】视频学习【V】阅读源码【C】专业书籍【1】JavaScript
Mango芒果·2020-08-26 23:26

javascript设计模式--封装和信息隐藏（下）

今天讲解的内容是高级模式（AdvancedPatterns），如何实现静态方法和属性，常量还有其他一些知识点。1.静态方法和属性其实要实现这一功能还是要借助于闭包。在上一讲中的第三种实现方式也使用了闭包，但通过那种实现，内部属性和方法是实例级别的。varbook1=newBook('isbn1','title1','author1');varbook2=newBook('isbn2','title
kbh1983·2020-08-26 23:31

javascript设计模式--继承（上）

本章的主题是继承，分为上下两部分来介绍，上主要来介绍call和apply方法，下用来介绍继承的几种实现方式。在介绍继承的时候，call和apply是一个绕不过去的话题，也是大家需要深入了解的知识。下面我们来看看call的定义（apply和call基本是一样的，只是参数不同，这里不做介绍了）：?call方法请参阅应用于：Function对象要求版本5.5调用一个对象的一个方法，以另一个对象替换当前对
kbh1983·2020-08-26 23:31

javascript设计模式--封装和信息隐藏（上）

今天博文关注的是javascript中的封装，文章内容来自《projavascriptdesignpatterns》（有兴趣的朋友可以直接去下）和自己对这一问题的理解。本文分上下两部分，上部讲基本模式（basicpatterns）：完全暴露法，下划线标记法和使用闭包；下部讲高级模式（AdvancedPatterns），如何实现静态方法和属性，常量还有其他一些知识点。封装是面向对象语言很基本也是很有
kbh1983·2020-08-26 23:31

Mango 前端知识输入目录

前端输入分类专业书籍视频学习阅读源码标识规则：【{inputType}{id}-{sequeneId}】例子：【R1-2】：编号为1的专业书籍的第2篇文章inputType分类标识专业书籍【R】视频学习【V】阅读源码【C】专业书籍【1】JavaScript
Mango芒果·2020-08-26 23:27

javascript设计模式--接口

最近在看javascript设计模式的书籍《projavascriptdesignpattrens》，觉得很不错，可以提高自己对jsoo的理解，也可能帮助自己更好的理解别人写的jslibrary，提高自己
kbh1983·2020-08-26 23:31

读书计划及书单

javaScript语言》①《JavaScript高级程序设计》②《JavaScript权威指南（第6版）》②《JavaScript学习指南（第2版）（修订版）》②《JavaScriptDOM编程艺术(第2版)》②《JavaScript
自我修炼的小石头·2020-08-26 14:54

javascript设计模式——原型模式

摘要：原型模式，就是将原型对象指向创建对象的类，使这些类共享原型对象的方法和属性。需求：创建一个焦点图，焦点图需要实现上下滑动和淡入淡出效果。直接调用父类方法//使用该方式创建，会造成每次创建子类的是有，都要实例化父类，造成性能问题varLoopImages=function(imgArr,container){this.imageArray=imgArrthis.container=contai
蟹老板爱写代码·2020-08-26 13:30

javascript设计模式——策略模式

策略模式：将定义的一组算法封装起来，使其互相之间可以替换。封装的算法具有一定独立性，不会随客户端变化而变化。使用策略模式实现表单验证//使用策略模式实现表单验证varInputStrategy=function(){varstrategy={notNull:function(value){return/\s+/.test(value)?'请输入内容':''},number:function(val
蟹老板爱写代码·2020-08-26 13:30

JavaScript设计模式之观察者模式

观察者模式，也叫订阅-发布模式顾名思义，就是订阅某些功能，然后在适当的时机执行这些功能订阅，就是把几个函数推入数组中待用；发布，就是把缓存在数组中的那一坨函数列队执行。根据以上描述，写出如下的代码：最简单的一个订阅-发布者模式varevent={eventList:{},listen:function(key,fn){if(!this.eventList[key]){this.eventList[
曜灵SUN·2020-08-26 12:44

jQuery总结

jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
风之伤_3eed·2020-08-26 11:43

JavaScript设计模式之观察者模式

介绍发布订阅一对多实例肯德基点餐后等着被叫号订报纸后每天等着送报纸UML![image]https://www.ahwgs.cn/wp-content/uploads/2019/01/7O6ZU39F9R0PB_RPM1D.png)代码演示//主题保存状态状态变化之后触发所有观察者classSubject{constructor(){this.state=0this.obsevers=[]}get
w候人兮猗·2020-08-25 16:50

前端中的设计模式 JavaScript

最近再准备秋招，然后顺便把过去空白的设计模式相关概念补一补，这些内容都是从《JavaScript设计模式与开发实践》一书中整理出来的（1）单例模式定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点
badanjia8818·2020-08-25 14:12

JavaScript设计模式之迭代器模式

迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。目前，恐怕只有在一些“古董级”的语言中才会为实现一个迭代器模式而烦恼，现在流行的大部分语言如Java、Ruby等都已经有了内置的迭代器实现，许多浏览器也支持JavaScript的A
yufawu·2020-08-25 05:55

四个你应该知道的Javascript设计模式【译】

原文地址：https://scotch.io/bar-talk/4-javascript-design-patterns-you-should-know前言每位程序开发者都在致力于编写可维护、可读性高以及可复用的代码。随着应用越来越大，代码的结构化也变得更加重要了。设计模式(designpattern)就是用来解决这个问题的关键，通过一些通用的代码组织结构来解决一些特定情况下的常见问题。JavaS
ITgecko·2020-08-25 02:01

JavaScript设计模式与实践--工厂模式

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

发布-订阅模式

摘自《JavaScript设计模式与开发实践》发布-订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。
小小的白菜·2020-08-24 20:29

2019年总结

在过去的一年，作为一名前端工程师，盘点一下去年的输入及输出：input1.书籍：技术书籍《深入浅出nodejs》《你不知道的javascript》上中下三册《javascript高级程序设计》《javascript
CoolSummmer·2020-08-24 16:26

从ES6重新认识JavaScript设计模式(三): 建造者模式

design-pattern-builder1什么是建造者模式?建造者模式(Builder)是将一个复杂对象的构建层与其表示层相互分离，同样的构建过程可采用不同的表示。建造者模式的特点是分步构建一个复杂的对象，可以用不同组合或顺序建造出不同意义的对象，通常使用者并不需要知道建造的细节，通常使用链式调用来进行建造过程，最后调用build方法来生成最终对象。同样作为创建型的设计模式，需要注意和工厂模式
李棠辉·2020-08-24 06:16

JavaScript设计模式之装饰者模式

引:什么是装饰者模式在传统的面向对象语言中，给对象添加功能常常使用继承的方式，但是继承的方式并不灵活，还会带来许多问题：一方面会导致超类和子类之间存在强耦合性，当超类改变时，子类也会随之改变；另一方面，继承这种功能复用方式通常被称为“白箱复用”，“白箱”是相对可见性而言的，在继承方式中，超类的内部细节是对子类可见的，继承常常被认为破坏了封装性。使用继承还会带来另外一个问题，在完成一些功能复用的同时
27亿光年中的小小尘埃·2020-08-24 02:08

柯里化辅助函数的实现

最近看javascript设计模式与开发实战里面有个通用的柯里辅助函数的实现，觉得不错，记录一下//对fn进行柯里化varcurring=function(fn){varargs=[];//记录调用过程中的
yongningfu·2020-08-23 19:37

JavaScript设计模式与开发实践(网课学习)

Js设计模式与开发实践面向对象5大设计原则23种设计模式(实际只有21种)设计模式主要分为下面三大类创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。行为型模式，共十一种：策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、
清风_1998·2020-08-23 11:56

JavaScript 设计模式

JavaScript设计模式设计原则S:单一职能原则O:开放闭合原则L:里氏替换原则I:接口分离原则D:依赖倒置原则1.工厂模式构造函数和创建者（工厂）分离符合开放闭合原则，通过工厂方法将构造函数和用户分离
东都花神·2020-08-23 11:55

javascript设计模式之定义及案例

高阶函数是指至少满足下列条件之一的函数：1）函数可以作为参数被传递2）函数可以作为参数输出。AOP：1）AOP（面向切面编程）的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟业务逻辑无关的功能通常包括日志统计、安全控制、异常处理等。把这些功能抽离出来之后，再通过“动态织入”的方式掺入业务逻辑模块中。这样做的好处首先是可以保持业务逻辑模块的纯净和高内聚性，其次是可以很方便地复用日志统计
world_7735·2020-08-23 09:46

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

二、Javascript设计模式系统讲解与应用终于，有一门为
IT学习吧·2020-08-23 09:43

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
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他