前端开发（3）概念梳理

（1）万维网联盟W3C

• W3C 最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。
• W3C为解决 Web 应用中不同平台、技术和开发者带来的不兼容问题，保障 Web 信息的顺利和完整流通，万维网联盟制定了一系列标准并督促 Web 应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范，开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标准规范。 但是，W3C 制定的 web 标准似乎并非强制而只是推荐标准。因此部分网站仍然不能完全实现这些标准。特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。
  • W3C 致力于对web 进行标准化
    W3C 创建并维护了 WWW 标准
    W3C 标准被称为 W3C 推荐标准（W3C Recommendations）W3C 最重要的工作是发展 web 规范，也就是描述 web 通信协议（比如 HTML 和 XML）和其他构建模块的“推荐标准”。

(2)html5

• 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改.
• 设计目的：
• HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：
• 新的解析规则增强了灵活性
  · 新属性
  · 淘汰过时的或冗余的属性
  · 一个HTML5文档到另一个文档间的拖放功能
  · 离线编辑
  · 信息传递的增强
  · 详细的解析规则
  · 多用途互联网邮件扩展（MIME）和协议处理程序注册
  · 在SQL数据库中存储数据的通用标准（Web SQL）

• 优点与缺点：
• 网络标准
  HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。
  多设备跨平台
  用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。
  自适应网页设计
  很早就有人设想，能不能“一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）。
  2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
  这就解决了传统的一种局面——网站为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。
  即时更新
  游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。
  总结概括HTML5有以下优点：
  1、提高可用性和改进用户的友好体验；
  2、有几个新的标签，这将有助于开发人员定义重要的内容；
  3、可以给站点带来更多的多媒体元素(视频和音频)；
  4、可以很好的替代FLASH和Silverlight；
  5、当涉及到网站的抓取和索引的时候，对于SEO很友好；
  6、将被大量应用于移动应用程序和游戏；
  7、可移植性好。
• 缺点:该标准并未能很好的被浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。

(3)XHTML

• 可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。
• 从继承关系上讲，HTML是一种基于标准通用置标语言的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展标记语言，可扩展标记语言是标准通用置标语言的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。
• 可扩展超文本标记语言。HTML是一种基本的WEB网页设计语言，XHTML是一个基于可扩展标记语言的标记语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML），所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。
• 区别（HTML,XML)：
1. XHTML是当前HTML版的继承者。HTML语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产生了由DTD定义规则，语法要求更加严格的XHTML。
2. 大部分常见的浏览器都可以正确地解析XHTML，即使老一点的浏览器，XHTML作为HTML的一个子集，许多也可以解析。也就是说，几乎所有的网页浏览器在正确解析HTML的同时，可兼容XHTML。当然，从HTML完全转移到XHTML，还需要一个过程。
3. 跟层叠式样式表（外语缩写：CSS）结合后，XHTML能发挥真正的威力；这使实现样式跟内容的分离的同时，又能有机地组合网页代码，在另外的单独文件中，还可以混合各种XML应用，比如MathML、SVG。
4. 从HTML到XHTML过渡的变化比较小，主要是为了适应XML。最大的变化在于文档必须是良构的，所有标签必须闭合，也就是说开始标签要有相应的结束标签。另外，XHTML中所有的标签必须小写。而按照HTML 2.0以来的传统，很多人都是将标签大写，这点两者的差异显著。在XHTML中，所有的参数值，包括数字，必须用双引号括起来（而在SGML和HTML中，引号不是必须的，当内容只是数字、字母及其它允许的特殊字符时，可以不用引号）。所有元素，包括空元素，比如img、br等，也都必须闭合，实现的方式是在开始标签末尾加入斜扛，比如<code><nowiki><img … /></nowiki></code> 、<code><nowiki> </nowiki></code>。省略参数，比如<code><nowiki><option selected></nowiki></code>，也不允许，必须用<code><nowiki><option selected="selected"/></nowiki></code>。两者的详细差别，可通过W3C XHTML说明]来查阅。
• 定义：
• XHTML 指扩展超文本标签语言（EXtensible HyperText Markup Language）。
  XHTML 的目标是取代 HTML。
  XHTML 与 HTML 4.01 几乎是相同的。
  XHTML 是更严格更纯净的 HTML 版本。
  XHTML 是作为一种 XML 应用被重新定义的 HTML。
• W3C标准：
• * XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言.
  * XHTML语言是一种标记语言,它不需要编译,可以直接由浏览器执行.
  * XHTML是用来代替HTML的, 是2000年w3c公布发行的.
  * XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求.
  * XHTML是基于XML的应用.
  * XHTML更简洁更严谨.
  * XHTML也可以说就是HTML一个升级版本.(w3c描述它为'HTML 4.01')
  * 除此之外XHTML和HTML基本相同.
  * XHTML是大小写敏感的,XHTML与html是不一样的.标准的XHTML标签应该使用小写.
• XHTML是“3种HTML 4文件根据XML 1.0标准重组”而成的。 而W3C亦继续维持建议使用HTML4.01和积极地研究HTML5及XHTML的计划。 于2002年8月发表的XHTML 1.0 的建议中，W3C指出XHTML家族将会是Internet的新阶段。而转换使用XHTML可以令开发人员接触XML和其好处，并可以确保以XHTML开发的网页于未来的相容性。

（4）CGI（通用网关接口）

• 作为一个英文缩写，该名词有不同含义，包括“通用网关接口”、“计算机合成图像/电脑三维动画”、“计算机图形接口标准”、“全球小区识别码”等。
• CGI(Common Gateway Interface) 是WWW技术中最重要的技术之一，有着不可替代的重要地位。CGI是外部应用程序（CGI程序）与Web服务器之间的接口标准，是在CGI程序和Web服务器之间传递信息的规程。CGI规范允许Web服务器执行外部程序，并将它们的输出发送给Web浏览器，CGI将Web的一组简单的静态超媒体文档变成一个完整的新的交互式媒体。
• Common Gateway Interface，简称CGI。在物理上是一段程序，运行在服务器上，提供同客户端HTML页面的接口。这样说大概还不好理解。那么我们看一个实际例子：现在的个人主页上大部分都有一个留言本。留言本的工作是这样的：先由用户在客户端输入一些信息，如名字之类的东西。接着用户按一下“留言”（到目前为止工作都在客户端），浏览器把这些信息传送到服务器的CGI目录下特定的CGI程序中，于是CGI程序在服务器上按照预定的方法进行处理。在本例中就是把用户提交的信息存入指定的文件中。然后CGI程序给客户端发送一个信息，表示请求的任务已经结束。此时用户在浏览器里将看到“留言结束”的字样。整个过程结束。
• 工作原理：
• 1.浏览器通过HTML表单或超链接请求指向一个CGI应用程序的URL。
  2.服务器收发到请求。
  3.服务器执行指定CGI应用程序。
  4.CGI应用程序执行所需要的操作，通常是基于浏览者输入的内容。
  5.CGI应用程序把结果格式化为网络服务器和浏览器能够理解的文档（通常是HTML网页）。
  6.网络服务器把结果返回到浏览器中。

(5)Web Service

1. Web service是一个平台独立的，低耦合的，自包含的、基于可编程的web的应用程序，可使用开放的XML（标准通用标记语言下的一个子集）标准来描述、发布、发现、协调和配置这些应用程序，用于开发分布式的互操作的应用程序。
2. Web Service技术， 能使得运行在不同机器上的不同应用无须借助附加的、专门的第三方软件或硬件， 就可相互交换数据或集成。依据Web Service规范实施的应用之间， 无论它们所使用的语言、 平台或内部协议是什么， 都可以相互交换数据。Web Service是自描述、 自包含的可用网络模块， 可以执行具体的业务功能。Web Service也很容易部署， 因为它们基于一些常规的产业标准以及已有的一些技术，诸如标准通用标记语言下的子集XML、HTTP。Web Service减少了应用接口的花费。Web Service为整个企业甚至多个组织之间的业务流程的集成提供了一个通用机制。

• web广泛用到的技术：
• TCP/IP：通用网络协议，被各种设备使用
• HTML（标准通用标记语言下的一个应用）：通用用户界面，可以使用HTML标签显示数据
• .NET: 不同应用程序间共享数据与数据交换
• Java：写一次可以在任何系统运行的通用编程语言，因为java具有跨平台特性
• XML（标准通用标记语言下的一个子集）：通用数据表达语言，在web上传送结构化数据的容易方法。 他们的特点是其开放性，跨平台性，开放性正是Web services的基础。
• 发展趋势：
• 近几年来，Internet的迅猛发展使其成为全球信息传递与共享的巨大的资源库。越来越多的网络环境下的Web应用系统被建立起来，利用HTML、CGI等Web技术可以轻松地在Internet环境下实现电子商务、电子政务等多种应用。然而这些应用可能分布在不同的地理位置，使用不同的数据组织形式和操作系统平台，加上应用不同所造成的数据不一致性，使得如何将这些高度分布的数据集中起来并得以充分利用成为急需解决的问题。
• 随着网络技术、网络运行理念的发展，人们提出一种新的利用网络进行应用集成的解决方案——Web Service。Web Service是一种新的Web应用程序分支，其可以执行从简单的请求到复杂商务处理的任何功能。一旦部署以后，其他Web Service应用程序可以发现并调用它部署的服务。因此，Web Service是构造分布式、模块化应用程序和面向服务应用集成的最新技术和发展趋势。
• 上述的这些趋势意味着，更加智能的处理，操作和汇总内容变得十分重要。让我们看看按照Web services角度所预示的四个趋势：
1. 内容更加动态：一个web service必须能合并从多个不同来源的内容，可以包括股票，天气，新闻等，在传统环境中的内容，如存货水平，购物订单或者目录信息等，都从后端系统而来；
2. 带宽更加便宜：web services可以分发各种类型的内容（音频，视频流等）；
3. 存储更便宜:：web services必须能聪明地处理大量数据，意味着要使用数据库，LDAP目录，缓冲，和负载平衡软件等技术保持可扩展能力；
4. 普遍式计算更重要：web services不能要求客户使用某一版本的windows的传统浏览器，必须支持各种设备，平台，浏览器类型，各种内容类型；
• 要达到这样的目标，Web services要使用两种技术：
  • XML（标准通用标记语言下的一个子集）：XML是在web上传送结构化数据的伟大方式，Web services要以一种可靠的自动的方式操作数据，HTML（标准通用标记语言下的一个应用）不会满足要求，而XML可以使web services十分方便的处理数据，它的内容与表示的分离十分理想；
  • SOAP：SOAP使用XML消息调用远程方法，这样web services可以通过HTTP协议的post和get方法与远程机器交互，而且，SOAP更加健壮和灵活易用；
  其他像UDDI和WSDL技术与XML和SOAP技术紧密结合用于服务发现。
• 简单对象访问协议SOAP：简单对象访问协议是交换数据的一种协议规范，是一种轻量的、简单的、基于XML（标准通用标记语言下的一个子集）的协议，它被设计成在WEB上交换结构化的和固化的信息。

 

（6）javascript

• JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

• JavaScript 是一种嵌入式脚本文件，直接插入网页，有浏览器一边解释一边执行。
  java 语言不一样，他必须在JAVA虚拟机上运行。而且事先需要进行编译。

• 组成：
  • ECMAScript，描述了该语言的语法和基本对象。
  • 文档对象模型（DOM），描述处理网页内容的方法和接口。
  • 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。
• 特点：
• JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
• 是一种解释性脚本语言（代码不进行预编译）。
• 主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为
• 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
• 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
• Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
• 日常用途：
1. 嵌入动态文本于HTML页面。
2. 对浏览器事件做出响应。
3. 读写HTML元素。
4. 在数据被提交到服务器之前验证数据。
5. 检测访客的浏览器信息。
6. 控制cookies，包括创建和修改等。
7. 基于Node.js技术进行服务器端编程。

 

（8）web server

• Web Server中文名称叫网页服务器或web服务器。WEB服务器也称为WWW(WORLD WIDE WEB)服务器，主要功能是提供网上信息浏览服务。
• 通俗的讲，Web服务器传送(serves)页面使浏览器可以浏览，然而应用程序服务器提供的是客户端应用程序可以调用(call)的方法(methods)。确切一点，你可以说：Web服务器专门处理HTTP请求(request)，但是应用程序服务器是通过很多协议来为应用程序提供(serves)商业逻辑(business logic)。

 

（9)ajax（ajax开发）阿贾克斯

1. AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
2. AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
3. AJAX 是一种用于创建快速动态网页的技术。
4. 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
5. 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

• Ajax 的核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入，它是一种支持异步请求的技术。简而言之，XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应，而不阻塞用户。
•