博客 / 列表

若邪 - 如何結合整潔架構和MVP模式提升前端開發體驗(三) - 項目工程化配置、規範篇

工程化配置 還是開發體驗的問題,跟開發體驗有關的項目配置無非就是使用 eslint、prettier、stylelint 統一代碼風格。 formatting and lint eslint、prettier、stylelint 怎麼配這裏就不説了,網上文章太多了。想説的是eslint rule 'prettier/prettier': 'error'一定要開啓,以及 stylelint rule

mvp , 前端架構 , 架構

若邪 - 如何結合整潔架構和MVP模式提升前端開發體驗(二) - 代碼實現篇

上一篇文章介紹了整體架構,接下來説説怎麼按照上圖的分層結構實現下面的增刪改查的功能。 代碼結構 vue userManage └── List ├── api.ts ├── EditModal │ ├── index.tsx │ ├── index.vue │ ├── model.ts │ ├── presenter

mvp , 前端架構 , 架構

若邪 - 如何結合整潔架構和MVP模式提升前端開發體驗(一) - 整體架構篇

如果你無法接受 TypeScript,不建議繼續閲讀此係列文章 本文不詳細介紹什麼是整潔架構以及 MVP 模式,自行查看文章結尾相關鏈接文章。 整潔架構粗略介紹 下圖為整潔架構最原始的結構圖: Entities/Models:實體層,官方説法就是封裝了企業裏最通用的一部分邏輯,也可以叫 Models, 可能是隻包含數據字段的對象,也可能包含方法,具有一部分業務邏輯。更加深入就是領域驅動

mvp , 前端架構 , 架構