B/S困惑讲解（C/S XML HTML javascript jquery ajax）

本是古典何须时尚 2022-08-13 14:46 29阅读 0赞

学习B/S，可谓一路上疑惑重重，很多名词虽然早闻其大名，却未曾见过真容。不怕不知道就怕不知道！HTML、CSS、![Center][]JavaScript、XML、jQuery、Ajax等一系列的名词”铺天盖地“而来，真的有些眼花缭乱了。

为什么要有C/S与B/S之分呢，两者之间的联系和区别是什么？HTML、CSS和JavaScrip三者之间又是什么关系呢？XML与HTML又有什么不同？为什么有了javaScriptt还需要jQuery呢？Ajax又是扮演什么角色呢？……一系列的疑问也是接踵而来，对于各种视频中老师的讲解真的感到有些蒙圈了！！！→\_→

下面就根据我个人理解分别展开这些疑问，有不足之处还希望老师和同学们批评指正。

##   1.B/S与C/S之间的区别及各自优缺点 ##

###   区别 ###

C/S（Client/Server），又称作客户端与服务器。服务器通常采用高性能的PC、工作站或小型机。并且需要大型的数据库系统如Oracle、Sybase、SQLserver等，客户端需要安装专用的客户端软件。

B/S（Browse/Serverr），译为浏览器与服务器。客户机上只需要安装一个浏览器，服务器安装Oracle、Sybase、SQLserver等数据库，浏览器通过web server与数据库进行数据交互。

好比我们用的QQ软件就属于C/S，而QQ空间就属于B/S。

###   优缺点 ###

C/S的优点是能够充分发挥客户端PC的处理能力，很多工作可以在客户端处理后再提交给服务器，响应速度快；C/S面向的用户群体比较固定，因此安全性能能较高。C/S的缺点就是客户端需要安装专用的客户端软件，需要耗费一定的人力物力；其次任何一台电脑出问题如文件丢失、中病毒等都会对用户的正常使用造成影响；C/S另外一个弊端就是限于局域网，各个客户端之间的线路联通就是一大难题；系统一旦升级改版，任何一台客户机都需要更新。

B/S的优点在于不需要安装客户端，一切操作都可以在网页上进行，不管在任何地方任何时间段只需要一台能上网的电脑就可以使用，客户端零维护；易于扩展，不同的人输入不同的用户名密码，就能找到不同的信息，用户群体庞大；B/S最大的缺点就是因为面向不固定的用户，因此安全性较低，一些高度机密机构不适用；其次就是B/S对于系统的运行速度，需建立在更加优化的基础上。

##   2.XML与HTML的区别与联系 ##

XML（eXtensible Markup Language）可扩展标记语言与HTML（HyperText Markup Language）超文本标记语言。它们的相同点在于都ML结尾，都是标记语言（哈哈……不要拍砖！）；两者都作为标记语言，不对数据进行任何提交处理操作，只是进行标记，其他操作需要另行编写CSS代码或JavaScript代码。

XML与HTML的不同之处在于语法要求不同，HTML中不区分大小写，HTML中严格区分，在HTML中如果上下文清楚地显示出段落或者列表键在何处结尾，那么则可以省略</>结束标志，而在XML中严格的树形结构决不允许省略结束标志；标记不同，HTML中通常使用固定的标记，而XML中标记不固定；作用不同，HTML是用来显示数据的，XML是用来描述或者存放数据的。

XML的前身是HTML，但是XML绝对不是用来替代HTML的，作为不同用途的标记语言，XML更多的是对HTML的补充和扩展。

##   3.CSS、HTML和JavaScript各自扮演的角色 ##

CSS叫做层叠样式表，简称样式表。从名字上就可以看出它是对于HTML中标记的元素进行样式整理的，通过在样式表中编写相应的代码，可以令我们标记的各个元素以我们希望的格式显示到页面中。

JavaScript最为脚本语言，可实现网页的动态效果，它主要被作为客户端脚本语言在客户的浏览器上运行，不需要服务器的支持，减少服务器负担，因此比较受亲睐。对于三者的关系前面博客中已经介绍过，在此不做赘述。详情参见：[http://blog.csdn.net/u010926964/article/details/39083443][http_blog.csdn.net_u010926964_article_details_39083443]

##   4.JavaScript、jQuery与Ajax三者之间的关系 ##

jQuery是一个快速简洁的JavaScript库，它把在JavaScript中常用的功能集合起来，以便用户的直接调用而不需要再编写复杂的JavaScript代码，它是对JavaScript的封装。

Ajax（Asynchronous Javascript And XML）异步javascript和XML。它并不是一种技术，而是几种技术的综合，每种技术都有其独特之处，综合在一起便形成了强大的Ajax。

三者之间的关系我用一张思维导图概扩：

![Center 1][]

整个B/S学习阶段，虽然新技术比较多，但是真正把它们之间的关系搞清了，也就那么回事了。不识庐山真面目，只缘身在此山中。如果只是单纯的揪住一个技术不放，即使深入研究也很难明白其真理。这些技术在设计网页中都至关重要，缺少其中任何一个都不能做成成功的网页。

这些是我在学习B/S阶段的一些困惑，总结一下分享给大家，希望能对您有所帮助。

[Center]: /images/20220810/223f345de7134019add7b55c008a0d7a.png
[http_blog.csdn.net_u010926964_article_details_39083443]: http://blog.csdn.net/u010926964/article/details/39083443
[Center 1]: /images/20220810/e094e915040740a89f1dd3256b681fd2.png