成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue前端項(xiàng)目組織

Jeff / 904人閱讀

摘要：于是，可以大致得到一個(gè)前端項(xiàng)目的模型視圖層數(shù)據(jù)層業(yè)務(wù)視圖層負(fù)責(zé)渲染到界面的，比如，這樣的庫(kù)負(fù)責(zé)渲染到瀏覽器上，這樣的庫(kù)負(fù)責(zé)渲染到設(shè)備上。其核心是組件化。前端要做描述也許是一個(gè)更好的方式。

react是一個(gè)視圖層的框架（曾經(jīng)是，現(xiàn)在有了hook，已經(jīng)超越的視圖的范疇），vue借鑒了react的很多思想，所以也可以看做是一個(gè)視圖層的框架（雖然vue2.0宣稱自己是前端的一個(gè)漸進(jìn)式開(kāi)發(fā)框架，但是這里簡(jiǎn)單些看做是視圖的框架）。vue構(gòu)建了一個(gè)數(shù)據(jù)驅(qū)動(dòng)視圖的開(kāi)發(fā)方式，讓復(fù)雜的邏輯轉(zhuǎn)化為對(duì)數(shù)據(jù)的邏輯，于是數(shù)據(jù)操作到了一定復(fù)雜的程度，就需要有數(shù)據(jù)狀態(tài)管理。我們可能需要用數(shù)據(jù)去描述一些業(yè)務(wù)的狀態(tài)，這樣才能將業(yè)務(wù)在技術(shù)上分塊，抽象。于是，可以大致得到一個(gè)前端項(xiàng)目的模型：

視圖層

數(shù)據(jù)層

業(yè)務(wù)

視圖層負(fù)責(zé)渲染到界面的，比如vue，react這樣的庫(kù)負(fù)責(zé)渲染到web瀏覽器上，UIKit這樣的庫(kù)負(fù)責(zé)渲染到ios設(shè)備上。其核心是組件化。數(shù)據(jù)層一般由vuex，redux這樣的庫(kù)來(lái)做，當(dāng)然也會(huì)有很多的局限性，這時(shí)也可以用node+graphQL做一個(gè)更強(qiáng)大的數(shù)據(jù)管理。業(yè)務(wù)的描述我記得是有許多語(yǔ)言模型，比如流程圖，UML，時(shí)序圖這些，在一些graphQL大會(huì)上還會(huì)聽(tīng)到將DDD和graphQL融合起來(lái)的演講。前端要做描述DDD+graphQL也許是一個(gè)更好的方式。

下面來(lái)說(shuō)一說(shuō)vue組件化的一些實(shí)踐：
要做好組件化，可以考慮幾點(diǎn)：

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104827.html

相關(guān)文章

  • 前端項(xiàng)目文件組織與組件命名

    摘要：組件劃分這種的話組件劃分的比較清晰。將組件強(qiáng)勢(shì)得分為類，這種結(jié)構(gòu)上雖然非常清晰，但是在項(xiàng)目開(kāi)發(fā)的過(guò)程中你不得不頻繁地將組件在跟之間移來(lái)移去，降低了開(kāi)發(fā)體驗(yàn)。 緣由 在開(kāi)發(fā)項(xiàng)目的過(guò)程中，大家多多少少會(huì)對(duì)自己項(xiàng)目的目錄結(jié)構(gòu)產(chǎn)生疑惑，如何合理地劃分模塊以及如何合理的命名，這些如果在項(xiàng)目前期的時(shí)候沒(méi)有好好規(guī)范好的話，那么后面新進(jìn)來(lái)的人便會(huì)按照自己的邏輯又重新在劃分自己的目錄，這樣日復(fù)一日項(xiàng)目體...

    cgh1999520 評(píng)論0 收藏0

  • 前端每周清單第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3優(yōu)化

    摘要：斯坦福宣布使用作為計(jì)算機(jī)課程的首選語(yǔ)言近日，某位有年教學(xué)經(jīng)驗(yàn)的斯坦福教授決定放棄，而使用作為計(jì)算機(jī)入門(mén)課程的教學(xué)語(yǔ)言。斯坦福官方站點(diǎn)將它們新的課程描述為是最流行的構(gòu)建交互式的開(kāi)發(fā)語(yǔ)言，本課程會(huì)用講解中的實(shí)例。 前端每周清單第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3優(yōu)化服務(wù)端渲染，優(yōu)秀React界面框架合集 為InfoQ中文站特供稿件，首發(fā)地址為...

    warkiz 評(píng)論0 收藏0

  • 前端每周清單第 54 期: SwiftNIO, 自定義 vue-router, Web 緩存與 Gr

    摘要：新聞熱點(diǎn)國(guó)內(nèi)國(guó)外，前端最新動(dòng)態(tài)蘋(píng)果開(kāi)源了版近日，蘋(píng)果開(kāi)源了一款基于事件驅(qū)動(dòng)的跨平臺(tái)網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)框架，它有點(diǎn)類似，但開(kāi)發(fā)語(yǔ)言使用的是。蘋(píng)果稱的目標(biāo)是幫助開(kāi)發(fā)者快速開(kāi)發(fā)出高性能且易于維護(hù)的服務(wù)器端和客戶端應(yīng)用協(xié)議。 showImg(https://segmentfault.com/img/remote/1460000013677379); 前端每周清單專注大前端領(lǐng)域內(nèi)容，以對(duì)外文資料的...

    劉東 評(píng)論0 收藏0

  • Cesar競(jìng)賽平臺(tái)——軟工3課程總結(jié)

    摘要：競(jìng)賽平臺(tái)軟工課程總結(jié)軟件謝運(yùn)帷經(jīng)過(guò)一學(xué)期競(jìng)賽平臺(tái)項(xiàng)目的實(shí)踐，我對(duì)于軟件過(guò)程有了更清晰的認(rèn)識(shí)。一競(jìng)賽平臺(tái)的完成情況首先我來(lái)介紹一下我們競(jìng)賽平臺(tái)的完成情況。我們基本是各兩人負(fù)責(zé)前后端，主要是同一部分的兩人進(jìn)行技術(shù)交流，討論技術(shù)的難點(diǎn)。 Cesar競(jìng)賽平臺(tái)——軟工3課程總結(jié) 軟件51 謝運(yùn)帷 2015013185 經(jīng)過(guò)一學(xué)期競(jìng)賽平臺(tái)項(xiàng)目的實(shí)踐，我對(duì)于軟件過(guò)程有了更清晰的認(rèn)識(shí)。我們小組從一起討...

    Tecode 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<