• 读书笔记之css部分——《编写高质量的代码:Web前端开发的修炼之道》


      和html一样,css部分同样让我很是感兴趣,作者从浏览器的两种模式引入css这个概念。文中提到了标准模式和怪异模式,在《JavaScript高级编程》中,将怪异模式称之为混杂模式,也许是先入为主的观念吧,个人还是习惯混杂模式,作者说在css布局时代,为了避免混杂模式给我们带来不必要的麻烦,所以必须养成书写文档类型定义的好习惯。

      我在前期看css时觉得这是很容易的事,只要确定了网页内容,每块内容都可以用div分割,css只需对不同的div中的id设置样式就可以了,需要什么样的就设置成什么样呗,那还不是随心所欲的事儿,只是在后期运用css的时候,经常遇到虽然我按照自己理解的设置样式了,却总也达不到自己想要的效果,当时有一阵子一直不明白究竟是哪里出了错。后来看完本书的这一部分后才知道答案:样式的显示有就近原则之分,部分属性还会出现重合,这便是影响表现的重要原因。比如说相邻的margin-top和margin-bottom会产生重合,这样如果你在相邻的两个模块了一个设置了margin-top另一个设置了margin-bottom那么这两个模块的边距就会产生重合,以致达不到你预想的效果,这样你就要避免在相邻的模块同时使用这两个属性,所以在编写样式的时候最好自己给自己做个规定。

      为了说明代码的重用,简洁,易维护性的重要,作者引入了面向对象编程中的“类”、“封装”的概念,做了形象的解释说明,按照模块编写样式一方面可以提高代码的重用,为后期的维护和升级节省时间,另一方面也让程序员对页面有一个整体把握。作为一名程序员,应该在开始的时候就养成精简编码的良好习惯,这样对自己后期的工作一定会有帮助滴。

      这一部分看了两天,作总结的时候还是觉得有点难度,正如在看html时觉得大致的内容已经掌握了,可以当转向实践时还是觉得有难度一样,理论和实践的完美结合还需要后期不断地编码联系中得以巩固。

      

    也许青春就是这样,有希望,却依然迷茫得不知所措。。。
  • 相关阅读:
    json数据转化格式
    远程安装软件控制台
    杂、记忆点
    布局(杂,细节处理)
    自己修改代码后push推送到zhile
    js中call和apply的区别 / 函数的call、apply以及bind的作用与区别
    一元运算符a++、++a、a--、--a
    javascript基础语法和算术运算符
    不同空格符号的区别
    2020.12.11面试两家
  • 原文地址:https://www.cnblogs.com/dannyoung/p/2941779.html
Copyright © 2020-2023  润新知