`
江南白衣
  • 浏览: 550088 次
  • 来自: 广州
社区版块
存档分类
最新评论

WEB层改进I--重(zhong)用CSS

阅读更多
                
    一位兄弟说得好,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/



分享到:
评论

相关推荐

    用Python玩转数据 04_4-xun-huan-zhong-de-break-continuehe-else.mp4

    用Python玩转数据 04_4-xun-huan-zhong-de-break-continuehe-else.mp4

    Zhong Shi Ying Yu Zhi Jian (Bei - Ping Qia Mu.mobi

    Zhong Shi Ying Yu Zhi Jian (Bei - Ping Qia Mu.mobi

    CCS-xia-jianli-zhong-duan.rar_CCSzhongduan

    4. **启用中断**:在程序运行时,需要通过适当的API函数(例如对于Cortex-M,使用`NVIC_EnableIRQ()`)启用所需的中断。这使得处理器能够响应中断请求。 5. **中断处理**:中断发生时,处理器会保存现场(如寄存器...

    timer-shi-zhong.zip_msp430f149

    在本案例中,我们使用的是计数器模式,通过内部时钟源累积计数,达到预设值后产生中断。 3. **计数器模式**:在计数器模式下,定时器A会自动递增或递减计数值,当计数值与预设的比较值相匹配时,会产生中断请求。...

    ge-zhong-tu-xiang-chu-li-fang-fa-.zip_tu

    本文将深入探讨“ge-zhong-tu-xiang-chu-li-fang-fa-.zip_tu”这个压缩包文件所包含的知识点,帮助初学者理解并掌握图像处理的基本概念和实现方法。 首先,我们要了解图像处理的基础。图像可以看作是二维像素矩阵,...

    STM32-shi-zhong-li-cheng.zip_stm32实时时钟

    使用keil软件 STM32奋斗板实时时钟例程:此例程演示了实时时钟的实验。

    java-hu-zhongli-filippo

    Java是一种广泛使用的面向对象的编程语言,由Sun Microsystems(现为Oracle公司)开发,并于1995年正式推出。它的设计目标是“一次编写,到处运行”,这意味着编写的Java程序可以在任何支持Java的平台上运行,无需...

    zhong_dawei-community-master_java_

    项目可能集成了如Jenkins、GitLab CI/CD等工具,实现自动化测试、构建和部署,确保代码质量并提高开发效率。 总结,"zhong_dawei-community-master_java_"项目是一个全面展示SpringBoot应用能力的实例,涵盖了用户...

    CUDA by Example. An Introduction to General-Purpose GPU Programming

    CUDA(Compute Unified Device Architecture)是一种由NVIDIA推出的并行计算平台和编程模型,它允许开发者使用NVIDIA的GPU(图形处理单元)进行通用计算。这本书通过实例的形式,向读者介绍如何利用GPU进行通用目的...

    shizhong.rar_shizhong

    【标题】"shizhong.rar_shizhong" 提供的是一个名为“酷特时钟”的特效资源,可能是某种编程或设计项目。这个压缩包很可能是为了分享一个有趣且具有视觉吸引力的时钟效果,可能包含HTML代码,用于在网页上实现这种...

    消毒液过期问题持续改进项目zhong.doc

    【消毒液过期问题持续改进项目】是针对医疗机构中消毒液使用不当,特别是过期问题进行的一项护理质量持续改进活动。此项目旨在提高医护人员的安全意识,规范消毒液的使用和管理,减少因消毒液过期可能导致的医疗安全...

    Zhong-2018-Effect-of-poissons-loss-factor-of-r (1).pdf

    在给定的材料参数和空腔尺寸条件下,晶格常数较大和/或覆盖层较厚的橡胶涂层,泊松比损失因子的影响更为明显。 该研究揭示了泊松比损失因子在设计和优化水下声学减震涂层时的重要性,特别是在考虑材料的微观结构和...

    slippage-free:Fan Zhong等人在SIGGRAPH Asia'2014论文“手持视频的无滑点背景替换”中的源代码

    Fan Zhong等人在SIGGRAPH Asia'2014论文“手持视频的无滑点背景替换”中的源代码。 项目页面: : 原始readme.txt 需要上面的OpenCV2.4.0来重建vc项目。 。\ exe目录包含一个可执行文件,并且可以从start.bat运行...

    zhong-duan-.rar_通信 采样

    在IT行业中,尤其是在嵌入式系统、实时操作系统(RTOS)或者工业控制领域,通信和采样是...以及使用全局数组作为存储采样数据的临时缓冲区。这些技术在嵌入式系统开发、实时数据处理和控制系统设计中都具有广泛的应用。

    shizhong.zip_page

    CSS则用于网页的样式控制,虽然它的主要职责是布局和外观,但在某些情况下,如使用CSS动画,也能实现动态效果。 知识点一:HTML基础知识 HTML由一系列的元素组成,每个元素都有其特定的意义和用途。例如,`&lt;body&gt;`...

    shi-zhong.rar_fpga时钟报时模块

    同时,为了确保设计的可靠性,通常会在软件环境中进行仿真验证,如使用ModelSim或Vivado Simulator,确保在实际硬件上运行时能够准确无误地执行。 总之,"shi-zhong.rar_fpga时钟报时模块"项目涵盖了FPGA中的时钟...

    R-S分析,重标极差分析法

    这种方法的核心是通过计算序列的重标极差(Rescaled Range)来评估序列的波动特性,从而判断其是否具有长期记忆性。长期记忆性意味着过去的事件对未来的状态有显著的影响,这种特性在金融、气候、地理等多个领域都有...

    shizhong.rar_shizhong_shizhong vhdl_电子时钟

    在这个名为"shizhong.rar"的压缩包中,包含了名为"shizhong"的VHDL代码,专门针对初学者设计,用以实现一个电子时钟的功能。这个电子时钟不仅在理论上进行了描述,而且已经通过硬件仿真验证,证明其功能的可行性。 ...

    shizhong.rar_shizhong vhdl

    【标题】"shizhong.rar_shizhong VHDL" 涉及的主要知识点是基于VHDL的数字钟设计。VHDL(VHSIC Hardware Description Language)是一种广泛用于电子设计自动化(EDA)的硬件描述语言,常用于描述数字逻辑系统,包括...

Global site tag (gtag.js) - Google Analytics