提供了编程的基础技术教程

zl程序教程

JS——设计模式

  • JS设计模式之原型模式

    JS设计模式之原型模式

    源码点击这里前往Github获取本文源码。意图 用原型示例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。 ——《设计模式：可复用面向对象软件的基础》中文版第89页 所以这里说的原型类似于对象的蓝图。但是，由于JS的灵活性，这个设计模式对于JS来说不是很重要。 因为在像C++这样的静态语言中，类不是对象，并且运行时只能得到很少或者得不到任何类型信息，所以Prototype（原型模式）特别

    日期 2023-06-12 10:48:40     
  • JS设计模式之建造者模式

    JS设计模式之建造者模式

    源码点击这里前往Github获取本文源码。意图 将一个复杂对象的构建与它的表示（即实例对象）分离，使得同样的构建过程可以创建不同的表示 ——《设计模式：可复用面向对象软件的基础》中文版第74页 这句话里包含着两个要素：第一个是分离构建与表示，也就是说我们要单独创建一个新的类XxxBuilder来进行构建操作；第二个是这个XxxBuilder可以被继承然后重写方法，使得调用同样的接口却创建了不同

    日期 2023-06-12 10:48:40     
  • JS设计模式之备忘录模式

    JS设计模式之备忘录模式

    源码点击这里前往Github获取本文源码意图 在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态。这样以后就可将该对象恢复到原先保存的状态。 ——《设计模式：可复用面向对象软件的基础》中文版第212页 这个常常被运用于游戏存档、操作撤销等场景。示例这是一个悲催的故事，内容是一个人先涨薪然后通过本文提到的功能恢复了原来的薪水。如下：class Staff { co

    日期 2023-06-12 10:48:40     
  • JS常用的几种设计模式

    JS常用的几种设计模式

    面试常常问到设计模式，设计模式在实际业务中即使有用到，但是依然感受不到它的存在，往往在框架中会有更多体现，比如vue2源码，内部还是有很多设计思想，比如观察者模式，模版模式等，我们在业务上一些通用的工具类也会用到单例，在大量的条件判断也会考虑策略者模式，这两种用得比较多。好记性不如烂笔头，又重新回顾了一遍设计模式，虽然仅仅掌握了几种熟悉的设计模式，但是希望在复杂的业务上，能想起那些不太常用的设计模

    日期 2023-06-12 10:48:40     
  • JS设计模式 - 笔记

    JS设计模式 - 笔记

    设计模式概略 + 常用设计模式 包括单例模式、策略模式、代理模式、发布订阅模式、命令模式、组合模式、装饰器模式、适配器模式 # 设计模式概略# 什么是设计模式定义：在软件设计过程中，针对特定问题的简洁而优雅的解决方案# SOLID 五大设计原则Single：单一职责原则 一个程序只做好一件事Open：开放封闭原则 对扩展开放，对修改封闭Liskov：里氏置换原则 子类能覆盖父类，并能出现在父

    日期 2023-06-12 10:48:40     
  • js设计模式详解编程语言

    js设计模式详解编程语言

    单例模式 （单体模式提供了一种将代码组织为一个逻辑单元的手段，这个逻辑单元中的代码可以通过单一变量进行访问） let obj = {   name:  xx ,   age: 20 } （工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工

    日期 2023-06-12 10:48:40     
  • ES6教程-字符串，函数的参数，了解函数的arguments对象，js面向对象，设计模式-单例模式，解构赋值

    ES6教程-字符串，函数的参数，了解函数的arguments对象，js面向对象，设计模式-单例模式，解构赋值

    前言 主要讲解了ES6对字符串的拓展，包括includes，startsWith和endsWith，另外增加了字符串模板。

    日期 2023-06-12 10:48:40     
  • [js高手之路]设计模式系列课程-单例模式实现模态框

    [js高手之路]设计模式系列课程-单例模式实现模态框

    什么是单例呢？ 单，就是一个的意思。例：就是实例化出来的对象，那合在一起就是保证一个构造函数只能new出一个实例，为什么要学习单例模式呢？或者说单例模式有哪些常见的应用场景.它的使用还是很广泛，比如：弹出一个模态框，一般来说在网站中弹出的模态框，不停的一直点击，一般只能创建一个。还有后台的数据库连接，一般都是保证一个连接等等。今天的主题就是单例在模态框中的应用，我们先要搞清楚，怎么弄个单例出来.

    日期 2023-06-12 10:48:40     
  • [js高手之路]面向对象+设计模式+继承一步步改造简单的四则运算

    [js高手之路]面向对象+设计模式+继承一步步改造简单的四则运算

    到目前为止，我已经写完了面向对象完整的一个系列知识，前面基本属于理论，原理的理解，接下来，我们就用学到的知识来实战下吧. 看看理解原理和理论是否重要？例子从简单到复杂 一、单体（字面量）封装加减乘除 1 var Oper = { 2 add : function( n1, n2 ){ 3 return n1

    日期 2023-06-12 10:48:40     
  • [js高手之路] 设计模式系列课程 - DOM迭代器(2)

    [js高手之路] 设计模式系列课程 - DOM迭代器(2)

    如果你对jquery比较熟悉的话，应该用过 eq, first, last, get, prev, next, siblings等过滤器和方法。本文，我们就用迭代设计模式来封装实现，类似的功能 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8

    日期 2023-06-12 10:48:40     
  • [js高手之路]设计模式系列课程-委托模式实战微博发布功能

    [js高手之路]设计模式系列课程-委托模式实战微博发布功能

    在实际开发中，经常需要为Dom元素绑定事件，如果页面上有4个li元素，点击对应的li，弹出对应的li内容，怎么做呢？是不是很简单？ 大多数人的做法都是：获取元素，绑定事件 1 <ul> 2 <li>跟着ghostwu学习javascript设计模式的应用1</li> 3 <li>跟着ghostwu学习

    日期 2023-06-12 10:48:40