您现在的位置是:首页 > 正文

BS几种技术及它们之间关系

2024-04-01 01:05:20阅读 1

一、简介

HTML

1、定义

1)HTML(Hypertext Markup Language):  超文本标记语言,它是描述网页的结构和样式的一种标签语言,旨在显示数据。

Hypertext:不是一般的文本语言的,它的“超”体现在它描述的东西能够在网页上显示。

MarkupLanguage:它并非编程语言,而是由标签组成的语言。

2)标签: <html>或</html>

3)HTML文档:包括HTML标签和纯文本,也称为网页。

2、HTML运行机制

      Web浏览器读取HTML文档,通过标签来解析文档的内容,然后以网页的形势下显示出来。

3、特点

      1)旨在静态显示页面。

      2)支持不同数据格式的文件嵌入。

      3)便签预定义,文档只能利用预定义的标签上进行编写。

      4)HTML采取子类元素的方式,进行扩展。

      5)跨平台。

                                                XML

1、定义

XML(Extensible MarkupLanguage): 可扩展的标记语言,它是独立软硬件的信息传输工具。

Extensible:  在HTML的基础上进行扩展的,但目的是不同的(不存在替代关系)。

Markup Language:类似于HTML标记语言。

2、运行机制

XML文档仅仅是存储在XML标签中的纯文本信息,只有通过软件或程序才能传送,接受此文档。

3、特点

1)   旨在传输数据,它仅仅是存储数据的文本,通过程序调用,才实现其真正的价值。

2)   良好的扩展:自定义标签和文档结构。

                                              CSS

1、定义

CSS(Cascading  Style Sheets):层叠样式表,可以把不同来源的样式合到一起形成一种文件。它能够真正的做到网页表现欲内容分离的一种样式设计语言。

2、它的核心

盒子模型。

3、意义

HTML告诉我们页面有什么,而CSS为网页提供美观而且一致的外观。


                                           Javascript

1、定义

JavaScript:是一门高级的,解释型的脚本语言;它是为了适应动态网页制作产生的一种脚本语言。

2、机制

它边解释边执行,没有预编译的过程,编程效率较高。

3、特点

1)实现网页和客户端的:实时性(时间显示),动态性(菜单切换,图片切换),交互性(人浏览器),使网页更加精彩。

2)边解释边执行,没有预编译的过程,编程效率较高。

3)客户端验证,减轻了服务器端的压力。

4)实现了HTML页代码和内容的分离。

                                          JQuery

1、定义

     JQuery是一个快速,简洁的JavaScript库;将许多丰富多彩的程序进行了很好的封装,其他人拿过来用即可。理念:写得少,做的多。

2、优点

1)  轻量级

2)  强大的选择器

3)  出色的DOM操作封装

4)  可靠的时间处理机制

5)  出色的浏览器兼容 


                                      Ajax

1、定义

AJAX(Asynchronous JavaScript and XML):异步的JavaScript 和 XML;顾名思义,它主要作用于JavaScript 和 XML,它实现了网页与后台服务器的交互,丰富了网页的内容。它不是一门新的技术,它是几种技术的组合体。

2、核心

JavaScript中的 XmlHttpRequest对象是Ajax的核心,通过它可以向服务器提交请求,服务器做出相应或者可以从XML获取数据,返回给界面。

3、特点

异步请求,局部刷新

 

二它们之间的关系如下图:

       

      小结:BS的学习,学习BS就好感觉是在开辟一块荒地,从无到有再到收获(刚开始网页一无所有,随着HTML出现网页就活了起来,然后随着其他技术的一点点引进,功能不断丰富强大起来,最终形成了引领现代的网页开发。)

 

网站文章

  • 用do while循环计算1+1/2!+1/3!+...+1/20!的前20项和

    用do while循环计算1+1/2!+1/3!+...+1/20!的前20项和

    用do while循环计算1+1/2!+1/3!+...+1/20!的前20项和

    2024-04-01 01:04:54
  • HDU 4612 Warm up(边双连通、树的直径)

    题意: N≤2×105个点,M≤106条边的无向图,有重边N\le 2\times 10^5个点, M\le10^6条边的无向图, 有重边 现在要添加一条边,问添加后剩余最小的桥数是多少现在要添加一条边, 问添加后剩余最小的桥数是多少分析: 套路题,边双连通缩点建树之后,显然要形成一个最大的环让桥数变的最少套路题, 边双连通缩点建树之后, 显然要形成一个最大的环让桥数变的最少

    2024-04-01 01:04:48
  • docker日志

    docker日志

    高效的监控和日志管理对保持生产系统持续稳定的运行以及排查问题至关重要。 在微服务架构中,由于容器的数量众多以及快速变化的特性使得记录日志和监控变得越来越重要。考虑到容器短暂和不固定的生命命周期,当我们...

    2024-04-01 01:04:41
  • Ubuntu搭建GPU版本的百度Apollo3.5或5.5自动驾驶平台

    Ubuntu搭建GPU版本的百度Apollo3.5或5.5自动驾驶平台

    Ubuntu16.04搭建百度Apollo3.5步骤详解一、安装ubuntu16.04二、安装git-lfs三、添加SSH密钥四、下载Apollo镜像五、设置Docker环境六、安装ros-indig...

    2024-04-01 01:04:15
  • Kali工具信息收集

    Kali工具信息收集

    Kali工具信息收集 一、DNS信息收集 1、fierce介绍,在一个安全的环境中,暴力破解DNS的方式是一种获取不连续IP地址空间主机的有效手段。fierce工具可以满足这样的需求,而且已经预装在K...

    2024-04-01 01:04:06
  • nio读取文件,输出文件

    io流的一种:package com.cxy.ssp.Automic;import java.io.FileOutputStream;import java.io.IOException;import java.nio.ByteBuffer;import java.nio.channels.FileChannel;import java.util.conc...

    2024-04-01 01:03:54
  • 设计模式之建造者模式

    设计模式之建造者模式

    23种设计模式之建造者模式

    2024-04-01 01:03:29
  • 类中静态变量未定义导致undefined reference to static class member问题的解决方法

    undefined reference to ***这个链接错误的花样总是层出不穷(more),这一次是找不到类中的成员。 例子1:undefined reference to VS. 类静态成员变量 在文件A.h中声明了类A与类B: class A { friend class B; static int pa; // 注:这里把成员变量声

    2024-04-01 01:03:22
  • 2022.5.13 C++基础入门——引用和inline函数

    2022.5.13 C++基础入门——引用和inline函数

    这里写目录标题1.引用1.1引用定义引用的特点2.inline函数 1.引用 1.1引用定义 用我们通俗的话说,引用就是别名,即就是a=10,c引用a,那么c也就是;引用的符号用&amp;来表示,例如...

    2024-04-01 01:03:15
  • Java-数据结构-二叉树<三>

    Java-数据结构-二叉树<三>

    leetcode 剑指 Offer 54. 二叉搜索树的第k大节点 leetcode236二叉树的最近公共祖先 leetcode653 两数之和 IV - 输入二叉搜索树 leetcode102 二叉...

    2024-04-01 01:02:48