响应式编程js
⑴ 什么是函数响应式编程
函数响应式编程(Functional Reactive Programming:FRP)是一种和事件流有关的编程方式，其角度类似EventSoucing，关注导致状态值改变的行为事件，一系列事件组成了事件流。
FRP是更加有效率地处理事件流，而无需显式去管理状态。
具体来说，FRP包括两个核心观点：
1.事件流，离散事件序列
2.属性properties, 代表模型连续的值。
一系列事件是导致属性值发生变化的原因。FRP非常类似于GOF的观察者模式。
为什么需要FRP?
FRP的需求来源于对于多个值发生改变，以javascript为例子，如下：
var a = function (b,c) { return b + c } // a = b + c
其中a实际代表b与c之和，如果b或c持续不断在被改变，如何触发a值也跟着变化呢？
也就是说，上述代码只是一种表达式，并没有指定a值的变化依赖b和c。
使用Reactive.js可以达到指定这种依赖关系，代码如下：
/A=B+C
varreactiveA=$R(function(b,c){returnb+c});
varreactiveB=$R.state(2);
varreactiveC=$R.state(1);
reactiveA.bindTo(reactiveB,reactiveC);
reactiveA();//->3
reactiveB(5);//SetreactiveBto5
reactiveC(10);//SetreactiveCto10
reactiveA();//->15
我们将b和c可以看成是被观察者，而a作为观察者，如果随着时间推移，b和c的值不断变化，如何将这种变化传导到a呢？
我们将导致b和c被观察者发生变化的一系列事件组成事件流，可以用集合来表达事件流，那么FRP框架所要做的就是，遍历这个事件流集合，将导致b和c的变化的事件重新播放，获得a的一系列值结果。
事件流被称为被观察者序列(observable sequences)，其实被观察者是一种Monads。
⑵ 响应式网站有什么优缺点
其实今天安徽码农科技之所以写这个响应式网站是因为近两年响应式网站确实很火，很多客户通过业务员的介绍感觉神乎其神，甚至网站业务员说得自己都相信了，把自己都骗了，觉得响应式无所不能，非常完美。其实响应式并不是没有缺点，准确的说也有很多致命的缺点。
什么是响应式网站?
响应网站设计应根据用户使用的设备的分辨率大小进行相应的响应与调整，最大限度满足不同设备用户体验需求。响应式网站设计就是一个网站能够兼容多个终端，不需要为每个终端做一个特定的版本。简单地理解：一个响应式网站＝手机网站＋pad端网站＋PC网站。具体的实现方式由多方面决定，包括弹性网格、弹性图片、CSS媒体查询（media query）的使用等。
弹性网格（flexible grids）
可基于屏幕分辨率扩展或拉伸内容。
弹性图片（flexible grids）
在小屏幕上可缩小尺寸，并可扩展大最大尺寸以支持大屏幕。
媒体查询（media queries）
是放在站点HTML和样式表中的代码段，用来收集设备显示能力的信息以支持多种形式的界面。
下面安徽码农科技就给大家总结一下响应式网站的优缺点吧 。
响应式网站优点
1:用户体验友好
随着电脑尺寸多元化，智能设备（pad/智能手机）普及化，在当下追求用户体验至上的时代（2016年），之前网站普遍使用固定的宽度（960px或1000px）逐渐满足不了现在不同设备与不同分辨率需求。在高分辨率电脑宽屏显示器上，两边留白过多。在手机上显示，内容显示过小，用户为了看清楚，首先需要放大界面，再左右拖拖界面。响应式网站可以根据不同终端、不同尺寸和不同应用环境，自动调整界面布局、展示内容、内容大小，提供非常好视觉展示效果，一致性友好体验。
2:SEO友好
由于响应网站在不同终端有友好的界面展示效果，用户可以与网站一直保持联系，比如URL不变积累分享；通过单一的URL地址收集所有的社交分享链接最佳化搜索用引擎。搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的连接。
3:多个网站只需一个后台即可完成全部网站维护，无需额外增加负担。说到这里你也许会说不做响应式的网站，做个手机站也可以数据同步，一个后台。说得非常对，但是这只限于维护一般的新闻内容与产品等，并不是所有内容都可以一站同步。比如网站banner上与一些特定地方的图片尺寸，就需要分两次裁剪吧。
响应式网站缺点
1:对低版本浏览器兼容性不友好
对于老版本浏览器支持不好，这是一个致命的问题。老版本浏览器上打开响应式网站会经常出现图片显示不全，排版错乱等情况。
2:灵活性有所欠缺
基于不同终端的设备属性不同，对产品用户体验要求就会截然不同。内容比较多带有功能性的网站不适合做响应式网站设计，如：电商类型网站，宽屏的pc端内容如果全部要在手机端进行展示，势必导致手机端的界面非常长，需要根据手机端属性进行重新信息框架设计，这样对响应网站要求非常高，实现难度与成本非常高。但是大型网站为了提高用户体验，通常做法，把高分辨率宽屏网站最小的响应尺寸响应到1024px，不再适配手机端，手机端重新设计开发一套手机网站，简单理解为2.5响应，如：电商网站亚马逊、Calvin Klein、Nike、视频网站Youtube等。
3:速度可能会变慢
由于响应式页面是同时下载多套CSS样式代码，可能在手机上就下载PC、Pad的冗余代码，导致文件变大，影响加载速度。不过CSS样式的代码占用内存相对图片来说不算大，所以如果前端编程处理得好前提之下，这就不会影响网站加载速度。
4:开发成本较高
这个价格预算问题也往往是大家最关心的一个问题，说到这里大家可能觉得奇怪，响应式网站只是一个网站，为什么比手机站与电脑站分开做两个要贵！主要原因是：
一、企业网站定制最重要的成本就是人力成本，响应式网站制作需要资深设计师与资深程序员。而独立制作各版本只需要普通设计师和普通工程师即可，但是响应式网站开发则必须资深设计师和资深程序员才能搞定，所以导致非常大的区别。资深设计师与程序员与普通的对比，这个道理大家都懂得，所以响应式网站价格较高。
二、响应式网站需要注意的细节太多，比如一个普通的JS效果，需要考虑3-4个终端的区别，编写的JS代码兼容性要非常好，根据以往开发经验，这样的细节注意要比普通网站多3-5倍。细节注意多了，开发周期就比较久，工时就是这样上来的。
三、市面上很多响应式网站往往是不考虑网速的，在移动端和PC端需要加载的页面数据往往是一样多，导致的结果是，如果用户采用2G3G的网速，不但速度慢而且耗流量。一个完美的响应式网站不应该是这样的，但是做到这点需要的技术难度确是非常高，所以这也导致成本增加。
温馨提示 ：企业是否做响应式网站，取决于对自身网站的定位。若是一般的企业官网，网站内容较少，预算又充足，对网站页面要求较高的客户可考虑做响应式网站。
若是想做功能型网站，网站内容较多，择需要电脑手机分开做。其实大家稍微注意一下就明白了。响应式真的那么好，为什么京东不做呢，天猫淘宝不做呢。一是技术实现太难，二是确实不适合做这些功能型网站。
⑶ web前端要学习哪些东西
web前端开发需要的学的东西在下面这张图
web前端学习哪些东西
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
如果您是零基础的话您可以按照顺序学习就可以的，先学习最基础的东西，有问题可以及时沟通。
⑷ vue框架是什么
Vue.js被定义成一个用来开发Web界面的前端库，是个非常轻量级的工具。Vue.js本身具有响应式编程和组件化的特点。
所谓响应式编程,即为保持状态和视图的同步，这个在大多数前端MV*（MVC/MVVM/MVW）框架，不管是早期的backbone.js还是现在AngularJS都对这一特性进行了实现（也称之为数据绑定），但这几者的实现方式和使用方式都不相同。相比而言，Vue.js使用起来更为简单，也无需引入太多的新概念，声明实例new Vue({ data : data })后自然对data里面的数据进行了视图上的绑定。修改data的数据，视图中对应数据也会随之更改。
Vue.js的组件化理念和ReactJS异曲同工——“一切都是组件”，可以将任意封装好的代码注册成标签，例如：Vue.component('example', Example)，可以在模板中以的形式调用。如果组件抽象得合理，这在很大程度上能减少重复开发，而且配合Vue.js的周边工具vue-loader，我们可以将一个组件的CSS、HTML和js都写在一个文件里，做到模块化的开发。
⑸ 如何用JS调用几十万原生API
《近匠》HBuilder：如何用JS调用几十万原生API？
发表于2014-04-15 18:02| 次阅读| 来源CSDN| 0 条评论| 作者翟方庆
近匠访谈开发工具HBuilder王安DCloudHTML5
摘要：《近匠》第25期：HBuilder是DCloud开发的一套Web开发IDE，它通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、JS、css的开发效率。更有意思的是，它可以利用JS调用原生API。
CSDN：请讲讲团队和您以往的从业经历？
DCloud CEO王安：我们团队从03年起开始做手机App，从J2me、Symbian、Win mobile、Brew一直做到现在的Android、iOS和WP。之前一直在为企业市场提供跨平台手机App的无线中间件。
后来我们看好HTML5的前途，而且也经不住toC市场的诱惑，就毅然出来二次创业。成立了 DCloud.io，开始做基于HTML5的生态系统服务，包括开发工具和云服务。
我们是W3C的会员，也是HTML5中国产业联盟的发起单位。我们是一个典型的轻团队，人不多，但极客化。我们的合伙人之一王淮也在Facebook工作了很久，给我们带来了很多硅谷的模式。
CSDN：为什么要做HBuilder这样一款工具？
王安：人称HTML5是“性、工、能”缺失，其中“工”指工具不给力，确实如此。
任何主流编程语言，都有优秀的开发IDE，不管是java、.net、Obj-C，但HTML5领域却一直在用低效的文本编辑器开发。我个人用了十几年文本编辑器，对比我熟悉的其他语言的IDE，效率也实在让我受不了。我们就动手开发了HBuilder。
HTML十几年前初生时，是简单的标记语言，确实文本编辑器足矣。那时候写页面的人都不被视为真正的程序员。但时代不同了，现在JS、css已经发展为真正的编程语言，一个工程会非常庞大，此时没有IDE会很低效。就像用文本编辑器写java或Obj-C一样，效率比专业IDE差很多。
过去也确实没有太好的HTML5 IDE，更不用提免费的好工具。因为web IDE开发确实很困难，web语法库没有统一标准，月月更新，JS是无类型的动态语言……
但是有问题，就会有解决问题的人。所以我们花费大力气，建立最全的语法库和浏览器兼容数据库，开发动态JS解析引擎，开源框架语法库。并且我们在开发效率提升上下了非常大的功夫，快是HBuilder最大的特点，能提升数倍开发效率。
另一方面，HTML5的重要价值是开发手机App，HBuilder为开发者提供移动App开发的全套支持，支持插上数据线真机联调，不需xcode等原生开发环境就能打包手机App。此外，我们有项创新的技术是JS调用几十万原生API。
CSDN：HBuilder是针对移动应用的哪一个环节？在这个环节中，现在是一种什么状况？格局是什么样的？
王安：使用HTML5、JS、css开发跨平台手机App，这类工具其实之前已经有Phonegap、Titanium。从品类相比，Phonegap只有Runtime没有IDE，Titanuim的IDE是为其特殊API而制作的专有工具。但HBuilder是一个通用的HTML5开发IDE且又内置了手机runtime。也就是开发者只需要HBuilder就够了，PC web、Mobile web、App，一个工具一套代码。
我们推崇一个理念叫“响应式应用”：一套代码根据不同运行环境调用不同能力来优化用户体验。比如文本框，在普通浏览器下就是一个文本输入框，在Chrome浏览器下运行时加个判断调Chrome的语音输入，而运行在App模式下，则再加一个判断调用原生的语音识别SDK，比如plus.speech。这样一个应用可以根据设备的不同而最大化的优化用户体验，这种模式很有魅力，对用户而言体验更好，对开发者而言成本更低。
当然，比其他同类产品更神奇的一点是，HBuilder里能通过JS代码的写法操作几十万原生API，即Obj-C和Android原生的对象。
CSDN：HTML5在跨平台App开发上有哪些问题？
王安：前景美好，但却有四个致命缺点阻碍它的爆发，就是“性、工、能”缺失，碎片化严重。相对于原生，HTML5的App性能低，工具差，能力弱。原生虽然不跨平台，但HTML5的浏览器兼容性也让开发者挠头。HBuilder为了解决这些难题做了很多努力。
1. 先说工具
HBuilder大幅提升了HTML5开发效率。并且也拥有最全且实时更新的HTML5新语法库。浏览器更新版本后一周内其新增的语法就可以被HBuilder提示出来。
HBuilder追求快，还有一个目的，就是降低开发者对框架的依赖。PC Web里框架非常流行，很多框架简化了开发。但是框架的简化开发建立在性能下降的基础上，手机上HTML5本来就慢，层层封装后只会越来越慢。但开发者使用HBuilder会发现，在HBuilder里不用框架开发的速度，比用其他开发编辑器配合框架的速度，更快。
目前主流HTML5开发工具都更新在没有手机真机联调等功能，HBuilder提供了这些功能才能有效的语法库里帮助开发者开发手机App。
2. 浏览器兼容性
由于浏览器内核不同，自有扩展语法多，新语法增加速度快，导致碎片化很严重，而且是持续性的给开发者造成困扰。HBuilder里每个语法，都有浏览器兼容性说明，是目前最全的浏览器兼容数据库。见下图，-webkit-user-select这个属性的值域all，IE和Firefox自然不支持，图标为灰色。但同为webkit内核，Chrome支持；而Android浏览器不支持，图标为灰色；Safari也只有7.0以上才支持，图标是半亮。
有人说手机上都是webkit内核浏览器，应该没有兼容性问题。但上图告诉开发者残酷的真相：iOS、Safari、Android浏览器、Chrome安卓版，主流的3款手机浏览器一样有兼容性问题。Google和Apple联手打破IE的垄断后，又开始分裂，Chrome去年另起了Blink引擎，开始独立扩展语法。另外虽然Safari的Mac版和iOS版有点差别，但不多；而Chrome的Android版和Android系统自带的浏览器完全是2个产品。作为开发者，我甚至有点怀念IE垄断市场的日子。
我们努力做出这个浏览器兼容库，希望可以帮助到广大开发者。
3. 能力
HTML5规范的好处是跨平台的，但坏处是规范能力比原生差非常多。为了解决这个问题，我们推出了两套方案：HTML5+的跨平台规范和JS直调原生API。
HTML5+的跨平台规范：开发者常用的手机能力，封装在HTMLplus.org规范里，包括二维码、语音输入等，比如在JS里输入plus.barcode调用二维码，plus.speech调用语音输入。开发一次在不同手机上都可以运行。JS直调原生API：我们提供了plus.ios和plus.android这2个很神奇的对象，使得web开发者不用学习Obj-C，不用买Mac设备，就能在JS里调用原生对象。我们可以这么定义一个JS变量，但实际上是Obj-C对象：我们可以这么定义一个JS变量，但实际上是Obj-C对象：JS直调原生API：我们提供了plus.ios和plus.android这2个很神奇的对象，使得web开发者不用学习Obj-C，不用买Mac设备，就能在JS里调用原生对象。我们可以这么定义一个JS变量，但实际上是Obj-C对象：
var a = plus.ios.implements("NSObject",{"authenticationChanged:":authenticationChanged});
或者如下图中的：var Intent = plus.android.import("android.content.Intent");其中的"android.content.Intent"是Android的原生类。这段代码就是使用JS方式给在安卓手机桌面创建一个App快捷方式。这样，使用HTML5编程的App，在能力方面就和原生一样强大了。 以前用HTML5做的游戏都无法调用Game Center，O2O应用也调不了Passbook，现在这些都轻而易举。我们相信这对于web工程师而言，是极大的能力解放，充满机会的一扇新窗口！
4. 性能
HTML5应用的性能一直是这个产业发展的瓶颈。
手机硬件比PC差、HTML5作为解释性语言比原生的编译型语言性能差、手机浏览器的默认控件样式未优化导致需要在应用层重新封装UI。这一系列问题叠加在一起，使得性能成为所有HTML5开发者心头的痛。
另外前端工程师大多长于UI，相比服务器工程师，他们的代码性能也要低不少。比如前端工程师很习惯使用框架，框架层层封装越来越慢，性能如何上的去。HBuilder在解决这个问题上也花费了很多心血：
a. 调用原生绘制界面
在HTML5+规范里有一个plus.ui的子集。一些原生样式或动画，比如翻页动画或下拉刷新，使用HTML5+JS+css模拟要写很多代码，执行起来很慢，此时通过plus.ui扩展就可以在窗体上设置一块区域，交给原生绘制。性能可大幅提升。
b. 性能第一的UI库
以前宣称为手机优化的框架，其实都不是把性能作为产品取舍的第一优先，或者为了框架使用者方便、或者为了框架维护者方便而牺牲了执行性能。我们决定自己做一个。这个项目我们还在开发中，不久会上线。
我们没有把它称为框架而是叫UI库，是因为这里的控件都是使用最简单的css样式的，直接写class=”xxx”。相比于写成data-role，然后在JS运行时才替换Dom，使用class的方式要高效的多。
控件含有的必要的JS代码，也是本着性能优先的原则开发的，代码极其精简高效，没有$等三方框架，但又可以跨手机浏览器。并且这套UI库会和HBuilder的打包机、Runtime深度整合，做到更高性能的优化。
CSDN：相对于编写大量JS实现来说，HBuilder利用JS调用原生API，有哪些优点？
王安：JS调用原生API，最大的优点，是大大强化了HTML5的能力，突破了浏览器的限制，原生有几十万API，数量远多于HTML5。比如拦截Android来电。
JS的执行效率肯定还是低于原生的，提升性能需要使用前述方案。
这项技术对于JS程序员来讲是非常友好易学的，他不需要学习原生语言和配置开发环境，只需要查询每个原生对象是做什么用的，然后在JS的plus.ios或plus.andriod里把原生类名作为参数传进去，就可以通过JS调用该原生对象的方法。
我们还制作了一批常用原生代码模板，包括创建快捷方式、登录game center的样例代码已经预置在HBuilder里。
CSDN：JS调用原生API，是如何实现的？
王安：这个非常复杂，不同的api需要不同的方法，手机、云、IDE的共同配合。IDE的显示代码、打包机编译、runtime实际运行这几种情况下执行码是不同的。
CSDN：HTML5跨平台开发领域的趋势是怎么的？
王安：HTML5的光明前途是毋庸置疑的，当Java被拦在iOS门外时、当终端和屏幕越来越多样时，HTML5的简单易用和跨平台这些特点都代表了未来的方向。
现在的问题仅仅是阻碍HTML5发展的那几个难题，会在何时、会被哪些人解决。当性能、工具、能力、兼容性得到有效突破时，HTML5必将迎来发展爆发。
CSDN：接下来针对HBuilder，Dcloud还有哪些计划？
王安：除了上面提到的高性能手机UI框架，HBuilder下一步会引入SNS和UGC，强化插件体系，联合众多开发者打造大家更满意的工具和服务。我们很认真的开发着这个免费工具，也希望所有开发者都参与到这个工具的打造中来。目前HBuilder已经在 github.com/dcloudio上设立了3个开源项目，欢迎大家一起打造自己满意的工具。
转载仅供参考，版权属于原作者。祝你愉快，满意请采纳哦
⑹ 前端里面主要学什么内容呢
你好，前端的学习主要学习三块内容，分别是HTML、CSS、JavaScript（简称js）。
HTML负责结构布局；
CSS负责样式也就是美化；
JavaScript负责交互联动这些。
除此之外，我们还会学习一些框架，来提升我们的编程效率，像Vue、React等。
⑺ 你们觉得响应式好呢，还是手机和PC端分开来写
根据您的产品特点，进行两种不同的设计，根据您的设计需求，选择合适的技术解决方案。A和B不是硬币的反面。他们生来就是为了解决同样的问题。它们是同一思想的延伸。
移动和桌面设计的区别远远超过布局问题。只要有足够的编程量，这些差异可以通过响应设计来解决。事实上，您可以认为如果一个设计没有考虑到两个平台之间的主要差异，那么它就不能成为一个合格的响应设计。但是，如果您真的想处理平台之间的所有差异，我们可以回到最初的观点：两种不同的设计。移动可用性（用于设计高可用性移动产品）。
但是，如果我想做更多的“移动设计”，比如降低信息水平，增强手势，使Web更接近本地应用程序？生成能力的本质或服务器的动态返回HTML、js、CSS、图像文件等资源，但只有使用同一URL才能提供更多定制的移动终端，同时也节省网络资源。
⑻ Android真的推荐用MVI模式MVI和MVVM有什么区别
android自己卷自己，自己造一个MVI架构模式吗？
MVI架构模式是国内android开发者最近一两年造出来的吗？
看了很多MVI的资料，发现都提到cycle.js框架。android的mvi架构就是启发于cycle.js框架。
我们再看看Cycle.js框架是什么时候开始的，又是什么时候开始使用MVI模式的。
Cycle.js框架 第一个预发版本 ：
https://github.com/cyclejs/cyclejs/releases?page=6
再结合官方文档来看，Cycle.js框架就是为了MVI架构模式而生的。
虽然不知道，Cycle.js框架是不是首个MVI模式框架。
但是从很多资料可以推测，MVI架构模式就是Cycle.js框架推广开来的。
而且早在2014年就已经在前端开发中用得飞起了。
想想2014年，咱们在干嘛？android在用什么架构模式。
正所谓，天下武功出少林啊。
我们android的很多技术，在前端早就用“烂了”。
我们知道MVP和MVVM的爹都是MVC。MVI的爹也是MVC。
MVC的Controller是命令是编程组件，不能直接实现响应式编程思想。
响应式编程范式（Reactive programming）：
安卓官方的compose框架、微信小程序、Flutter、React、鸿蒙UI的开发框架，都是使用响应式开发框架。
这里就不拓展开来讲了，上面提到的任何一个开发框架，你只要会一个基本就能理解响应式编程范式。
如果一个都不会也没关系，现在不理解响应式编程也没关系，等你学会MVI就理解了，这种只有实际使用过才能深刻理解。
学不会也没关系，不要焦虑（尤其那些工作不久的小伙伴，学不会属于正常现象~）
MVI，咱第一遍学不会，就等2年，再学一遍~
2年后也没学会，那就再等2年~ 一定要有耐心~
如果还是学不会，那也没关系，因为MVI早晚也会过时~ 等过时了就不用学了~
哈哈哈~ 别笑，正经Android可不会开玩笑的。
就像rxjava，当年有多少人死活学不会，android开发现在谁还学Rxjava？哈哈哈~
用一张图来总结这次升级的核心思想：
新版架构指南在旧版的基础上，做了如下调整和建议：
1. 将LiveData组件改成了StateFlow
对协程的使用更友好。并且更能体现面向数据流开发的思想。
实际上，依然使用LiveData也没毛病。
2. ViewModel传递给View的数据限制为View的UIState
ViewModel从Model层获取数据后，转换为UIState数据，通过StateFlow流向View层。
UIState的数据面向界面组件而定义的，是能直接控制View组件如何显示的数据。
所以我们也可以称UIState为界面的状态或者View的状态。
如下：
3. 单数据流还是多数据流的选择
官方指南并没有强制我们使用单流。
同一个界面应该使用单个StateFlow还是多个StateFlow，需要我们自己判断。
我们应该根据UIStates数据们之间关联程度来决定多流还是单流。
单流优缺点都十分明显：
优点： 数据集中管控，会提高代码的可读性和修改的便利性。
缺点： 当数据非常多且复杂时，会影响效率。因为我们没有diff功能，View层不能只更新有变化的数据，只会根据UIState刷新当前界面。
https://developer.android.com/jetpack/guide/ui-layer#additional-considerations
我们再看下官方新版架构图：
当然不仅仅MVVM可以改造成响应式开发范式，MVP也是可以的。
不信你看 这篇blog ：
https://www.raywenderlich.com/817602-mvi-architecture-for-android-tutorial-getting-started
1. 理解MVC架构模式的思想【MVC是其他架构模式之爹，他的思想是MVP、MVVM、MVI的基础，学会它是关键步骤~】。
3. 学习kotlin的StateFlow组件，的使用：Sequence->Flow->StateFlow。
4. 学习ViewModel组件的使用（虽然不用ViewModel也能实现MVI架构，但是ViewModel还是值得学习）。
5. 理解DRY（Don't Repeat Yourself）原则。
6. 理解MVVM（因为官方的MVI模式是基于MVVM的基础改造的~）。
7. 学习官方架构指南。
8. 实战。
在这里就分享一份由大佬亲自收录整理的 学习PDF+架构视频+面试文档+源码笔记 ， 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料
这些都是我现在闲暇时还会反复翻阅的精品资料。里面对近几年的大厂面试高频知识点都有详细的讲解。相信可以有效地帮助大家掌握知识、理解原理，帮助大家在未来取得一份不错的答卷。
当然，你也可以拿去查漏补缺，提升自身的竞争力。
真心希望可以帮助到大家，Android路漫漫，共勉！
如果你有需要的话，只需 私信我【进阶】即可获取
⑼ 自学web前端开发,请问从何入手呢
学习前端，要从学习HTML和CSS开始着手。关于这部分的学习，网上可选择的资料就太多了，这里不一一列举，题主网络搜索栏搜索HTML 教程，或者css 教程，就可找到相关资料。
接着是学习前端的一个难点、也是重点，就是JavaScript。
首先，初学一门语言，要秉承一个原则：“能动手的，尽量别吵吵”
另外，你需要一个能够从简到难的知识体系，一步一步跟下来。
下面是干货。
体系：上图。
（四）、工作流(跟JS原生关系不大，不详细展开了)
webpack
gulp
上面的内容结束后，就可以进入前端框架的海洋中畅游了。
⑽ 什么是函数响应式编程
函数响应式编程(Functional Reactive Programming:FRP)是一种和事件流有关的编程方式，其角度类似EventSoucing，关注导致状态值改变的行为事件，一系列事件组成了事件流。FRP是更加有效率地处理事件流，而无需显式去管理状态。具体来说，FRP包括两个核心观点：1.事件流，离散事件序列2.属性properties, 代表模型连续的值。一系列事件是导致属性值发生变化的原因。FRP非常类似于GOF的观察者模式。
为什么需要FRP?FRP的需求来源于对于多个值发生改变，以javascript为例子，如下：var a = function (b,c) { return b + c } // a = b + c其中a实际代表b与c之和，如果b或c持续不断在被改变，如何触发a值也跟着变化呢？也就是说，上述代码只是一种表达式，并没有指定a值的变化依赖b和c。使用Reactive.js可以达到指定这种依赖关系