夏天夏 夏天夏
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夏天夏

我也不饶岁月
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript

    • JavaScript
    • 虚拟DOM
    • DOM和事件
    • ES6
    • 数组操作
    • JavaScript的深浅拷贝
    • JavaScript的执行
    • JavaScript对象
    • JavaScript类型
    • JS概念
    • js设计模式
      • 设计思路
      • 工厂模式
        • 应用场景
      • 单列模式
        • 特性
        • 应用场景
    • js深入浅出
    • Promise
    • this的指向
    • typescript
  • CSS

  • 框架

  • Node

  • 服务

  • 其他

  • 设计模式

  • web3

  • react

  • 学习笔记
  • JavaScript
夏天夏
2022-05-15
目录

js设计模式

# js设计模式

  • # 设计思路

    • 业务逻辑与界面逻辑分开,让他们的耦合性下降。
    • 需求增加,不修改产品源代码
  • # 工厂模式

    • # 应用场景

      • jQuery —————— $('div')
      • React.createElement
      • vue 异步组件
  • # 单列模式

    • # 特性

      • 一个类只能初始化一个实例
      • 符合单一职责原则,只实例化唯一的对象
      • 没法具体开放封闭原则,但是绝对不违反开放封闭原则
    • # 应用场景

      • 购物车(和登录框类似)
      • vuex和redux中的store
编辑 (opens new window)
#设计模式
上次更新: 2022/05/24, 23:27:54
JS概念
js深入浅出

← JS概念 js深入浅出→

最近更新
01
远程办公的个人思考
02-21
02
SEO
01-02
03
NFT的价值
12-27
更多文章>
Theme by Vdoing | Copyright © 2019-2025 夏天夏 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式