前端三要素及所需技能

学习笔记来自于B站博主：遇到狂神说

前端三要素

• HTML(结构)：超文本标记语言(Htper Text Markup Language)，确定网页结构和内容

• CSS(表现)：层叠样式表（Cascadiong Style Sheets）,设定网页的表现样式

• JavaScript(行为)：是一种弱类型脚本语言，其源代码不需要编译，而是由浏览器解析运行，用于控制网页行为

结构层(HTML)

都是一些简单的标签，略

表现层(CSS)

CSS是一门标记语言，并不是编程语言，因此不可以自定义变量，不可以引用等，换句话说是不具备任何语言支持，它的主要缺陷如下：

• 语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器；

• 没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护；

  这就导致我们在工作中增加了许多工作量，比如到节假日想要给网站换个样式就得一个一个的改，为了解决这个问题，前端开发人员会使用CSS预处理器的工具，提供CSS缺失的样式复用机制,减少冗余代码，提高样式代码维护性。

什么是CSS预处理器

CSS 预处理器提供了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进