前端三大组成部分

学习前端算是有段时间了吧，现在算是对前端有个大概的认识了，先来总结一下前端所包括的主要内容，对自己的学习来个小结。

前端简单说就是我们能够看到的东西，比如页面内容，颜色，图片等，后端主要负责的是后台数据的传输等。前端主要包括三个部分：html、css、javascript

1、页面结构：HTML

HTML是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，HTML使用标记标签来描述网页，如下：

1 <h1>这是一个标题</h1>
2 <p>这是一个段落</p>
3 <a href="http://www.baidu.com">这是一个超链接</a>

html就是通过这些一系列的标签来描述页面，构成页面的主体部分

2、页面样式：CSS

CSS的官方名字叫层叠样式表，它主要负责页面中各个部分的样式，如：字体大小、颜色，布局等。css样式可以放到html页面中，也可以单独的放到css文件中。如：

 1 h1{
 2   color:red;
 3 }
 4 
 5 p{
 6   font-size:20px;
 7 }
 8 
 9 a{
10   text-decoration:none;
11 }

通过css赋予了页面更多的可能性。随着css3的动画功能的强大，仅仅通过css3就可以构造出许多好看的动态效果。

 

 3、增加功能：javascript

Javascript是脚本语言，它是连接前台和后台服务器的桥梁，它是操纵html的能手，为页面添加各种操作，使页面动起来。如我们在页面上看到的按钮单击后的页面跳转或者弹不出的对话框、警告框等，都是通过JS实现的。本文就原生js，js库，js框架，js插件简单说明一下。
1、原生js，是指最基础的js，没有封装过，但因为各浏览器对js的支持不同，就导致用基础的js编程需要为不同的浏览器写兼容代码。
2、Js库，js框架，是指集成一系列dom操作，API封装，界面UI封装的的库类，常见的有jQuery，extjs等等。使用JS库可以解决浏览器之间的兼容问题，简化JS代码。
3、Js插件，就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多，网页制作上随处可见。如图片轮换功能，导航制作，上传图片等等。

1 document.write("第一个JavaScript代码");
2 alert("Hello World");

 

输入以上代码，即可在页面中看到效果。

推荐一个在线编辑器：

RunJS

 

转载于:https://www.cnblogs.com/lihuijuan/p/8480062.html