学习前端算是有段时间了吧,现在算是对前端有个大概的认识了,先来总结一下前端所包括的主要内容,对自己的学习来个小结。
前端简单说就是我们能够看到的东西,比如页面内容,颜色,图片等,后端主要负责的是后台数据的传输等。前端主要包括三个部分: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");
输入以上代码,即可在页面中看到效果。
推荐一个在线编辑器: