怎么理解Cyclejs函數(shù)式和響應(yīng)式的js框架-創(chuàng)新互聯(lián)

本篇文章為大家展示了怎么理解Cycle js函數(shù)式和響應(yīng)式的js框架，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司專注于海豐網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供海豐營(yíng)銷型網(wǎng)站建設(shè)，海豐網(wǎng)站制作、海豐網(wǎng)頁(yè)設(shè)計(jì)、海豐網(wǎng)站官網(wǎng)定制、小程序定制開(kāi)發(fā)服務(wù)，打造海豐網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供海豐網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

Cycle.js帶有所有現(xiàn)代前端庫(kù)的時(shí)髦基因：純函數(shù)式，全響應(yīng)式，組件化等等……它主要解決的核心問(wèn)題是人機(jī)交互，最后我們還能發(fā)現(xiàn)這個(gè)其實(shí)更通用，我們可以用它構(gòu)建更完整的響應(yīng)式系統(tǒng)。

Cycle.js的核心依賴

是Rxjs，而Rxjs的核心是Observable。它現(xiàn)在是ES的stage-1提案，因此很可能在一兩年內(nèi)被加入原生js的Api。你現(xiàn)在可以把它簡(jiǎn)單看作一個(gè)高級(jí)Promise，而熟悉.Net的同學(xué)可以經(jīng)常對(duì)比Linq思考。Promise是一個(gè)存儲(chǔ)（可能存在）的值的異步容器，而Observable是存儲(chǔ)流的容器，這些可愛(ài)的容器可以替我們打理異步序列、可能性、流這些抽象概念的上下文。

分形架構(gòu)的好處顯而易見(jiàn)，就是復(fù)用容易，組合方便，Cycle.js推崇的也是分形架構(gòu)。其將應(yīng)用抽象為了一個(gè)純函數(shù)main(sources)，該函數(shù)接收一個(gè)sources參數(shù)，用來(lái)從外部環(huán)境獲得諸如DOM、HTTP這樣的副作用，再輸出對(duì)應(yīng)的sinks去影響外部環(huán)境。

Cycle.js應(yīng)用

基于這種簡(jiǎn)單而直接的抽象，Cycle.js容易做到分形，即每個(gè)Cycle.js應(yīng)用（每個(gè)main函數(shù)）可以組合為更大的Cycle.js應(yīng)用：

在分形體系下，通過(guò)runAPI，能驅(qū)動(dòng)任何Cycle.js應(yīng)用運(yùn)行，無(wú)論它是一個(gè)簡(jiǎn)單的Cycle.js應(yīng)用，還是一個(gè)嵌套復(fù)合的Cycle.js應(yīng)用。

import{div,label,input,hr,h2,makeDOMDriver}from'@cycle/dom'

functionmain(sources){

constinput$=sources.DOM.select('.field').events('input')

constname$=input$.map(ev=>ev.target.value).startWith('')

constvdom$=name$.map(name=>

div([

label('Name:'),

input('.field',{attrs:{type:'text'}}),

hr(),

h2('Hello'+name),

])

)

return{DOM:vdom$}

}

run(main,{DOM:makeDOMDriver('#app-container')})

上述內(nèi)容就是怎么理解Cycle js函數(shù)式和響應(yīng)式的js框架，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前文章：怎么理解Cyclejs函數(shù)式和響應(yīng)式的js框架-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://www.muchs.cn/article22/dsoccc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、網(wǎng)站建設(shè)、建站公司、外貿(mào)建站、微信公眾號(hào)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)