分类：响应式

2022
04-16

Vue2.x响应式简单讲解及示例

一、回顾Vue响应式用法​vue响应式，我们都很熟悉了。当我们修改vue中data对象中的属性时，页面中引用该属性的地方就会发生相应的改变。避免了我们再去操作dom，进行数据绑定。二、Vue响应式实现分析对于vue的响应式原理，官网上给了出文字描述https://cn.vuejs.org/v2/guide/reactivity.html。vue内部主要是通过数据劫持和观察者模式实现的数据劫持：vue2.x内部使用Object.definePropertyhttps://developer.mozilla.org/... 继续阅读 >

2021
08-31

浅谈Python响应式类库RxPy

目录一、基本概念1.1、Observable和Observer（可观察对象和观察者）1.2、Operator（操作符）1.3、Single（单例）1.4、Subject（主体）1.5、Scheduler（调度器）1.6、Observer和Observable1.7、操作符1.8、创建型操作符1.9、过滤型操作符1.10、转换型操作符1.11、算术操作符1.12、Subject1.13、ReplaySubject1.14、BehaviorSubject1.15、AsyncSubject1.16、Scheduler二、应用场景2.1、防止重复发送2.2、操作数据流一、基本概念React... 继续阅读 >

2021
07-31

浅谈Java响应式系统

目录初识响应式系统什么是响应式系统响应式系统的四大特点及时响应性（Responsive）恢复性（Resilient）有弹性（Elastic）消息驱动（MessageDriven）总结初识响应式系统ReactiveX的本质就是Observer+Iterator+函数编程+异步。是一个事件驱动的，异步的，可观察的序列。使用RxJava可以将异步的回调改写成为链式调用。在代码上看起来非常简洁明了。当然JDK也提供了CompletionStage提供了类似的解决回调的功能。Rxjava只是一个java的... 继续阅读 >

2021
07-01

深入理解Vue的数据响应式

目录1.ES语法的getter和setter2.ES语法的defineProperty3.Vue对数据的代理和监听4.Vue的数据响应式1.ES语法的getter和setter在开始了解Vue的数据响应式原理前应该先搞清楚ES语法中的getter和setter方法的具体用法。getter和setter方法是以get和set关键字来为对象添加虚拟属性的一种方式。这种属性其实并不真实存在，而是以取值函数getter和存值函数setter来模拟的一种属性。目的是对某个属性设置存值函数和... 继续阅读 >

2020
10-08

如何在Vue中使localStorage具有响应式(思想实验)

响应式是Vue.js的最大特色之一。如果你不知道幕后情况，它也是最神秘的地方之一。例如，为什么它不能用于对象和数组，而不能用于诸如localStorage之类的其他东西?让我们回答这个问题，在解决这个问题时，让Vue响应式与localStorage一起使用。如果运行以下代码，则会看到计数器显示为静态值，并且不会像我们期望的那样发生变化，这是因为setInterval在localStorage中更改了该值。newVue({el:"#counter",data:()=... 继续阅读 >

2020
09-29

40行代码把Vue3的响应式集成进React做状态管理

前言vue-next是Vue3的源码仓库，Vue3采用lerna做package的划分，而响应式能力@vue/reactivity被划分到了单独的一个package中。如果我们想把它集成到React中，可行吗？来试一试吧。使用示例话不多说，先看看怎么用的解解馋吧。//store.tsimport{reactive,computed,effect}from'@vue/reactivity';exportconststate=reactive({count:0,});constplusOne=computed(()=>state.count+1);effect(()=>{console.log(... 继续阅读 >

2020
09-29

Vue3 的响应式和以前有什么区别，Proxy 无敌？

前言大家都知道，Vue2里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。举个例子：letvm=newVue({data(){return{a:1}}})//❌oops，没反应！vm.b=2letvm=newVue({data(){return{a:1}},watch:{b(){console.log('change!!')}}})//❌oops，没反应！vm.b=2这种时候，Vue提供了一个api：this.$set，来使得新增... 继续阅读 >

2015
05-15

设计出色响应式网站的十个技巧

移动技术并没有渐退的迹象，反而对于个人和企业去建立门户网站，必须考虑移动用户已经变成了趋势。对于那些在不同设备上看起来很酷、功能十分有效的正在发展中的网站，响应式设计仍保持实践性。作为一个Web设计师，也会尝试用各种各样的网页设计技术。如果响应式设计趋势让你印象深刻，并且也打算用响应式设计深入研究网站创新，那么你已经来到了初学者的门口。这里，已经包含了10个关于设计一个完美的响应式网站的很酷的建议。因... 继续阅读 >

2014
12-25

响应式网页设计之技能技巧大盘点

本文会带大家来看看一些实用的建议，以帮助你在响应式网页设计过程，并使之变得更加高效。响应式网页设计已经变成新的web标准，许多公司已经接受了这个挑战，并且已经建立起了专门的网页设计方案（比如只针对移动端的开发）或者已经开始试图解决跨平台的响应式网页设计方案。1.计划与往常一样，计划总是要放在第一优先级的。一旦你在纸上开始解决你的设计难题，你就已经准备好建立你的站点了。2.充分利... 继续阅读 >