标签:bs学习总结 html javascript jquery ajax
学习B/S,可谓一路上疑惑重重,很多名词虽然早闻其大名,却未曾见过真容。不怕不知道就怕不知道!HTML、CSS、JavaScript、XML、jQuery、Ajax等一系列的名词”铺天盖地“而来,真的有些眼花缭乱了。
为什么要有C/S与B/S之分呢,两者之间的联系和区别是什么?HTML、CSS和JavaScrip三者之间又是什么关系呢?XML与HTML又有什么不同?为什么有了javaScriptt还需要jQuery呢?Ajax又是扮演什么角色呢?……一系列的疑问也是接踵而来,对于各种视频中老师的讲解真的感到有些蒙圈了!!!→_→
下面就根据我个人理解分别展开这些疑问,有不足之处还希望老师和同学们批评指正。
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对于系统的运行速度,需建立在更加优化的基础上。
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的补充和扩展。
CSS叫做层叠样式表,简称样式表。从名字上就可以看出它是对于HTML中标记的元素进行样式整理的,通过在样式表中编写相应的代码,可以令我们标记的各个元素以我们希望的格式显示到页面中。
JavaScript最为脚本语言,可实现网页的动态效果,它主要被作为客户端脚本语言在客户的浏览器上运行,不需要服务器的支持,减少服务器负担,因此比较受亲睐。对于三者的关系前面博客中已经介绍过,在此不做赘述。详情参见:http://blog.csdn.net/u010926964/article/details/39083443
jQuery是一个快速简洁的JavaScript库,它把在JavaScript中常用的功能集合起来,以便用户的直接调用而不需要再编写复杂的JavaScript代码,它是对JavaScript的封装。
Ajax(Asynchronous Javascript And XML)异步javascript和XML。它并不是一种技术,而是几种技术的综合,每种技术都有其独特之处,综合在一起便形成了强大的Ajax。
三者之间的关系我用一张思维导图概扩:
整个B/S学习阶段,虽然新技术比较多,但是真正把它们之间的关系搞清了,也就那么回事了。不识庐山真面目,只缘身在此山中。如果只是单纯的揪住一个技术不放,即使深入研究也很难明白其真理。这些技术在设计网页中都至关重要,缺少其中任何一个都不能做成成功的网页。
这些是我在学习B/S阶段的一些困惑,总结一下分享给大家,希望能对您有所帮助。
标签:bs学习总结 html javascript jquery ajax
原文地址:http://blog.csdn.net/u010926964/article/details/40659483