現在有一個專案，需要為一些特殊人群展示特定的風格，請問是什么意思？ 對于老年人實施老年版，一些字體會放大，一些dom結構會不同，頁面上的一些圖示也會用字體顯示。 對于有色盲的人，將在顏色上做一些處理。 這些變化可能會影響到原來的代碼。如何設計架構以保證對源代碼的侵擾最小？可以高度擴展和洗掉？
uj5u.com熱心網友回復：
因為你沒有說明專案所使用的開發語言和開發環境。我只用網頁HTML、CSS和JavaScript作為例子來表達我的想法。 你是否經常配置你的電腦的主題桌面？這個專案的想法和主題桌面應該比較相似。
首先，我們需要確定一個前提。我們無法通過技術手段確定用戶是否是老人，也沒有辦法確定用戶是否是色盲。我們只能做到讓用戶根據自己的情況或喜好來選擇自己喜歡的主題。 設定好這個前提條件，接下來要做的就是準備好每個主題對應的css檔案，然后根據用戶選擇的主題，配合js加載css檔案。
在這個程序中，其實更需要思考的是代碼，這個代碼怎么寫才更合適。
當整體頁面風格一致時，老人需要放大字體，色盲需要處理顏色。那么就需要把CSS中設定字體大小和設定界面顏色的代碼全部提取出來，剩下的CSS代碼作為兩個主題的共同風格，這樣就可以在一定程度上保證整體的版面風格。最后，這兩個主題的字體大小和顏色的寫法是不同的。對于老年人使用的主題，主要是調整字體大小，但顏色仍然是原來的顏色。對于有色盲的人來說，使用原來的字體大小，并對顏色進行有針對性的調整。
這種方法實際上是一種 "以人為本 "的做法。
這種方法其實是最基本的編程思路之一，離開一般的代碼，找出不常見的代碼，它也可以應用于C、C 、Java、Python等。
因為你沒有提供更具體的專案資訊，比如專案使用的開發語言，程式是在計算機應用還是移動應用，所以我只提供我的方法，無法提供具體的代碼。
uj5u.com熱心網友回復：
我認為下面的方法是一個很體面的方法。 為普通人設計網站。無論你想在以后為老人或色盲的人改變哪個元素，都給它一個普通的類別（普通-p，普通-h1，普通-icon和...）。以后在你的商店中定義一個狀態，當用戶點擊一個按鈕來表示他們是色盲或老年人時，這個狀態就會被改變。然后，你可以使用querySelectAll，找到所有這些元素，并洗掉那個className，用新的className替換它，如colorblinded-h1或... 接下來，你需要做的就是在SASS或普通CSS中定義所有這些類。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/329565.html
標籤：