阅读《深入理解bootstrap》一书，留点痕迹

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre"> </span>最近又想阅读这本书，主要是我要做分享一个。起初读了书的第一/二章后，学到了以前一直没有理解的几个问题。在这里记录一下：</span>
        这段文字誊抄书中原文，看起来就像干活：

        

关于本书的内容，这里再多说几句。首先，组件（或插件）
是用来使用的，而架构思想是用来理解和创建组件（或插件）、
解决疑难杂症的，所以读完本书以后，你可能得到两种结果。
结果1　组件和插件都会使用了，但是没有很好的架构思想。
那就做一个制作网页的熟手吧。不是因为Bootstrap很难，而是因
为你对相关知识（CSS3、jQuery、JavaScript代码）的掌握还不
牢靠。如果你想完全理解它的思想，这就需要把第1章用于理解源
码分析的必备知识完全吸收以后（从别的书上再多学一点会更
好），再回过头来阅读第2章，然后随便找个组件（或插件）研究
一下，相信就没有问题了。
结果2　架构思想都完全理解了。那么你下一步的工作，除了
指导你的小伙伴们使用Bootstrap以外，还要帮他们解决疑难杂
症。若有机会，可尽量尝试创建具有自己风格的组件。

上面这段文字让我印象深刻，我在从中找寻我读这本书的意义，还有一段文字给我印象比较深刻：

想要学习如何编写出优雅而又结构化良好的代码吗？相信这
本书就是为你准备的

这段文字道出了我们作为开发人员的那点追求，我非常激动，他懂我们。
        下面的一些知识点，有些困惑了我一段时间，有的则是我一直想知道的，这是如bootstrap门的一些css,jquery,javascript的基础知识：
         1.less储备

Less是一种CSS预处理技术，它是一种动态样式语言，属于
CSS预处理语言中的一种，它使用类似CSS的语法，为CSS赋予了
动态语言的特性，如变量、继承、运算、函数等，更方便CSS的
编写和维护。

        2.css基础知识
a/优先级

如何确定CSS的优先级？这里我们要先引入一个机制，分别
用4个数字（a，b，c，d）表示优先级组合，比如1，1，1，1和
0，1，0，1。它们的意思分别是：
❑第一个数字（a）表示style属性，优先级最高。由于一般都
是class样式，所以该值一般都是0。
❑第二个数字（b）是该CSS选择器上的id数量的总和，一般都
是1个。
❑第三个数字（c）是用在该CSS选择器上的其他属性CSS选择
器以及伪类的总和。这里包括class（.btn）和属性CSS选择器（比
如li[id=red]）。
❑第四个数字（d）计算元素（就像table、p、div等）和伪元
素（就像first-child等）。
❑通用CSS选择器（*）是0优先级。
❑如果两个CSS选择器有同样的优先级，在样式表中后面的那
个起作用。
下面有几个例子和对应的优先级，如表1-3所示。
同理，计算下面两个选择器的优先级：
#leftbar li#first { color: red; }
#leftbar li:first-child{ color: blue; }
结果肯定是第1个比第2个优先级高，因为第1个的优先级是
0，2，0，1，而第2个是0，1，0，2

b/选择器

为两种，一种是临近兄弟，一种是普通兄弟。临
近兄弟的选择符用“+”表示。比如导航条里要设置两个li之间的外
边距，则需要如下定义：
.nav-pills > li + li {
margin-left: 2px; /* 加大左外边距 */
}
如果只想查找某一个指定元素后面的兄弟节点（而不限制于
临近节点），可以使用普通兄弟节点的符号“～”。比如：
.article h1 ~ p {
font-size: 13px;
}

c/伪类选择器

:hover/
        :focus/
        :fist-child/
        :last-child/
        :nth-child
javascript基本知识：
        a/  || 和&& 的特殊用法
        b/  原型和立即调用函数

jquery基础知识：
        1.事件绑定：query的on和off事件，
        2.事件的命名空间