美文网首页
触发联动:响应式的优缺点

触发联动:响应式的优缺点

作者: 凌霄光 | 来源:发表于2018-09-23 02:37 被阅读79次

响应式是什么

响应就是交互,就是你对它做的事情他会有回应。观察者模式以及各种观察者模式的实现,比如浏览器的事件机制、vue的事件通信、数据库的触发器等都是响应式的。

一般的程序的交互就是输入参数,返回结果或者异步的回调。但是面向用户的程序,入口有很多,我们会监听用户的行为、各种交互事件,然后对对应的事件作出响应、处理。前端进入mvvm阶段以后,很多dom操作都被隐藏和封装起来了,我们需要关心的只是数据的变化,dom事件的响应式机制自然也就深入到了数据的层面,有了各种数据的响应式机制,比如vue的响应式、比如rxjs等数据流的响应式。

响应式的优点

归根到底,其实响应式还是基于观察者模式来做的,思想一样,但是应用的场景和封装的程度都不同。很多时候,响应式确实是很方便的,比如状态复杂的时候,如果是命令式的,那么每次状态变化需要手动去修改一系列的联动更新,而响应式的也就是建立起了联动的机制,就像有了火灾消防员就会赶往现场、各种应急消防措施也会启动一样,是自动去联动而不需要认为去命令式的操作的。

响应式的缺点

当然,响应式有好处也有坏处,好处就是建立了联动的机制,使得每种变化之后的操作不需要手动去做,观察者或者说联动者的数量和行为也可以动态的透明的去维护。但是,这种联动关系一旦没管理好就会造成这种难以发现的问题,比如事件监听,如果分散在整个项目中,那么会使得某一种状态变化了,你都不知道会有怎样的联动变化,就像蝴蝶扇一下翅膀,外里外的海啸是怎么引起的你都不会知道。响应式需要合理的受控制的去运用,比如把所有的事件监听器集中到一块,比如联动有一定的方向性和规律性,而不是随意的各种方向的事件通信。

总结

响应式确实对状态变动频繁,交互逻辑复杂、数据模型关系复杂的情况有很大的简化,只要建立起联动的关系,那么变动会自动的去联动调用,就像你训练一条小狗摇铃铛吃饭一样,以后只要摇铃铛就好了。响应式对于现在越来越复杂的前端应用来说,确实是必不可少的。但是要合理的有规范的去应用。手持利剑,而不被它所伤。

相关文章

  • 触发联动:响应式的优缺点

    响应式是什么 响应就是交互,就是你对它做的事情他会有回应。观察者模式以及各种观察者模式的实现,比如浏览器的事件机制...

  • vue this.$set 给data对象新增属性,并触发视图更

    往响应式对象this.$data中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式...

  • 响应式布局优缺点

    优点:解决设备之间的差异化展示 缺点:兼容性代码多,工作量大,加载速度受影响。对原有网站布局会产生影响,用户判断未...

  • Vue.set()触发视图更新

    向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因...

  • 2018-07-09 vue 动态添加属性

    如果要增加属性的对象是响应式的,那该方法可以确保属性被创建后也是响应式的,同时触发视图更新 import Vue ...

  • 什么是 bootstrap 中的 break point

    断点是 Bootstrap 中的触发器,用于触发布局响应按照设备或视口大小的变化而变化。 断点是响应式设计的基石。...

  • 计算属性VS方法

    计算属性是基于它们的响应式依赖进行缓存的,只在相关响应式依赖发生改变时它们才会重新求值。 而每当触发重新渲染时,调...

  • Vue 计算属性与方法的区别

    计算属性是基于它们的响应式依赖进行缓存的,只在相关响应式依赖发生改变时它们才会重新求值。 相比之下,每当触发重新渲...

  • Vue.js入门(四):常用API

    1 数据类API Vue.set 向响应式对象中添加一个 属性,并确保这个新 属性 同样是响应式的,且触发视图更新...

  • vue灵魂拷问

    1、说说Vue的优缺点 优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开 缺点:单页面...

网友评论

      本文标题:触发联动:响应式的优缺点

      本文链接:https://www.haomeiwen.com/subject/zfdfoftx.html