前端语言串讲
前端发展史
1990 年,第一个Web浏览器的诞生;1991 年,WWW诞生,这标志着前端技术的开始。
在这将近20年的前端发展史中,我们经历了从最早的纯静态页面,到JavaScript跨时代的诞生;从PC端到移动端;从依赖后端到前端可自由打包开发;从早期的网景Navigator浏览器到现在各家浏览器百花齐放……
我们经历了前端的洪荒时代、Prototype时代、jQuery时代 、后jQuery时期、三大框架割据时代,这其中均是由国外开发者主导,直到如今的小程序时代,才是中国开发者独创的。
现在只有三个浏览器拥有自己的内核:谷歌浏览器,IE浏览器,火狐浏览器。
浏览器都遵循W3C:World Wide Web Consortium(万维网联盟)制定的标准。
前端语言的基本能力
HTML5:
Hyper Text Markup Language(超文本标记语言)
超文本包括:文字、图片、音频、视频、动画等
JS
脚本语言,运行在浏览器上,是一门编程语言。由ECMAScript+DOM+BOM组成。主要操作HTML中的节点让网页产生动态效果的。
JS是一种事件驱动型的编程语言,发生某个事件后执行,且每个事件都有对应的事件句柄,所有事件句柄都是以标签属性形式存在。
DOM编程:通过JS对HTML中的dom节点操作
BOM编程:是对浏览器本身进行操作的,如前进、后退、地址栏等
CSS3
CSS定义
CSS层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS3是CSS技术的升级版本,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
CSS特点:
- 丰富的样式定义:CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;
- 易于使用和修改:CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。
- 多页面应用:CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。
- 层叠:对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。
- 页面压缩:在使用HTML定义页面效果的网站中,往往需要大量或重复的表格和font元素形成各种规格的文字样式,这样做的后果就是会产生大量的HTML标签,从而使页面文件的大小增加。而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程度的缩减了页面的体积,减少下载的时间。