夏仕洪 华清远见HTML+CSS、JS阶段总结

• HTML(HyperText Markup Language，超文本标记语言)，是用来创建网页的标准标记语言，不是编程语言，HTML中通过各种标签元素来对内容进行描述修饰，将HTML文件运行到浏览器上来进行展示。
• CSS (Cascading Style Sheets，层叠样式表），用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、颜色等），通过定义属性的值来对HTML中的元素样式进行更改，通过选择器选择要更改的元素，极大地提升了网页开发的工作效率。
• JS(JavaScrit)是Web的编程语言，可以直接插入HTML页面，用来控制网页的行为，使网页的功能更丰富；HTML DOM定义了访问和操作HTML文档的标准方法，通过JS调用并控制网页的行为；JQuery是一个JavaScript库，简化了JavaScript编程。

学习重难点

• CSS的层叠性：当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另一个属性。层叠性主要遵循的原则就是就近原则，在不考虑优先级的情况下，在多个样式中最终生效的样式是离标签最近的样式；CSS的继承性：当标签没有设置样式时，会继承父标签的样式，可以继承的属性有字体属性、文本属性、行高、背景类属性等；CSS的层叠性和继承性提高了开发效率，但有时候会导致实际结果与预期结果不符，这个时候需要仔细考虑优先级、层叠性和继承性带来的影响。
• JS是弱数据类型语言，因此在声明变量时只需要使用let关键字，但实际使用时却需要考虑变量类型，例如使用+，两边都为数字则进行运算，否则进行字符串的拼接，需要进行布尔判断时，非布尔类型值为null或undefined时默认为false，数字类型为0时默认也为false。
• JS除通过getElementById方法可以直接获得元素对象外其余都是获得一个元素集合，需要使用下标才能对其中的元素进行操作。而JQuery中同样需要使用下标或者使用get方法将JQuery对像转换为JS对象，若要将JS对象转换为JQuery对象则需要使用$(JS对象)；
• 事件冒泡：当一个事件被触发时，该事件会向上传递，也就是其所有的祖先元素都会触发该类型的事件，在有继承关系的元素中添加事件时尤其需要注意，可以用 event.stopPropagation()阻止事件的传递。
• JQuery封装的JS库，功能丰富，极大地简化了JS的DOM操作，需要使用但忘记时可以查看JQuery官方文档，学习任何东西都需要学会查看官方文档，提高效率。

HTML、CSS和JS称为前端三大件，但无论前端还是后端都需要认真握，是Web开发中必不可少的基本知识。