欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

web前端（2）—— 前端技术介绍

程序员文章站 2022-03-18 16:03:14
前文了解了什么是前端，那么前端技术到底有哪些呢？最核心的就这三个： html/html5 css/css3 javascript 什么是HTML HyperText Markup Language，超文本标记语言 ......

前端技术

前文了解了什么是前端，那么前端技术到底有哪些呢？最核心的就这三个：

  • html/html5
  • css/css3
  • javascript

 

 

什么是html

 

hypertext markup language，超文本标记语言，标准通用标记语言下的一个应用

 

那么超文本标记语言又是什么呢 ？哈哈，没完没了是吧，学习就是要这种没完没了的劲。

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准， 它通过标记符号来标记要显示的网页中的各个部分。

网页的本质就是超级文本标记语言，通过结合使用其他的web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页

 

如果朋友们如果不信的话，你浏览器打开百度首页，然后在任意空白位置，鼠标右键-查看源代码：

web前端（2）—— 前端技术介绍

 

然后会打开一个新的界面：

web前端（2）—— 前端技术介绍

 

 好的，下面黑色的字符暂时不看，看那些有颜色的字符，<html>，<head>，<link>这些之类的字符就是超文本标记语言，而网页就是这些超文本标记语言组合而成的，在后面的文章我们就会详细的介绍html

 

html5

html的第五次重大改进版，支持html5的浏览器包括firefox（火狐浏览器），ie9及其更高版本，chrome（谷歌浏览器），safari，opera等；国内的傲游浏览器（maxthon），以及基于ie或chromium（chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、qq浏览器、猎豹浏览器等国产浏览器同样具备支持html5的能力

 

html5在移动端的前端页面设计很占优势，在移动设备开发html5应用只有两种方法，要不就是全使用html5的语法，要不就是仅使用javascript引擎，这个你可以想一想，js是很牛气的，在移动端html5能js相提并论，这个功用性不用多说了

 

html5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到html5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于html5标准，开发人员可以轻松调试修改

 

然后如果你是网络重度用户，尤其是经常看视频，相信你应该见过html5加速吧，是的，他还可以很好的支持视频播放之类的。总之功能很强大

 

 

什么是css

 cascading style sheets，层叠样式表，是一种用来表现html（标准通用标记语言的一个应用）或xml（标准通用标记语言的一个子集）等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

css 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力

 

还是上面那个截图，下面那些黑色的字符就是css

web前端（2）—— 前端技术介绍

 

这个css会在html介绍完之后就会介绍

 

css3

css3是css的升级版，主要包括了盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块，在css的基础上有了很多新的功能和样式。
css演进的一个主要变化就是w3c决定将css3分成一系列模块。浏览器厂商按css节奏快速创新，因此通过采用模块方法，css3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时问支持不同特性，所以这也让跨浏览器开发变得复杂

 

在以后的css介绍中偶尔会用到一点点css3的特效

 

什么是javascript

 

javascript简称js，它一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给html网页增加动态功能。
在1995年时，由netscape公司的brendan eich，在网景导航者浏览器上首次设计实现而成。因为netscape与sun合作，netscape管理层希望它外观看起来像java，因此取名为javascript。但实际上它的语法风格与self及scheme较为接近。
为了取得技术优势，微软推出了jscript，cenvi推出scriptease，与javascript同样可在浏览器上运行。为了统一规格，因为javascript兼容于ecma标准，因此也称为ecmascript

 

其实，web前端里最重要的就是javascript，这个在css介绍之后会用大量的篇幅详细的介绍它

 

html，css，js之间的关系

 

记住这句话：html是网页结构，css是以什么形式表现网页结构，js控制网页结构的行为

 

这个各位可能不能很好的理解，但跟着后面的文章，相信你会慢慢意会这句话

上一篇： 从 Vue 的视角学 React（四）—— 组件传参

下一篇： ng-book札记——HTTP

推荐阅读