WEB層改進I–重(zhong)用CSS

來源:互聯網
上載者:User
                
    一位兄弟說得好,Spring、MVC、ORM怎麼分層,怎麼封裝,都是讓程式員爽了,在客戶眼裡卻沒有什麼直接增值(最多就是後繼修改的速度快了一點點而已),所以,還是要花點心思在客戶感覺增值的地方,一是商業智慧的增強;二是客戶體驗的改進,也就是表現層的改進上。
                                                            

<網站重構>是之前很hot的一本書,其觀點非常清晰簡單,一個下午就能看完,也許根本沒必要寫成一本書。但這麼簡單的觀點卻十分受用:

觀點一:不要再使用嵌套再嵌套的Table來排版,改用直觀的<DIV>讓View層驟然清朗。

    Table排版根本是Html的原罪,每一代Web程式員都深受其苦,但只要下定決心,立刻就可以拋棄它。
    我們的David同志就坐言起行,三兩下功夫把現在的項目重構完了,效果明顯
    之前有人誤解這本書提倡完全放棄Table,其實只是頁面配置的時候不用,內容本身是table時當然還要用。
    書裡還會有<DIV>排版的執行個體和一點細節。

觀點二:完全使用CSS來控制頁面的樣式,使頁面風格統一併實現瞬間換膚。

    沒有誰不用CSS的,但要真正實現良好的封裝,還要花點功夫去學習CSS的文法,然後自己再消化、設計一番。書裡也有一點介紹,比如#符號(按html節點的ID選擇CSS),比如把圖片也封裝到css裡,我土還是第一回覺察出來,但要完成好的封裝就必須用到。
    我們的David同志也完成了這個任務,優秀與否還有待項目考驗。

    有一個網站,是整本書內容的最好註解與示範:CSS Zen Garden
    另外,開源廠牌tigris 從它的幾個項目中抽象了一套公用的UI,可以參考一下他們的封裝方式: http://style.tigris.org/

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.