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

原创地址: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

时间: 2024-12-23 11:42:14

[读书笔记] Web 前端开发修炼之道的相关文章

《编写高质量代码》web前端开发修炼之道-读书笔记

第一章  从网站重构说起 <编写高质量代码>web前端开发修炼之道-读书笔记

《编写高质量代码--Web前端开发修炼之道》读书笔记

前言 这两周参加公司的新项目,采用封闭式开发(项目成员在会议室里开发),晚上加班到很晚,所以没时间和精力写原创博客了,今天就分享下这篇<编写高质量代码--Web前端开发修炼之道>读书笔记吧. 正文 欲精一行,必先通十行. 在前端开发这个领域,一专多能更是非常必要的. table布局缺点: 代码量大,结构混乱: 标签语义不明确,对搜索引擎不友好. css布局:div+css,或者(x)html+css. 代码量少.结构精简.语义清新. 代码量少,浏览器端下载时间就会更短: 语义清晰就会对搜索引擎

Web前端开发修炼之道--笔记

花了一个星期看完了这本书,把随笔写一写,还摘录了一些书里封装好的函数,偶尔多看看(只捡了感觉重要的东西) HTML(Model)+CSS(View)+javascript(Controller) 怪异模式是因为DTD触发,也就是 Document Type Definition (文档定义类型) <!DOCTYPE html> 多种组织CSS方式 例如可以按功能划分 font.css color.css layout.css 此书推荐base.css(通用层)+common(网站级)+css+

编写高质量代码:Web前端开发修炼之道(一)

最近老大给我们买来一些技术方面的书籍,其实很少搬着一本书好好的完整的看完过,每每看电子档的,也是打游击式的看看这章,瞅瞅那章,在那5本书中挑了一本比较单薄的<编写高质量代码web前端开发修炼之道>,看完觉得不错,它从一个整体架构上来说明如何编写高质量代码,而细处也着重说明一些比较重要的技术点,给人一种从高处俯瞰web开发.很完整的感觉,在这感谢老大,谢谢他让我们不停的进步着.下面是我看书过程中的笔记. 第一章:从网站重构说起 没什么好说的,从一个糟糕的老网页实例说明需要将web的结构,样式和行

编写高质量代码:Web前端开发修炼之道pdf

下载地址:网盘下载 作者简介  · · · · · · 曹刘阳,网名阿当,资深Web前端开发工程师,先后就职于中国雅虎和淘宝,现就职于新浪,一直从事Web前端开发工作,实战经验非常丰富,在通过提高代码质量来增强可维护性方面颇有心得.精通HTML.CSS.JavaScript等前端开发技术,对ActionScript.Flex.PHP.RoR等Web开发技术也有较深入的研究.致力于敏捷开发实践,喜欢读书,阅读过大量技术书籍:擅于总结归纳,能将各种技术融会贯通. 目录  · · · · · · 推荐

《编写高质量代码-web前端开发修炼之道》 读书笔记 (转)

正文 欲精一行,必先通十行. 在前端开发这个领域,一专多能更是非常必要的. table布局缺点: 代码量大,结构混乱: 标签语义不明确,对搜索引擎不友好. css布局:div+css,或者(x)html+css. 代码量少.结构精简.语义清新. 代码量少,浏览器端下载时间就会更短: 语义清晰就会对搜索引擎更友好. 先确定html,确定语义的标签,再来选用合适的CSS. 浏览器会根据标签的语义给定一个默认定样式. 判断网页标签语义是否良好的一个简单方法就是:去掉样式,看网页结构是否组织良好有序,是

读《编写高质量代码-Web前端开发修炼之道》笔记

第一章 1.Web标准由一系列标准组合而成,核心理念是将网页的结构,样式和行为分离,所以分为三大部分:结构标准,样式标准和行为标准.结构标准包括XML标准,XHTML标准,HTML标准:样式标准指CSS标准:行为标准主要包括DOM标准和ECMAScript标准. 第二章 1.注释增加代码的可读性:提高重用性--公共组件和私有组件的维护:冗余or精简:前期的构思:制定规范:团队合作 第三章 1.语义化标签 2.table布局的缺点:代码量大,结构混乱:标签语义不明确,对搜索引擎不友好. 3.CSS

编写高质量代码:Web前端开发修炼之道(三)

第五章:高质量的Javascript 这章的内容我看的最久,这是跟我js基础没打好有着莫大的关系,但是还是耐着性子看完了, 不懂的东西都是百度上搜索,理解后再继续.下面是记录下来的笔记. 1)如何避免JS冲突 A:匿名函数 在多人合作一个网站时,每个人都会写自己的JS代码,定义变量的时候有可能会引起命名冲突,如何避免这种冲突隐患呢? 一种最简单有效的办法是“匿名函数”将脚本包起来,让变量的作用域控制在匿名函数之内. 匿名函数:(function (){})() 前面的括号内是函数体,后面的()表

编写高质量代码:Web前端开发修炼之道(二)

第四章:高质量的css 1)怪异模式和标准模式 在标准模式中,浏览器根据规范表现页面:而怪异模式通常模拟老式浏览器的行为以防止老站点无法工作. 他们两者之间的差异比较典型的表现在IE对盒模型的解析:在标准模式中,网页元素的宽度=padding+border+width;而在怪异模式中,width本身就包括了padding和border. 在怪异模式中:设定width,然后margin:0 auto;是无法居中的.标准模式中可以正常工作. 于是我们尽量避免怪异模式,而选用标准模式,这样就出现了DT