返回顶部
首页 > 资讯 > 前端开发 > JavaScript >前端三大基础是什么
  • 965
分享到

前端三大基础是什么

2024-04-02 19:04:59 965人浏览 八月长安
摘要

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

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

前端三大基础是指: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操作,专注于数据结构和业务逻辑的实现。

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

--结束END--

本文标题: 前端三大基础是什么

本文链接: https://www.lsjlt.com/news/84852.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 前端三大基础是什么
    本篇内容介绍了“前端三大基础是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • 前端三大框架是什么
    本篇内容介绍了“前端三大框架是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • Web前端基础技能是什么
    这篇文章主要介绍了Web前端基础技能是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 Web前端基础技能有哪些 学前要知道什么标准 ...
    99+
    2024-04-02
  • 前端页面的三大层是什么
    这篇文章主要介绍“前端页面的三大层是什么”,在日常操作中,相信很多人在前端页面的三大层是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”前端页面的三大层是什么”的疑惑有所帮...
    99+
    2024-04-02
  • Web前端的三大结构是什么
    这篇文章主要介绍“Web前端的三大结构是什么”,在日常操作中,相信很多人在Web前端的三大结构是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Web前端的三大结构是什么”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-04
  • 【前端基础】ajax
     ajax是什么?ajax——asynchronous JavaScript and xml:异步的js和xml它能使用js访问服务器,而且是异步访问服务器给客户端的响应一般是整个页面,一个html完整页面!但在ajax中因为是局...
    99+
    2023-06-03
  • web前端三要素是什么
    本篇内容介绍了“web前端三要素是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!所谓三要素,即HTML...
    99+
    2024-04-02
  • 前端基础入门四(JavaScript基础)
    目标:掌握编程的基本思维掌握编程的基本语法我们先来学习JavaScript基础,后续会讲解JavaScript高级。重点内容变量的声明及使用数据类型类型转换运算符JavaScript介绍JavaScript是什么JavaScript是一种运...
    99+
    2023-06-03
  • 前端基础之CSS_2
    摘要 盒子模型 浮动 清除 溢出 定位 模态框 rgba 与 opacity透明区别  一、CCS盒子模型 margin:标签与标签之间的距离,主要用于控制标签周围间的间隔,从视觉上达到相互分开的目的。...
    99+
    2023-01-31
    基础
  • web前端三层结构是什么
    本篇内容介绍了“web前端三层结构是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!web前端的三层结构分别是:1、结构层,由HTML或X...
    99+
    2023-07-05
  • web中大前端和小前端的区别是什么
    小编给大家分享一下web中大前端和小前端的区别是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • web前端基本概念是什么
    本篇内容介绍了“web前端基本概念是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一 前端概述现代互联...
    99+
    2024-04-02
  • web前端的三大技术是哪几个
    这篇文章主要介绍了web前端的三大技术是哪几个的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇web前端的三大技术是哪几个文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • 前端基础入门二(CSS)
    学习。大纲学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动熟练掌握CSS定位11.熟练...
    99+
    2023-06-03
  • 前端零基础入门学习!前端真不难
    现在互联网发展迅速,前端也成了很重要的岗位之一,许多人都往前端靠拢,可又无能为力,不知所措,首先我们说为什么在编程里,大家都倾向于往前端靠呢?原因很简单,那就是,在程序员的世界里,前端开发是最最简单的编程,甚至都不能叫做编程,因为它真的很简...
    99+
    2023-06-03
  • 零基础如何自学前端?
    很多人,在接触编程的前夕都有考虑是否要去报个培训班。直到现在我想说的是,我们的终点都是差不太多的,我们只是选择走什么路线达到终点。能不能达到终点不是取决于选了什么路线,而是取决于自己。...
    99+
    2023-06-03
  • 零基础HTML5大前端开发学习路线图,快速上手前端的窍门
    近几年,互联网行业新生了很多的职业。在众多的新生职业中备受瞩目的当属前端工程师,薪资高、就业发展前景好,更多的人选择了这一职业成为自己的发展方向,想要自己成为一名合格的前端工程师。下面,千锋分享一个HTML5大前端开发学习的路线图,希望对新...
    99+
    2023-06-03
  • web前端三大主流框架分别是哪些
    web前端三大主流框架分别是:Angular、React和Vue.js。1、Angular是一个由Google开发的前端框架,它是一个完整的框架,包括了数据绑定、组件化、路由、依赖注入等功能;2、React是由Facebook开发的一个Ja...
    99+
    2023-08-15
  • Redis中的五大基础类型是什么
    这篇“Redis中的五大基础类型是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Red...
    99+
    2024-04-02
  • 一些前端基础知识整理
    这篇文章主要讲解了“一些前端基础知识整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“一些前端基础知识整理”吧!Call, bind, apply实现//&...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作