【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)如果需要更新内容,必须重载整个网页页面。

【总结】

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

时间: 2024-10-14 06:03:57

【JavaScript.6】阶段概念总结之HTML+CSS+JavaScript+xml+xpath+Json+Ajax的相关文章

HTML/CSS/JavaScript学习总结(转)

HTML 网站开发的主要原则是: – 用标签元素HTML描述网页的内容结构: – 用CSS描述网页的排版布局: – 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序 HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言 . Html是通过标签来定义的语言,代码都是由标签所组成 .Html代码不用区分大小写 . Html代码由<html>开始</html>结束.里面由头部分<head>

网页性能之HTML,CSS,JavaScript

转载自AlloyTeam:http://www.alloyteam.com/2015/05/wang-ye-xing-neng-zhi-html-css-javascript/ 前言 html css javascript可以算是前端必须掌握的东西了,但是我们的浏览器是怎样解析这些东西的呢 我们如何处理html css javascript这些东西来让我们的网页更加合理,在我这里做了一些实验,总结起来给大家看看. 最简单的页面 1 2 3 4 5 6 7 8 9 <!DOCTYPE html>

hta+vbs+js+div+css (javascript是原生态的)

talbe是javascript动态生成的,根据你的sql语句来的,分页是vbs用数组来造的轮子,vbs这脚本虽然强大,却没有返回数据集的东东,数组来做简单的分页还是比较简单的,批量跟新呢?是上传execl来更新的,最好是用vba操作execl的话,直接在execl里修改了立马更新数据库,只是个小工具,目前还不是很强大不是很满意,慢慢做,局限hta不能跨平台只能windows,不能和硬件结合.优点调用webservies不需要考虑域的问题,做一个小巧强悍的工具还是比较方便的,因为hta直接双击就

Brackets - 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器)

Brackets 是一个免费.开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具).该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Windows.Linux 以及 OS X 平台. Brackets 的特点是简约.优雅.快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等.和 Sublime Text.Everedit 等通用代码编辑器

分享一个CSS+JavaScript框架materializecss

一.内容: CSS+JavaScript框架materializecss. 二.网址:http://materializecss.com 三.图片:

CSS JavaScript仿天猫侧边网页菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

html+css+javascript实现列表循环滚动示例代码

使用html+css+javascript实现列表循环滚动,设置时间定时,在规定的时间内替换前一个节点的内容,具体示例如下,感兴趣的朋友可以参考下 说明:设置时间定时,在规定的时间内替换前一个节点的内容 1.关键代码:javascript: 代码如下: <script type="text/javascript"> var dome=document.getElementById("dome"); //获取节点 var dome1=document.ge

Umbraco(3) - CSS &amp; Javascript(翻译文档)

原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Javascript 看着我们的主页面很显然的发现css和javascript模板并没有加上.包括这个网站的根目录中的导航(例如:"C:\inetpub\wwwroot"这可能是不同的根据您的安装类型),在Windows资源管理器中复制css\style.css文件到[你网站的根目录]\Css文

分别用CSS\JavaScript\jQuery实现动态下拉菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-