中小型項(xiàng)目前端架構(gòu)-wenkub.com
2025-06-26 20:07 本頁面
【正文】 通過以文件名來劃分，不同的頁面組件之間的區(qū)分可以說是一目了然，同時(shí)也方便管理。 可復(fù)用的組件以extend開頭；9. 頁面組件起名這樣在新增彈窗時(shí)，無需再去寫彈窗的打開、關(guān)閉邏輯。 登錄彈窗：點(diǎn)擊登錄時(shí)加載（異步）2. 未登錄頁面和登錄頁面因?yàn)轫撁娲嬖诘卿浐臀吹卿洜顟B(tài)，而為了加載速度考慮，當(dāng)未登錄時(shí)，不加載已登錄頁面，因此需要?jiǎng)澐殖鰜?，并進(jìn)行異步加載處理。因?yàn)槭侵行⌒晚撁妫虼私M件樹的層級(jí)無需太深，但該抽離出來的依然還是要抽離，盡量保證抽離出來的組件解耦以及一個(gè)頁面組件的邏輯不要太多。 。 除了直接引用的這些插件，我們還有一些和項(xiàng)目高度耦合的功能服務(wù)，我認(rèn)為不能作為插件，但依然需要抽離出來封裝好，方便使用和修改； 為了使用vue，我們需要一個(gè)根組件，； 最后因?yàn)橐奖愣嗳藚f(xié)同，方便不同人可以快速自動(dòng)化通過npm install來安裝依賴，也是必須的。第四，細(xì)化功能模塊：功能、組件樹以及資源，我們已經(jīng)明確了有哪些東西，那么接下來，我們要明確這些東西該如何以文件的形式來劃分。 功能模塊首先，確定需求：一個(gè)中小型網(wǎng)站，同時(shí)面向移動(dòng)端和PC端（單端大概15個(gè)頁面，算上彈窗大約20個(gè)）；預(yù)算有限（給的錢少），開發(fā)時(shí)間有限（一個(gè)月）；可能存在一定程度上的需求變更（比如增加頁面或修改某些頁面內(nèi)容）；客戶可能不太在乎優(yōu)化（但是我自己在乎?。灰蠹嫒軮E9以上。因此要求封裝、解耦以及低干擾度是必須的。4. 便于協(xié)同包括前端和后端的協(xié)同，前端和前端之間的協(xié)同。而若是將引用的日歷組件C封裝到自己寫的日歷組件B之中，那么你只需要改日歷組件B里的相應(yīng)代碼即可，而因?yàn)槿諝v組件B暴露的接口是不變的，那么自然不用修改頁面中的代碼了。那么盡量不要直接在頁面
電大資料相關(guān)推薦
鄂ICP備17016276號(hào)-1