五分钟了解前端基础(HTML/CSS/JavaScript/jQuery)

我觉得前端是一个很有意思的东西,它可以让我们直观的看到效果,如果我们的脑洞足够大,它做成我们想要的样子,这里想跟大家分享一下自己的个人理解

前端是什么?

首先,我画了一幅巨丑的图:

灵魂画手~~

• 上图就是我对前端的一个基础的认知,前端就像一个人
• 它有基本的结构,就是html
• 这个人有红头发,就是CSS
• 它会说话,唱歌,就是JavaScript
• 而每次说话都要先张嘴,说话,这样重复的东西被封装起来,就是jQuery
• 如果这个人想要接收别人告诉它的信息就是ajax
• 它要听得懂这个消息就会用一个固定的数据格式(json)

下面介绍html,如下图:

• 这个人的结构没那么复杂,它就是用很多的标签来完成的,首先,要先声明,它是什么
• 然后,定义这个人,就是这里,标签就是成对出现的,还有一种单标签例如
  等
• 这个人有一个头,跟人一样,要想做各种各样的事情,就会通过大脑来调动我们的身体,所以,头部里面用于设置css样式和JavaScript
• 头部之后,就是我们这个人的主体部分了,它就是网页上显示的内容,主体不同,我们就会看到不同的页面,就像百度和京东商城

好了，这就是HTML的基本样子。

以上就是一个简单的前端介绍。

至于这个“人”的细节（html标签）以及要穿衣服（css），这个人的一些动作（javascript）建议大家去 w3cschool 菜鸟教程学习。