码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-12-28 20:37:52      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

  【前言】


    最近学习了很多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)如果需要更新内容,必须重载整个网页页面。


  

    【总结】


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

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

标签:

原文地址:http://blog.csdn.net/mengdonghui123456/article/details/50420316

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!