欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端初学了解

程序员文章站 2022-07-02 11:30:51
在我刚接触前端开发时,首先学到的不是如何去敲出一个“hello world”,而是了解前端它所涉及的最浅显的东西。它的三要素:结构(html)、样式(css)、逻辑(js)。 其实我们可以将三要素的结合看作是一个完整的人,结构则是人的组成部分,人有手、脚、头、身体,而在平时的开发是我们统一将这些部位浓缩了一下,将它变成了div、p、span等等,当html5引入后,我们发现它变得真的像个人一样分别有了特殊的语义化定义标签header、main、article、footer等等。它将一个人分的更加细....

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

三要素的简单了解大概​就是这些了,有不对的欢迎指正。

​​注:​三要素完整名称:超文本编辑语言、层叠样式表、​JavaScrip

本文地址:https://blog.csdn.net/weixin_43926713/article/details/109278388