国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css模塊化的思想讓后期維護變得簡單

2024-07-11 09:04:41
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:這里著重講一下模塊化開發為后期維護帶來的好處!

首先,不管了不了解,鬼哥的這篇文章都可以看一下,從宜家的家具設計講模塊化

并不是多高深的東西,在工作中,應用div+css操作,你應該會逐步的去想,怎樣提高效率,怎樣兼容,怎樣精煉代碼,怎樣讓后期維護變的更加簡單。你可能每過一段時間,都想把自己以前寫的東西重構一下。這是很好的想法,也是很好的表現,因為你一直在不斷的進步。模塊化的思想,必定會在你的逐漸進步之中被你領悟!

這里著重講一下模塊化開發為后期維護帶來的好處!

在工作中,我做了一個如下圖結構的網站。

css模塊化的思想讓后期維護變得簡單

首先要說一下繆同學,(備注,不是我公司里的徒弟),繆同學是一個很羅嗦很繁瑣的人。這兩個形容詞其實都不恰當。這不,第二天,他讓我把B和C左右互換個位置,我說沒問題,打開css,把side_list和side_content的left的值改了一下。他依舊很羅嗦。第四天,他讓我把B1和B3的位置換一下,我說沒問題,打開css,把sub_list_1和sub_list_3的top的值改了一下。第六天,他讓我把B1放到C里的下邊并居中。好吧,我打開html,把包含文件中的sub_list_1剪切到side_content的底部。

在做這些的過程中,我只是因為兩個模塊內有相同的hx而針對他們寫了一個!important。

當然,這僅僅是模塊化設計的好處之一。

需要注意的地方:

·  上下級模塊內相同標簽的優先級問題。
·  全局樣式的和模塊樣式的優先級。
·  良好的擴展性。
·  盡量做到具有相同標簽的模塊是平行關系。
·  優化你的全局樣式,讓模塊代碼更簡潔。

在我這里,設計到切圖布局都是一個人,所以,不存在命名沖突問題。多人協作的時候,模塊化設計同樣可以避免這一問題。有效的避免命名、樣式沖突等問題。

上邊說的注意的第三條,良好的擴展性。很多時候,比如,layout內有A/B/C三個元素,layout內有10px的邊,那么,這10px的邊,究竟是在layout上用padding表達還是在子元素上用margin表達?當然,不同情況不同對待!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 明光市| 安溪县| 长顺县| 行唐县| 庆安县| 大田县| 淄博市| 蒙山县| 东方市| 泽州县| 诏安县| 蚌埠市| 辰溪县| 广河县| 西贡区| 无锡市| 修武县| 闽清县| 辽源市| 杭锦旗| 吉林省| 和政县| 临城县| 泰宁县| 扶绥县| 定边县| 南岸区| 武威市| 体育| 延津县| 龙山县| 柘城县| 筠连县| 苍梧县| 交城县| 白玉县| 香河县| 泗水县| 安龙县| 山阴县| 迁安市|