【每日十分钟前端】基础篇5，HTML和DOM的关系、id选择器和class选择器、JS中类型转换的规则

1.1、[HTML]HTML和DOM的的理解，他们有什么区别和关系？
1.2、[HTML]你对网页标准和W3C重要性的理解?
2、[CSS]id选择器和class选择器的使用场景分别是什么？
3、[JS]说一下JS中类型转换的规则？

---

1.1、HTML 和 DOM 的理解，他们有什么区别和关系？

HTML：

主要表现形式为HTML标签，也叫HTML元素，也就是HTML节点（每个HTML元素都是一个HTML节点），HTML是用来描述网页的标记语言。要想操作这些HTML元素，就引出了DOM概念。

DOM：

DOM是一项W3C标准，定义了访问文档的标准，是HTML和XML的编程接口，要想用编程语言或脚本操作文档，就需要这些接口。操作HTML就需要HTML-DOM，操作XML就需要XML-DOM。另外还有核心DOM，可以针对任何结构化文档的标准模型。

DOM的产生：

浏览器载入HTML文档会先解析HTML，构建DOM模型。HTML DOM把HTML文档视作树结构，这种结构也叫节点树。

HTML与DOM：

HTML元素和DOM对象一一对应。但多个因素影响同一个DOM节点的实际数据，比如HTML属性，JS的DOM对象属性等。

通过DOM操作HTML文档：

对于浏览器引擎而言，并不存在HTML标签，本质就是DOM节点对象，也不存在HTML文档，本质是DOM节点对象组成的文档树。
在JS中获取的都是DOM元素，操作的是浏览器引擎中的DOM对象接口，而JS中的DOM对象和浏览器引擎存储的DOM节点本质上不是一个东西，用户操作的是引擎中DOM节点的一个原样映射。实现透明地修改引擎中存储的DOM节点。
其实浏览器引擎本质上并不关心js的存在，但在JS修改后，它只负责DOM树更新时重新渲染到页面中。

1.2、网页标准和 W3C 重要性如何理解?

网页标准和W3C都是为了web能更好的发展，约束浏览器开发者遵循统一标准，同样约束网站的开发，使开发成本降低，SEO也更容易做，也不会因为滥用或自定义API造成各种BUG、也利于解决安全、隐私等问题等，提高网站的易用性。

网页标准：

(1)、结构：指在body里写的标签，由HTML标签组成。
(2)、表现：指更加丰富的HTML标签样式，主要由CSS样式组成。
(3)、行为：指页面和用户之间的交互，主要由JS组成。
网页web标准要求将三者独立，使其据有模块化。

W3C标准：

W3C对网页标准提出了规范化要求
(1)、结构html：标签字母要小写、标签要闭合、标签不能随意嵌套。
(2)、表现css、行为js：建议使用外部链接css和js脚本，样式尽量少用行间样,实现结构和表现、行为分离。

W3C：

万维网联盟，标准制定机构。

2、id 选择器和 class 选择器的使用场景分别是什么？

id选择器：

通过节点的ID选取节点，用“#”修饰；
每个DOM一半只允许拥有一个ID;
据有唯一性，不能给多个DOM设置同一个ID，就是不能通过一个ID控制多个DOM；
只能用在单个元素中。

class选择器：

通过节点的类名选取节点，用“.”修饰；
每个DOM可以拥有多个class;
可以被多个元素使用

3、JS 中类型转换的规则是什么？

隐式转换：

是指在对不同类型的值使用运算符时，值可以在类型之间自动的转换，自动进行转换。
(1)、用于检测是否为非数值的函数：isNaN()；
(2)、递增递减操作符、一元正负操作符；
(3)、加法运算操作符；
(4)、乘除、减号运算符、取模运算符；
(5)、逻辑运算符(!、&&、||)；
(6)、关系操作符(<,>,<=,>=)；
(7)、相等操作符(==)；

显示转换：

通过函数或适当的代码进行类型转换的机制，手动进行转换。
(1)、转换为数值：Number()、ParseInt()、parseFloat();
(2)、转换为字符串类型：toSting()、String();
(3)、转换为布尔类型：Boolean();