码迷,mamicode.com
首页 > Web开发 > 详细

JS事件中的发布订阅模式

时间:2017-10-09 14:10:28      阅读:414      评论:0      收藏:0      [点我收藏+]

标签:block   计划表   框架   调用   data   技术   执行   mis   png   

一. 你是如何理解发布订阅模式的

  • JS中的设计模式:
    • 单例模式:处理业务逻辑
    • 构造原型模式:封装类库,组件,框架,插件等
      • 类库:jQuery
        • 只是提供了一些常用的方法,可以应用到任何的项目中,不具备业务性
      • 组件:bootstrap
        • 提供了很多通用的组件(HTML/CSS/JS都是别人规定好的),我们只需要按照要求使用,就可以直接的达到效果
      • 插件: swiper/iscroll
        • 针对于一个具体业务的封装,例如选项卡插件或者轮播图插件
      • 框架:React/Vue
        • 具备一定编程思想的(MVC/MVVM)叫做框架
    • 发布订阅模式:处理一些具体需求的
    • promise模式:处理一些具体需求的
  • 发布订阅模式
    • 发布一个计划表(发布)
    • 往计划表中追加一些需要处理的事情(订阅)

二. 发布订阅模式

发布订阅模式不是一个死的机制,他是一种思想,一种写代码的形式;主要为了处理一对多的场景,应用于不同情况下的不同函数的调用,this很重要

  • 手动进行模拟浏览器事件机制

    1. 订阅
    技术分享

     

    1. 发布
      • 执行
  • 改变this指向

    1. 创建一个小工具盒
    2. 把我们的方法放到了小工具盒里边
    3. 当我们在想用这个方法的时候,直接就到这个小工具盒变量就可以
  • 处理顺序问题的,其实根本就是处理IE事件池乱序问题,那么我们就不能用ie的事件池进行,我们模拟一个事件池(利用发布订阅的思想来模拟我们的事件池)

    1. 监听的时候添加处理程序
    2. 在发布的时候将监听的事件的处理程序都执行

JS事件中的发布订阅模式

标签:block   计划表   框架   调用   data   技术   执行   mis   png   

原文地址:http://www.cnblogs.com/Scar007/p/7640572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!