資訊專欄INFORMATION COLUMN
摘要：好的業務組件設計一個好的業務組件必然是邏輯清晰以及方便修改維護。一些涉及到的概念數據驅動單向數據流有限狀態機模板模板應保證邏輯清晰，業務復雜的部分可拆分成獨立的業務組件又或者通過組裝數據關系。交互狀態復雜的業務組件應用有限狀態機以及。
好的業務組件設計
一個好的業務組件必然是邏輯清晰以及方便修改維護。
下面以 Vue 為例子進行進行概念上的簡單說明。
一些涉及到的概念數據驅動UI
單向數據流
有限狀態機
模板模板應保證邏輯清晰，業務復雜的部分可拆分成獨立的業務組件又或者通過 computed 組裝數據關系。
不應該在模板寫邏輯語句，僅使用簡單的條件判斷以及方法調用或表達式。
狀態的設計(data、computed)狀態分全局狀態以及本地狀態，全局狀態就是 sotre(Vuex 或者自己另外定義的 Vue 對象)，本地狀態包括數據(data)以及根據數據響應的狀態(computed)。
需要根據 data、store 或者 其他 computed 響應的同步狀態都屬于 computed，computed 必須是同步數據，computed 內部禁止任何異步操作。
所有需要異步獲取以及無法由其他數據響應變化的數據都是 data。
有時候可以把 computed 作為一個不可寫屬性使用，返回一個常量或者其他想輸入到模板的值。
原則是 data 的結構應清晰簡單，數據之間的關系放在 computed。
數據的處理服務器獲取的數據不要在業務組件直接寫請求，應通過 services 封裝。
數據單位應保存一致(例如時間使用 13 位，金錢使用分)，需要進行轉換的數據按就近原則進行處理：如果是服務器數據在 services 進行轉換，如果是用戶輸入的數據，通過 computed 進行 get/set 處理。
發送到服務器的數據也是一樣，應在 services 里面處理數據的單位以及一些簡單的判斷。
保證代碼的可維護性代碼、數據邏輯之間的關系應保持簡單與一致，不應存在多種不同的業務關系模型。
單向數據流。
數據處理以及操作分開。
交互狀態復雜的業務組件應用有限狀態機以及 computed。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97742.html
摘要：移動精英開發社群的第期，也是圍繞架構這個話題進行討論。本次我們希望結合實際開發中遇到的問題，來聊聊移動端的架構設計。這樣的模式改進一些，可能會更適合移動端架構。潘衛杰之前我們公司移動端的大項目就是插座式開發的，批量出各個行業的。 此前，58 同城的技術委員會執行主席沈劍在 OneAPM 的技術公開課上分享過一個主題，「好的架構不是設計出來的，而是演技出來的」。因為對很多創業公司而言，隨...
摘要：分享實錄云計算技術源于互聯網公司，現在云計算已經是下一代企業級的發展趨勢。如何做云計算一直是云計算技術的領導者。互聯網公司的快速發展，已經印證了云計算技術和云原生應用相比傳統構架的巨大優勢。 今天小數又給大家帶來一篇干貨滿滿的分享——來自KVM社區線上群分享的實錄，分享嘉賓是數人云CEO王璞，題目是《云計算與 Cloud Native》。這是數人云在KVM社區群分享的第一彈，之后還有數...
摘要：這對復雜問題定位是有好處的。同時，也是純函數，與的是純函數呼應。強約束約定，增加了內聚合性。通過約定和全局的理解，可以減少的一些缺點。約定大于配置也是框架的主要發展方向。 React+Redux非常精煉，良好運用將發揮出極強勁的生產力。但最大的挑戰來自于函數式編程（FP）范式。在工程化過程中，架構（頂層）設計將是一個巨大的挑戰。要不然做出來的東西可能是一團亂麻。說到底，傳統框架與rea...
摘要：二樂高式松耦合架構落地快速實現需求與需求實現越來越慢的矛盾如何解決最終白山的產品架構聚焦在解耦上，方便平臺快速迭代，減少系統間依賴程度，打通無關聯項目，為運營互動提供高效支持，確保服務質量。 作者：王康 白山聯合創始人兼產品副總裁。 王康先生主要負責產品的完善與升級、產品開發流程把控及進度協調、產品設計改進及定期優化、產品全生命周期管理等工作。他帶領團隊實現白山首款產品CDN-X的多項...
閱讀 3087·2021-10-12 10:20
閱讀 2821·2021-09-27 13:56
閱讀 796·2021-09-27 13:36
閱讀 1436·2021-09-26 09:46
閱讀 2423·2019-08-30 14:02
閱讀 2691·2019-08-28 18:14
閱讀 1269·2019-08-26 10:32
閱讀 1710·2019-08-23 18:25
