![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
孤独的造梦者~君
前端小白,希望通过自律,可以变得“自由”,加油。
展开
-
JS设计模式 --- 观察者模式
JS设计模式 — 观察者模式又来更新了,昨天学了白贺翔老师的观察者模式,分享一下,直接看代码!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl原创 2020-10-30 11:04:23 · 135 阅读 · 0 评论 -
JS设计模式 --- 装饰者模式
昨天又学了白贺翔老师的JS设计模式 — 装饰者模式,下面来分享一下它的实现哈。装饰者模式:就是在保证不改变原始对象的基础上,添加新的方法或请求.装饰者模式两个要求:1.实现同一批接口 ,2.需要含有子类 // 接口类的实现 // var CarInterface=new BH.Interface('CarInterface',['getPrice','assement']); // var Car=function(car){ //原创 2020-10-28 11:46:30 · 197 阅读 · 0 评论 -
JS设计模式--门面模式
JS设计模式 --最简单的模式 :门面模式门面模式的概念:就是为了简化API接口(简化代码)看下面例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2020-10-27 09:51:25 · 158 阅读 · 0 评论 -
JS设计模式--组合模式
JS设计模式–组合模式昨天学习了白贺翔老师的JS组合模式,现在把我学到的分享出来叭O(∩_∩)O,直接看下面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&原创 2020-10-26 14:27:54 · 320 阅读 · 0 评论 -
JS设计模式--桥模式
桥模式:主要作用就是把抽象和现实分离开来,使他们可以完全独立变化下面用三个应用实例来实现桥模式:应用场景一:事件监听回调机制(用户点击一个按钮,向服务器端发送信息)(开头要先链接CommonUtil.js和jquery-1.8.0.min.js这两个文件) // classic 传统模式 前台和后台耦合在一起 一定要前台点击了才会调用后台 // $(function(){ //jQuery方法 // // 1.前台业务逻辑:这一段代码处理前台的事件原创 2020-10-25 14:37:45 · 351 阅读 · 0 评论 -
JS工厂模式转变为复杂工厂模式
复杂工厂模式** 工厂模式转变为复杂工厂模式–也就是由粗粒度变成细粒度。也就是每个对象实现的方法的变得更具体化。**看下面代码,同上文一样要先插入CommonUtil.js文件。 <script> // 复杂工厂模式(由粗粒度--变得更细粒度) // 首先有一个卖车的商店--就必须要有生产车的工厂 // 这里就只是提供卖车的方法 function CarShop() { };//变成一个抽象类 只能被继承 C原创 2020-10-23 10:33:57 · 221 阅读 · 0 评论 -
JavaScript设计模式---工厂模式
JavaScript设计模式—工厂模式工厂模式概念一:就是把参数传进去后,经过一系列的处理,然后得到想要的结果。工厂模式概念二:就是用面向对象的方法,把一些对象封装, 使一些占用空间多的、重复的代码封装起来的一种模式。看下面代码:在开头要先插入CommonUtil.js文件,里面包含检测接口的鸭式辩型法,和继承的方法CommonUtil.js文件// 这里是公共的Js文件// 命名空间var BH={}; // 3.鸭式辩型法 (最完美的JavaScript实现接口的方法)原创 2020-10-22 15:57:26 · 155 阅读 · 0 评论 -
JS的四种单体模式
又来更新了,今天来分享我昨天学习到的四种单体模式, 废话不多说,直接看看下面代码简单单体模式// 1.简单单体模式 // var Singleton={ //这种模式不能再用new创建实例了,就是Singleton // attr1:true, // attr2:10, // method1:function(){ // alert('方法1') // },原创 2020-10-20 10:03:07 · 273 阅读 · 1 评论 -
JavaScript定义接口的几种方式
前两天周末就没更新,但是有学习哦,所以来分享一下学习成果(~ ̄▽ ̄)~javascript 接口接口是面向对象JavaScript程序员的工具箱中最有用的工具之一,但是JavaScript没有定义 接口的概念,我们就通过模拟高级程序语言的方式来创建JavaScript中的接口。接口的概念:提供一种以说明一个对象应该有哪些方法的手段定义接口有三种方式 看下面代码 // 1.注释解析法(就是通过手写的方式把接口写到注释里面去)不能判断那些接口是否都实现了 // 优点:程序员可以有一个参原创 2020-10-19 14:25:25 · 5135 阅读 · 0 评论 -
原型的几种继承模式和模拟底层完美继承机制
哈罗,我又来了,坚持学习,坚持更新,分享一下我昨天学习的视频内容叭,废话不多说,看下面代码原型的几种继承模式 // 1.原型继承(既继承了模板,也继承了原型对象) // 父类构造函数 // function Person(name,age){ // this.name=name; // this.age=age; // } // // 父类原型原创 2020-10-16 10:38:32 · 122 阅读 · 0 评论 -
Js简单原型的用法和原型的动态特性
Js简单原型的用法和原型的动态特性昨天看了白贺翔老师的Javascript视频(第22个视频),分享一下学习成果ψ(`∇´)ψ看下面代码:<script type="text/javascript" charset="utf-8">// 一般情况下,给原型添加属性和方法都是通过Person.prototype.属性名/方法名,// 所以每次都要写Person.prototype.属性名/方法名// function Person(){// }// 一· 简单原型/原创 2020-10-13 14:18:55 · 135 阅读 · 0 评论 -
JS常用开发模式
标记文本哈罗,我又来了,来分享一下昨天的学习,一起进步呀!原型的特点引出的一些问题 // 原型的概念:原型对象里的所有属性和方法 被所有构造函数实例化出来的对象所共享 // 这是一个很好的特点,但是也带来了一些问题 // function Person(){ // } // // 简单对象 // Person.prototype={原创 2020-10-14 23:53:03 · 371 阅读 · 0 评论