文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

前端三大基础是什么

2024-04-02 19:55

关注

本篇内容介绍了“前端三大基础是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

前端三大基础是指: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、标题(h2-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)、 写在行内(不推荐)

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

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

<style>
h2{
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操作,专注于数据结构和业务逻辑的实现。

“前端三大基础是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯