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

前端三大基础是哪三个

程序员文章站 2022-03-11 22:07:00
...

前端三大基础是指:1、超文本标记语言HTML,它是一种构造网页语言;2、层叠样式表CSS,它是一种定义样式的构造语言;3、嵌入式脚本语言Javascript,它是一种解释型脚本语言,用于实现用户与网页之间的一种实时的、动态的交互关系。

前端三大基础是哪三个

本教程操作环境:windows7系统、CSS3&&HTML5&&javascript1.8.5版、Dell G3电脑。

如今前端的火爆程度超出开发人员的想象,明明简单的开发个页面而已,并没有市面上说的那样。其实隔行如隔山,很多时候我们站在门外根本无法理解门内的实际情况。

前端之所以变得越来越重要,实际上是用户体验被提到了一个很高的高度,这点要感谢乔帮主,没有他或许现在我们还在在塞班的世界里举步维艰。

而与用户直接发生交互行为的前端领域才达到了让人瞠目结舌的高度,即使这样前端的基础,也就是前端的核心技术依旧没有变。

组成前端日常开发的语言仍然是HTML,CSS,Javascript三门语言。

1、HTML-超文本标记语言

HTML(Hyper Text Markup Language):是一种构造网页语言,通过标记式的指令(Tag),将影像、声音、图片、文字等内容显示出来。它规定了自己的语言法则,用来表示比“文本”更丰富的意义项。

HTML5:html的最近标准,2014年制定发布。html5新增了一些语义化标签,支持video、audio音视频、canvas/webgl等能力。

HTML基础标签:head、body、html、标题(h1-h7)、段落(p)、链接(a)、图像(image)、表格(table)、列表(ul、ol)等。

一个html文档的基本构造:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello</title>
</head>
<body>
<p>Hello</p>
<a href="http://www.baidu.com"></a>
</body>
</html>

2、CSS-层叠样式表

虽然开发多年但是对这门语言仍然没有什么发言权,该语言实际上是为了解决HTML标记(标签元素)臃肿的问题而产生的,并且该语言设计真的很棒。CSS的核心是对文档流的定义和选择器,通过对HTML文档的重新定义,引入文档流的概念,将原本臃肿的标签通过灵活的选择器修改页面内容的样式。需要重点关注的是文档流的定义,元素盒模型,以及文档流的破坏和修改。

CSS (Cascading Style Sheets):层叠样式表,一种定义样式的构造语言,比如字体、颜色和定位,它们描述了如何在web页面上格式化和显示信息。

CSS3:css最新标准。css3新增了动画、选择器等特性。CSS3演进的一个主要变化就是W3C决定将CSS3分成一系列模块。 主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。分成若干较小的模块较利于规范及时更新和发布,厂商也可以由选择的支持一部分css3模块能力, 方便css3的推广。

css在html中的书写位置:

1)、 写在行内(不推荐)

<h1 style="color:red">haha</h1>

2)、写在htmI中的style标签里(不推荐)

<style>
h1{
color:red
}
</style>

3)、链接方式(推荐)

<link rel="stylesheet" type="text/css" href="style.css">

3、Javascript-嵌入式脚本语言

最初由于Javascript是运行在浏览器中,因此常常被人称为嵌入式脚本,但是依然没有影响Javascript成为一门强大的编程语言。该语言主要实现的是用户行为的响应问题,因此基于用户的行为事件,响应不同的操作结果。该语言是前端的重点语言,因为所有的用户体验都需要Javascript去实现。该语言正在变得越来越完善,并且逐渐向静态化的方向发展。

1)、库

库是针对某个具体功能实现的封装,例如针对文件上传场景的封装实现,称为文件上传类库。举例来说是如此,但不限于此。

2)、框架

框架是为了解决更多问题的封装实现,例如jQuery框架是实现Javascript在PC端浏览器API兼容性的框架(Zepto针对移动端),MVVM框架是为了快速构建界面的封装实现,通过将DOM操作进行封装,减少手动DOM操作,专注于数据结构和业务逻辑的实现。

更多编程相关知识,请访问:编程视频!!

以上就是前端三大基础是哪三个的详细内容,更多请关注其它相关文章!