JavaScript事件模型

在各种浏览器中存在三种事件模型: 原始事件模型 , DOM2事件模型 , IE事件模型。

其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持.

原始事件模型：

在原始事件模型中（也有说DOM0级），事件发生后没有传播的概念，没有事件流。事件发生，处理，结束，就这么简单。监听函数只是元素的一个属性值，通过指定元素的属性值来绑定监听器。书写方式有两种：

开篇

通常带着一个问题来学习知识会有事半功倍的效果，因此文章开头，我们先抛出个小问题来考考大家

// html如下：
<div class="wrap">
    <span class="text">你好，我是前端扫盲</span>
</div>

/* css样式如下：*/ 
span.text:not(.foo) {
    color: blue;
}
div.wrap>.text {
    color: red;
}

1-列表嵌套

测试标签ul,li,dt,dd,

1-1代码和浏览器截图

浏览器检查截图

小结，ul嵌套li,dt,dd,显示正常，没有出现强制闭合；

1-2 测试,

展开

爬虫的基本流程：

模拟浏览器向目标url发送请求，并获取响应

对响应中有用的内容进行提取

如果提取url，则继续发送请求获取响应

如果提取数据，则将数据进行保存

Redis跳跃表

什么是跳跃表

Redis

html查看工具

浏览器开发者工具 F12

html结构

html标签

• 标签的类型

上文介绍了如何在网页中使用css及css的常用知识点，今天首先介绍css 的选择器，所谓选择器就是通过一定的规则语法查找html元素节点，只有找到这些元素才能应用样式。

选择器类型

css 选择器从不精确到最精确，可分以下几种：

• 通用选择器 （*）-—— 选择所有元素
• 标签选择器（tag）—— 按 HTML 标记名称定位元素（包括伪元素）

DOM（下）

• DOM 就是我们 html 结构中一个一个的节点构成的
• 不光我们的标签是一个节点，我们写的文本内容也是一个节点，注释，包括空格都是节点

DOM节点

• DOM 的节点我们一般分为常用的三大类 元素节点

在面试中考察css的时候面试官可能会让你聊一聊浮动,那么接下来我们将总结css中浮动的常见的问题

浮动的特点

• 文字环绕效果：通过设置float属性，我们可以轻松实现图文混排，让文字围绕在浮动元素周围。