關於公司框架的理解

2022-07-20 09:33:11 字數 1135 閱讀 2630

前談:

我是乙個剛剛入行不久的前端小白,最近因新進入公司工作,學習了新的架構,在這裡談一下自己對公司架構的理解。

使用vuex進行統一狀態管理:

公司前端的框架是使用vue框架,這個就不用說了,從這些年vue的火爆程度來說,選擇vue是很正確的選擇。這裡具體要說的是公司的架構是公司所有的資料和網路請求都是通過vuex進行的狀態管理。以前我所知道的vuex的使用場景是類似購物車這樣的眾多頁面共用一些資料的時候才使用vuex,因為好多頁面都需要公用一些資料,通過兄弟元件傳值的話太不方便了。現在公司所使用的架構是所有的資料和網路請求都是通過vuex進行的狀態管理,這個剛開始並不是太理解,感覺太麻煩了。現在感覺這樣做也是有他的好處的,雖然把所有的資料和網路請求都通過vuex進行狀態管理會比較麻煩,但這樣寫的話多人開發的**可讀性很高,並且增強了**後期的可維護性,所以好處還是比較多的。接下來給大家說一下vuex的一些基礎概念的講解:

vuex的主要概念如下:

(1).store

表示對vuex物件的全域性引用。元件通過store來訪問vuex物件中的state

(2).state

vuex物件的狀態,即其所擁有的資料(相當於每個vue檔案中的state)

(3).getter

相當於store的計算屬性。因為就像計算屬性一樣,getter 的返回值會根據它的依賴被快取起來,且只有當它的依賴值發生了改變才會被重新計算。(就相當於計算屬性)

(4).mutation

定義了對state中資料的修改操作。元件使用state中的資料的時候並不能直接對資料進行修改操作,需要呼叫mutation定義的操作來實現對資料的修改。這也是vuex定義中所說的用相應的規則來讓資料發生變化的具體實現(這個是相當於方法,有一點要注意在vuex中要改變state中的資料只能通過mutation)

(5).action

mutation中定義的操作只能執行同步操作,vuex中的非同步操作在action中進行,action最終通過呼叫mutation的操作來更新資料

(6).module

store和state之間的一層,便於大型專案管理,store包含多個module,module包含state、mutation和action

關於架構 框架 業務邏輯的理解

最近在回顧和總結上乙個五年的工作成長歷程,其中加入了個人對架構 框架 業務邏輯的理解,順便摘抄下來分享到部落格。由於個人認知有限,難免存在紕漏。1 架構 按照我的理解,架構有廣義和狹義的解釋。從廣義角度來說,它是人類進行社會化生產的組織形式,以及為保證組織形式能夠正常開展的方方面面。乙個典型的案例就...

關於爬蟲框架scrapy的理解和運用

其實,做爬蟲工作,大部分會選擇的框架就是scrapy,但是scrapy具體優勢如何進行工作呢,這裡簡單的說一下個的理解。scrapy,python開發的乙個快速,高層次的螢幕抓取和web抓取框架,用於抓取web站點並從頁面中提取結構化的資料。scrapy用途廣泛,可以用於資料探勘 監測和自動化測試。...

dubbo框架的理解

dobbo是alibaba開源的分布式服務框架,最大的特點就是按照分層方式來架構。使用這種方式可以使各層之間解耦合。從服務的模型來看,dubbo採用的是一種非常簡單的模型,要麼是提供方提供服務,要麼是消費方消費服務,所以基於這一點可以抽象出服務提供方 provider 和服務消費方 consumer...