1. 程式人生 > >前端架構解決方案

前端架構解決方案

javascript 前端框架 html5 vuejs nodejs

ue2平臺通過1年多的努力,為解決前後端友好分離對angular,react,vue並結合nodejs進行服務端渲染,

同時做了大量的中間件,為前端架構設計提供非常良好的解決方案。例如:

1. api請求代理
2. 靜態圖片緩存
3. less服務端編譯
4. 靜態資源合並,動態壓縮
5. 服務端渲染
6. 全局緩存控制

等等以及對底層的框架進行了二次封裝從而產出了 easyspa,easyme,easyvue更加友好的前後端分離架構設計思想。

並配有相應的腳手架工具,使開發者能夠快速構建應用而無需關註性能優化,路由配置和seo等問題。組件的合並加載讓

開發者告別組件碎片化帶來的擔憂以及靜態文件的過期緩存策略由框架底層自動化進行處理。下來對easyspa,easyme,

easyvue分別進行介紹:

easyspa

主要在angular的基礎上做了大量的二次開發,用戶只需要通過腳手架工具來維護應用即可,框架支持單頁應用和傳統的頁面刷新
以及二者的混合使用,只需要在路由文件中配置即可。單頁應用的js文件是按照cmd模塊管理機制來進行加載的從而可以解決單頁
應用中第一次需要將整個應用需要的靜態資源全部進行加載而帶來的維護性以及性能問題。並具有良好的隔離性。對於業務性應用
的開發,用戶只需要關註controller,service的代碼編寫即可,同時提供了可視化的國際化支持,對於框架的深入講解後面
會具體講到。

easyme

   主要在react的基礎上做了大量的二次開發和中間件開發,整個頁面由react組件組裝而成並對組件進行標準化管理,極大的
   提高了組件的復用性和降低整個應用代碼的耦合度,使開發角色能夠更加友好的與組件開發任務進行綁定,框架采用了nodejs
   做為視圖層的渲染服務器,將controller和model層的控制權交給前端,使得整個應用的開發有更大的靈活性,單個頁面由
   多個組件拼裝而成可能會帶來性能的開銷,為了解決這個問題easyme采用了多組件合並加載智能緩存檢測策略,使得任何一個
   靜態文件的變化都能夠獨立更新客戶端特定的緩存文件,所有的靜態文件只需要加載一次便可持久化緩存到客戶端直到這個文件
   在服務端被修改。easyme還有一個最大的亮點就是將虛擬dom從jsx文件中分離到html模板中進行維護,在js文件中只需要關
   註業務代碼的實現即可,對於組件通訊來說,可以通過框架提供的eventMitter來進行狀態的管理,高效靈活的提高了react
   應用的開發速率。

easyvue

   更是一款非常優秀的前端架構設計框架,底層使用vuejs作為視圖層的管理。具有更高的可配置性,支持服務端渲染和客戶端
   渲染的單向選擇配置參數。整個頁面的開發思路完全面向組件化和模塊化的設計思想。同樣開發者無需關註性能優化等問題。
   所有的優化機制在config.json中進行統一管理。由開發者手動進行維護,nodejs提供了前後端api請求的代理模塊,
   開發者無需解決ajax請求跨域的問題。同樣easyvue也將視圖層進行了分離,使得代碼的維護更加方便。

ue2最大的亮點更是在雲端搭建了組件倉庫,開發者可以將自己在三大框架中開發的組件提交到雲倉庫中進行共享,

使用者只需要簡單的安裝便可以使用組件,從而大大的提高了開發效率。


更多技術文檔可以在這裏了解:前端架構解決方案

或者關註:

技術分享圖片

前端架構解決方案