【JavaScript.6】阶段概念总结之HTML+CSS+JavaScript+xml+xpath+Json+Ajax

【前言】

最近学习了很多BS的新东西，有很多新名称，概念多了，理解也少了，很多东西都混乱。今天静下来把学到的几

个概念性东西总结一下。本文多是一些概念性的个人理解，希望同样存在疑惑的小伙伴看完后能够如入桃源般地豁然

开朗。当然如果我的理解有偏差，请指出来，共同进步。

关于BS的学习，相信很多人都已经走过了，当初最开始接触的是牛腩，里面用到了很多BS的知识，包括HTML、

CSS、JavaScript和Ajax等。对于有基础或者正处于迷惑之间的人来说，接下来的话可能会很有感触。

【HTML】

首先是HTML，它是超文本标记语言，是web开发的主要语言，我们在页面中设计布置的内容、显示的数据都要用

到HTML，可以说没有HTML就没有web开发。我们开发的网页的标题、呈现给别人的内容、传递的数据都要靠它来展

现。

【CSS】

CSS被称为样式层叠表，顾名思义，是对HTML开发的网页进行样式设计的。比如布局、字体颜色、文本框之间的

距离、加载图片的方式等等。如果把网页比作成一个人，那么HTML就是保证这个人是活的，而且不缺胳膊少腿。而

CSS的作用就是让这个人有衣裳穿、有帽子戴，让它不是裸露的。



【JS】

JavaScript 听起来很高大上，其实确实很高大上的，因为它可以做很多先行工作来减少客户端对服务器的请求

的次数，以此达到减轻服务器的工作量，在如今大数据高爆发的时代，这是很有必要的。

举个例子：游戏或需要账户名登录的网页，当你登录时，你的用户名和密码在设置时其实是遵循了一定的规则，

比如不能有特殊字符和位数限制，在你点击登录时，JavaScript会对登录信息进行格式上的判断，如果符合才能提交

到数据库服务中。再比如，重复提交的问题，可能因为网速和处理速度慢，在你点击确定按钮时页面并没有什么变

化，于是你开始疯狂地去点击确定按钮，但是重复提交会对服务器造成很大请求困扰。这时JavaScript就可以增加一

个判断，如果提交请求服务发生了，那么再次请求就被拒绝，直到上次请求有回复为止。

所以说JavaScript在大数据交互中发挥着很重要的作用，它相当于一道门户，把一些杂鱼数据筛选出去，把符合

提交要求的干净.

【XML】

XML 其实和JS有很大的联系，有很多人把XML和HTML联系在一起，其实它们没有直接联系。XML是一种脚本语言，

如果你理解不来，就可以把它想象出一张记录表、一个小型的数据文件，它是用在存储数据的一种数据结构；而HTML

是一种标记语言，是一种数据显示的结构。HTML显示的数据在需要时可以从xml中获取。那么怎么获取呢？还记得刚

刚说的JavaScript吗？没有错就是它，当HTML页面显示的数据比较频繁或者是个人浏览器的一些私人信息时，就可以

将数据存储到xml文件中，在需要时把它调用出来，避免重复频繁地服务器打交道和存储私人信息。

【XPATH】

XPath其实是服务于XML的。在获取XML文件信息时，可以使用XML本身提供的加载方法，但是对于开发人员来说，

这是一件比较复杂的问题。于是XPath诞生了，它提供了一组方法或者说路径，让开发人员可以更简单便捷地去获取

XML 的存储信息。

【JSON】

但是XPath的方法同样存在复杂繁琐的问题，XML文件的获取同样还是比较复杂。于是万能的开发人员重新设计一

种新脚本那就是JSON。它和XML都是数据存储的数据结构，用于记录存储数据。但是它的数据获取比XML简单，受到了

大家的欢迎和使用。

【Ajax】

Ajax（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量

数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更

新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

【总结】

通过对这些新概念的重新梳理和语言对比，让自己进一步了解了它们，也希望能帮助更多的人。