初粗嘗前端工程

2021-09-16 23:46:01 字數 954 閱讀 5977

最近幾天沉迷搭建部落格,學習了各種nodejs工具,總的來說是這些:

express

react

styled-components

forever

react、webpack這些工具之前也有嘗試著學習過,但是始終沉不下心來好好學,最近比較有時間,也打算參與學校一些專案了,又有個小夥伴和我介紹了怎麼通過restful來實現前後端互動,我一時有了動力,好好了解了一下,這幾天便浸泡在裡面去了。

下面就來簡單地介紹下,現在這個階段我對這些工具的理解吧。

webpack是前端工程打包工具,更加鮮活一點,我覺得其做的事情可以相當於我們的「胃」做的事情:多進一出。

webpack官網這個圖挺形象的

為什麼需要打包呢——為了保證網頁載入速度。現在瀏覽器處理js檔案的速度已經非常快了,所以拖慢網頁載入速度的主要是資源請求耗費時間,簡單來說需要請求的資源的個數越少那就越好,網頁載入得就越快!

而因為模組化,入口檔案可能會和各種檔案存在依賴,而其依賴又會有依賴,所以乙個入口檔案,往外扯就有可能會同時扯出各種各樣的檔案,如此,資源請求數就比較難把控了,所以要打包到一塊!

而打包檔案,就是將這「團」檔案打包到一塊後的結果。

當然我覺得這個更像,特別是在webpack -p 之後

所謂多進一出,在這裡指的是:處理入口檔案然後再吐出打包檔案。

style-loadercss-loader是webpack的外掛程式。

...我先去寫下資料結構的作業...

初嚐electron vue專案搭建

以前只見過,但是一直沒時間來玩玩,最近公司有需求重構某個應用做桌面程式,便開始了探索之路 文件 我的環境 node 14.7 yarn 1.22.4 windows10專業版 安裝 vue cli 和 腳手架樣板 npm install g vue cli vue init simulatedgre...

初嚐結對程式設計的甜頭

聯調的方式,形式上有點象結對程式設計,我是那個坐著旁邊 只說不作 的人,真正寫 的仍然是客戶端的人員,我主要負責幫客戶端人員理清他們的邏輯和思路,對現有的架構和 提出修改建議,同時 監督 客戶端人員的編碼過程,幫助其及時糾正由於思維 盲角 導致的小錯誤。這一兩個星期下來,感覺頗好,同事之間的合作既輕...

初嚐結對程式設計的甜頭

聯調的方式,形式上有點象結對程式設計,我是那個坐著旁邊 只說不作 的人,真正寫 的仍然是客戶端的人員,我主要負責幫客戶端人員理清他們的邏輯和思路,對現有的架構和 提出修改建議,同時 監督 客戶端人員的編碼過程,幫助其及時糾正由於思維 盲角 導致的小錯誤。這一兩個星期下來,感覺頗好,同事之間的合作既輕...