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

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

前端是什么?

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


请忽略我的画工~

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


下面介绍html,如下图:


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

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

至于这个“人”的细节(html标签)以及要穿衣服(css),这个人的一些动作(javascript)建议大家去《菜鸟教程/w3cschool/廖雪峰大大的官网等等去学习》


猜你喜欢

转载自blog.csdn.net/Li_G_yuan/article/details/80543247