前端開發(fā)漫畫網(wǎng)站用哪個(gè)框架,如何評(píng)價(jià)前端應(yīng)用框架dva?
前端,通常指web前端,是使用網(wǎng)頁技術(shù)呈現(xiàn)給用戶的統(tǒng)稱。前端應(yīng)用框架,是指能夠系統(tǒng)化、簡(jiǎn)單化方便開發(fā)網(wǎng)頁應(yīng)用的庫。前端技術(shù)發(fā)展至今,主要細(xì)分為三大主流框架:React、Vue、Angular。React是由Facebook公司開發(fā)的擁有高效、靈活、邏輯簡(jiǎn)單的前端JavaScript庫。dva是由阿里巴巴公司開發(fā)和維護(hù),基于React框架為基礎(chǔ)開發(fā)的一種使用簡(jiǎn)單、更貼近實(shí)際生產(chǎn)需要的前端應(yīng)用框架。dva前端應(yīng)用框架的出現(xiàn)改變了react框架在國內(nèi)難以簡(jiǎn)單化、標(biāo)準(zhǔn)化、高效開發(fā)的難題。
dva框架的由來React框架:React是漸進(jìn)式UI庫。React中每個(gè)單元都是一個(gè)組件,每個(gè)組件有自己的狀態(tài),通過組件嵌套組件形成樹狀關(guān)系,React通過編譯并渲染頁面,當(dāng)組件的狀態(tài)state發(fā)生改變時(shí),React會(huì)重新計(jì)算出改變的那部分并更新UI。比如:頁面點(diǎn)擊了按鈕設(shè)置隱藏一個(gè)元素,React會(huì)只把這部分UI進(jìn)行更新,并不會(huì)全量更新。因此,很多公司會(huì)選擇React作為基礎(chǔ)前端庫進(jìn)行開發(fā)。
Redux狀態(tài)管理JavaScript庫:體積小、高性能的狀態(tài)管理庫。所有的狀態(tài)改變由庫進(jìn)行處理,有效避免人為的邏輯錯(cuò)誤,并支持回退等功能。
React、Redux關(guān)聯(lián):在最初的react項(xiàng)目的開發(fā)中,是需要手動(dòng)將react、redux關(guān)聯(lián)起來,才能更有效發(fā)揮react的作用。因此,各大社區(qū)也出現(xiàn)了關(guān)聯(lián)的js庫,如redux-thunk、redux-saga以及其他庫,但由于使用的庫不盡相同,使得react項(xiàng)目復(fù)雜度高、差異化很大,各大公司企業(yè)無法標(biāo)準(zhǔn)化、簡(jiǎn)單化開發(fā)。特別在國內(nèi),中小企業(yè)需要快速、低成本、高效實(shí)現(xiàn)業(yè)務(wù)的迫切需求。
dva框架的由來:鑒于以上react項(xiàng)目不統(tǒng)一、復(fù)雜度高的問題,dva框架應(yīng)運(yùn)而生。開發(fā)者只需要按dva的開發(fā)模式開發(fā)業(yè)務(wù)層代碼,就可以開發(fā)復(fù)雜應(yīng)用。
dva的工作原理dva工作模式。開發(fā)者只需編寫業(yè)務(wù)代碼,dva框架底層進(jìn)行編譯轉(zhuǎn)換,自動(dòng)關(guān)聯(lián)react、redux,實(shí)現(xiàn)功能效果。
dva數(shù)據(jù)流向。通過捕獲用戶交互行為或者瀏覽器行為(如路由改變等)觸發(fā)的數(shù)據(jù)改變,通過dispatch函數(shù)發(fā)起一個(gè)action動(dòng)作,如果是同步行為會(huì)直接通過 Reducers動(dòng)作處理函數(shù)改變State狀態(tài);如果是異步行為會(huì)先觸發(fā)Effects副作用然后流向Reducers動(dòng)作處理函數(shù)最終改變State狀態(tài)。
dva的優(yōu)勢(shì)數(shù)據(jù)流轉(zhuǎn)清晰,提高項(xiàng)目可維護(hù)性開箱即用,降低學(xué)習(xí)成本,提高企業(yè)生產(chǎn)效率。插件體系方便擴(kuò)展,滿足個(gè)性化需要dva的發(fā)展趨勢(shì)插件多元化個(gè)性化,互助共享。dva具有完善的插件體系,在企業(yè)大規(guī)模開發(fā)后,會(huì)逐步形成自己的插件和標(biāo)準(zhǔn)。這更能夠貼切企業(yè)自身業(yè)務(wù)自身需要,促進(jìn)不斷前進(jìn)。一些龍頭企業(yè)能夠?qū)⑿袠I(yè)內(nèi)的通用解決方案進(jìn)行插件共享,實(shí)現(xiàn)互助共享的良好氛圍。
dva融合umi框架簡(jiǎn)化React開發(fā)。umi是一個(gè)可插拔的企業(yè)級(jí)react應(yīng)用框架,dva側(cè)重于數(shù)據(jù)流解決方案,通過兩者的有機(jī)融合,極大程度簡(jiǎn)化React開發(fā)。也成為了目前業(yè)界普遍使用的模式。
最后在當(dāng)下前端技術(shù)飛速、多元發(fā)展的時(shí)期,dva前端應(yīng)用框架的出現(xiàn),更貼切企業(yè)開箱即用的迫切需要,讓企業(yè)能夠?qū)W⒂跇I(yè)務(wù)開發(fā),降低react相關(guān)技術(shù)棧的學(xué)習(xí)成本,提高開發(fā)效率,是難得的標(biāo)準(zhǔn)化、提高企業(yè)信息化步伐的優(yōu)秀框架。
以上是我的觀點(diǎn),謝謝!
web端開發(fā)需要什么?
1.web前端開發(fā)需要掌握的幾個(gè)必備技術(shù)是:
HTML +_CSS核心、JavaScript、VUE框架
前端的應(yīng)用非常廣泛,基本網(wǎng)站、APP、HTML5小程序等都需要前端開發(fā),所以只要是互聯(lián)網(wǎng)產(chǎn)品基本都需要前端。
前端程序猿切頁面寫頁面,Web上、H5上的炫酷效果,是前端開發(fā)大展身手的地方。最常見的用于前端開發(fā)的技術(shù)組合是:HTML+CSS+JavaScript。
web前端是在開發(fā)人員中最直接面向產(chǎn)品、面向用戶的設(shè)計(jì)人員,一個(gè)開發(fā)團(tuán)隊(duì)的成果是要靠web前端去展現(xiàn),因?yàn)橛脩舨粫?huì)去關(guān)心后臺(tái)的處理有多么強(qiáng)大。
2.后端開發(fā)是寫后臺(tái),各種業(yè)務(wù)邏輯、數(shù)據(jù)處理、模塊接口、客戶端接口等等。后端開發(fā)者通常精通于一種Web編程語言和一個(gè)數(shù)據(jù)庫管理系統(tǒng)。電商平臺(tái)點(diǎn)擊篩選條件下面為你篩選出來的寶貝的功能以及付款人數(shù)數(shù)據(jù)的變化等都是由后臺(tái)來實(shí)現(xiàn)提供的。
web前端框架主要技術(shù)?
前端開發(fā)需要學(xué)習(xí)的技術(shù)
1 掌握基本web前端開發(fā)技術(shù):HTML、CSS、JavaScript、DOM、BOM、AJAX等,而且要了解它們?cè)诓煌瑸g覽器上的兼容情況、渲染原理和存在的Bug
2 必須掌握網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端開發(fā)技術(shù)的基礎(chǔ)知識(shí)
3 必須學(xué)會(huì)運(yùn)用各種web前端開發(fā)與測(cè)試工具進(jìn)行輔助開發(fā)
4 除了掌握技術(shù)層面的知識(shí),還要掌握理論層面的知識(shí),包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級(jí)支持等
5 未來web前端開發(fā)工程師還要研究HTML5、web視覺設(shè)計(jì)、網(wǎng)站配色、網(wǎng)站交互設(shè)計(jì)模式等相關(guān)技術(shù)