前方高能!!!!!都是理論!!!可以說是經驗!!!沒有代碼!!!!!只有思路做法!!!
前言:antd引領着前端的發展趨勢,使得進入前端的一些簡單開發處理很快速,組件拿來即用,很人性化。從18年接觸antd,從dva到umi,就目前開發過的項目都是基於dva數據流加antd UI來做的,umi只是接觸表皮搭了項目應用框架,寫大概5、6個小模塊試水。
企業級中后台項目:
項目結構涉及模塊:主要以項目權限、路由、多語言、統一的請求出口入口為主
權限:有菜單權限(頁面權限)、路由權限、接口權限、按鈕權限。
路由:根據瀏覽器上面輸入的URL跳轉至對應的頁面,顯示對應的菜單背景色
多語言:antd組件自帶的多語言、用戶填寫的多語言、展示的多語言。后台可以一個字段返回,前端根據返回的字段來切割對應的多語言(前提商量好分割符號,比如用一些少見的特殊符號,用spilt方法切割字符串)。另一種多語言做法就是根據前端在請求頭header上面加上language來做給后端,后端返回對應的字段語言。第二種做法前端可以輕松很多,后端要設計好對應的數據庫。
封裝請求:我用的都是fetch,主要在fetch里面加幾個判斷就可以了,統一處理出錯信息。
面向公眾的門戶項目:
項目結構涉及模塊:主要側重響應式、兼容性、流暢性、為主。
開發門戶網站前,應該清楚項目的需求兼容性范圍,是否需要兼容到手機端。而pc端需要兼容的瀏覽器則較多,版本也相對會老一點。
響應式開發的話個人覺得應當遵從一個原則:能用css處理響應式的盡量用,特殊需求在用react響應式插件處理。之前寫響應式css懶得調,用了插件,導致后期修改東西需要修改pc、手機端兩個組件,維護修改起來相對麻煩。
