码迷,mamicode.com
首页 > Web开发 > 详细

[读书笔记] Web 前端开发修炼之道

时间:2014-05-19 12:16:23      阅读:299      评论:0      收藏:0      [点我收藏+]

标签:blog   class   c   http   a   com   

原创地址:http://www.cnblogs.com/bnbqian/p/3735565.html 转载请注明出处

今天我们要读的书是Web 前端开发修炼之道

第1章 从网站重构说起

1.1 糟糕的实现,头疼的维护

曾经, 网页代码很乱.

1.2 Web 标准,结构,样式和行为的分离

分离了.

1.3 前端的现状

人员参差不齐.

小结:

本章相当于引论。

第2章 团队合作

小结:

团队和沟通这个永远是个凑字数的好话题。

第3章 高质量的HTML

3.1 标签的语义

标签是有语义的,除了div 和span.

3.2 为什么要使用语义化标签

使得html 结构更加的清楚。

3.3 语义良好的评判标准

脱掉css 的外衣后看。

3.4 实例

  • 少用div 和span
  • p 和div 优先选择p
  • 不用纯样式标签

小结

高质量的HTML重要方法就是合理的使用语义化标签。

第4章 高质量的CSS

4.1 怪异模式和DTD

DTD(Data Type Definition), 如果没有声明DTD 类型,IE 会按照怪异模式去解析。

4.2 如何组织CSS

  • base.css + common.css + page.css
  • 通用+项目+灵活

4.3 推荐的base.css

这个不错,值得推荐

4.4 模块化CSS

4.4.1 如何划分模块

这章扯谈

4.4.2 CSS 的命名空间

借鉴类和属性的方式命名class。

4.4.3 多用组合,少用继承

说白了就是挂多个class

4.4.4 margin 问题

不要混用mt mb

4.5 低权重原则

不要滥用子选择器

4.6 CSS sprite

用不用是个问题

4.7 CSS 的常见问题

4.7.1 多行式和单行式

单行

4.7.2 id 还是class

从css 的角度来说,推荐多用class

[读书笔记] Web 前端开发修炼之道,布布扣,bubuko.com

[读书笔记] Web 前端开发修炼之道

标签:blog   class   c   http   a   com   

原文地址:http://www.cnblogs.com/bnbqian/p/3735565.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!