專案CSS架構

2021-07-13 13:22:26 字數 432 閱讀 4420

1.sass預編譯的,編譯選項–style compressed;

2.css控制項化 將html的頁面內容分割成不可替換的最小單位 如 btn.css article.css icon.css select.css 每個都用sass編寫使得屬性值可以批量修改;

3.在專案使用public.css裡邊用@import引入需要的控制項化模組,上線的環境不需要控制項類的css,與上線環境解耦;

4.控制項上使用控制項命名,私有化的css樣式使用統一的父類 防止私有樣式和控制項的樣式互相汙染;

5.控制項化到元件化再到頁面, 從設計稿提取控制項化元素,使用控制項拼成小組件,再成大元件,最後拼合成頁面,使用jade的include和extend方法拼合頁面,保證jade模組檔案**量少;

6.用快取與css檔案數,每個頁面會引用public.css 和自己頁面私有的module.css

專案記錄 架構

今天,專案負責人召集大家開會,要修改我們前面做的設計,並給我們展示了他這2天進行的架構設計。另外兩位同事都有自己的意見,一是覺得要需求牽引,不支援前期的可能是過度也可能是錯誤的設計 二是要修改的 量過大,前面的工作大部分都要重來。我看了 展示後,有這樣的感覺 1 架構設計得很好 2 寫得很好 3 擔...

專案架構strangeioc

新的專案架構控制反轉結構 這個架構是由專案客戶端主程引進來,主程也是新入職,比我早3天入職的。主程之前一直是做頁遊,轉unity半年,問過這個架構是as3的robotlegs,unity的版本比較熟悉。as的介紹 1.這個給新人不知道 應該放在 寫在 的問題給解決了。2.檢視的 動態掛載,serve...

Android專案架構

寫於2015 06 05 android專案重構之路 架構篇 android專案重構之路 介面篇 android專案重構之路 實現篇 我將專案分為了四個層級 模型層 介面層 核心層 介面層。模型層定義了所有的模型 介面層封裝了伺服器提供的api 核心層處理所有業務邏輯 介面層就處理介面的展示。幾個層...