milanleon的专栏

addEventListener()的第三个参数为布尔类型，默认为false, 其指定事件传播的顺序，比如 元素内有一个 ，然后用户点击了这个 元素，false的话表示消息从内到外处理，即首先处理 元素的点击事件，然后是 元素的点击事件，true的话表示消息从外到内处理。这里有两个问题，一个是coorDiv上面会有空隙，这是因为右边的p段落显示的时候默认会有上面的空隙，如果我们把p段落的margin设为0的话，那么coorDiv和p段落上面都没有了空隙。

BootStrap也提供了很多css样式和js插件，使得web开发更加便捷，这块与vue相比的话，BootStrap的缺点是，如果使用BootStrap现成的插件进行开发的话会很快，但是想对于组件进行订制就不太方便，自定义标签或部件的话需要一些额外的代码或查找额外的插件，而vue则适合开发自定义功能和交互比较多的web。表单用于收集用户的输入，如下图所示， 用来定义表单，表单中的元素有input 元素（如text文本输入、radio单选按钮、submit提交按钮）、单选按钮、文本输入框等。

div/span 通过与 id、class 、role 属性配合，提供了向html文档添加额外结构的机制，如果这个结构是通用的话使用class属性，如果这个结构是特定块使用的话使用id属性，id 属性为一个元素或多个元素(div块)分配一个唯一的名字，class属性则适合被多次使用的情况。从上面可以看到，我们可以通过样式表来设置一些通用的样式，比如每个色块使用的inside来实现相同的大小，同时还可以对每个元素设置单独的样式，比如通过色块的style属性来设置色块的单独颜色。