前端初学了解
- 作者: 头像是神评的丁丁
- 来源: 51数据库
- 2021-07-30
在我刚接触前端开发时，首先学到的不是如何去敲出一个“hello world”，而是了解前端它所涉及的最浅显的东西。它的三要素：结构（html）、样式（css）、逻辑（js）。
其实我们可以将三要素的结合看作是一个完整的人，结构则是人的组成部分，人有手、脚、头、身体，而在平时的开发是我们统一将这些部位浓缩了一下，将它变成了div、p、span等等，当html5引入后，我们发现它变得真的像个人一样分别有了特殊的语义化定义标签header、main、article、footer等等。它将一个人分的更加细致，让我们能够一眼就知道这个部位是什么。
当人的组成都是千篇一律的，那我们如何去辨别他呢，这个时候样貌的不同为我们带来了辨别的方法，通过样貌的不同，我们可以知道这个人与那个人是不同的，因为他们俩长得不一样。同样的，样式就相当于人的容貌体型，我们通过定义样式来给结构赋予样貌，使他看起来更加的丰富多彩，更加的能够吸引人的眼球。
当我们为这个“人”设置好了身体和手脚头并为他们赋予了自己独有的样子之后，我们就可以看到一个假人站在我们面前了，是的，假人。因为他只是有了不一样的身体和样貌，但是还没有灵魂。所谓的灵魂则是他能够进行一些看似思考的行为，比如你的鼠标去触碰了这个身体的某一个位置，然后他相应的给你一些反馈，比如：跳一跳、抖一下。这就是所说的逻辑，我们可以通过逻辑去控制结构以及样式的变化，就相当于我们人通过自己的思考去控制手脚一样。当然，不同的是逻辑可以通过控制样式定义每个html的样子，而我们不能通过自己的思考去改变自己的样貌。但是仔细思考一下，其实我们人类社会的整容，这种动刀子的行为就和逻辑控制样式的效果是类同的。
三要素的简单了解大概?就是这些了，有不对的欢迎指正。
??注：?三要素完整名称：超文本编辑语言、层叠样式表、?JavaScrip
