• 技术文章 >web前端 >前端问答

    前端三大基础是哪三个

    青灯夜游青灯夜游2021-11-01 15:50:26原创2007

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

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:前端 CSS3 HTML5 javascript
    上一篇:javascript random方法怎么用 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• vscode中常用的36个前端插件,直接搜索下载!• 如何用前端三剑客创建漂亮的倒计时效果• 你值得了解的WEB前端跨域解决方案(代码详解)• 浅析EOS区块链柚子钱包前端插件scatter开发(分享)• 推荐一些VSCode中实用前端插件(总结)
    1/1

    PHP中文网