码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 设计模式 — — 前端


    常见的设计模式

    • 单例模式
    • 工厂模式
    • 策略模式
    • 代理模式
    • 观察者模式
    • …

    单例模式

    保证一个类仅有一个实例,并提供一个访问它的全局访问点。实现的方法为先判断实例存在与否,如果存在则直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象

    场景应用

    • 页面存在一个模态框的时候,只有用户点击的时候才会创建
    • Vuex、redux全局态管理库也应用单例模式的思想

    很多第三方库都是单例模式,多次引用只会使用同一个对象,如 jquery、lodash、moment

    工厂模式

    • 工厂角色:负责实现创建所有实例的内部逻辑.
    • 抽象产品角色:是所创建的所有对象的父类,负责描述所有实例所共有的公共接口
    • 具体产品角色:是创建目标,所有创建的对象都充当这个角色的某个具体类的实例

    策略模式

    策略模式,就是 定义一系列的算法,把他们一个个封装起来,并且使他们可以相互替换

    至少分成两部分:

    • 策略类(可变),策略类封装了具体的算法,并负责具体的计算过程
    • 环境类(不变),接受客户的请求,随后将请求委托给某一个策略类

    代理模式

    代理模式:为对象提供一个 代用品或占位符,以便控制对它的访问

    场景应用

    • 图片懒加载 (先通过一张loading图占位,然后通过异步的方式加载图片,等图片加载好了再把完成的图片加载到img标签里面)
    • 读取本地缓存(相同参数的请求情况下,不去调用 http 请求,节约部分请求时间跟资源)

    观察者模式

    观察者模式定义了一种 一对多的对象依赖关系,当被依赖的对象的状态发生了改变,所有依赖它的对象都会得到通知;

    比如你订阅了某个博主的频道,当有内容更新时会收到推送

    场景应用

    • vue 双向绑定 v-model
    • DOM 事件(监听返回)
  • 相关阅读:
    第三部分:领域驱动设计之分析模式和设计模式应用于模型
    主成分分析-书后习题回顾总结
    构造,CF862C. Mahmoud and Ehab and the xor
    面试中经常问到的几个问题,快来看看能答对几道吧
    Atlassian Confluence OGNL表达式注入RCE CVE-2021-26084
    [附源码]SSM计算机毕业设计“云味坊”购物网站JAVA
    【10套模拟】【6】
    总结998
    JAVA毕设项目商店管理系统演示录像(java+VUE+Mybatis+Maven+Mysql)
    Java后端面试到底要如何准备?
  • 原文地址:https://blog.csdn.net/weixin_43924228/article/details/136672599
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号