zoukankan      html  css  js  c++  java
  • 从基础开始:Qomo OpenProject中的一些关键词(2)

    ================================================================================
    Qomolangma OpenProject v0.9


    类别    :Rich Web Client
    关键词  :JS OOP,JS Framwork, Rich Web Client,RIA,Web Component,
              DOM,DTHML,CSS,JavaScript,JScript

    项目发起:aimingoo (aim@263.net)
    项目团队:aimingoo, leon(pfzhou@gmail.com)
    有贡献者:JingYu(zjy@cnpack.org)
    ================================================================================


    七、Qomo OpenProject中的一些关键词(2)
    ~~~~~~~~~~~~~~~~~~
    接下来我们讲述一些在Rich Web Client中,而不仅是JavaScript中涉及到的一些关键词。我
    希望这对你理解Qomo OpenProject的设计,乃至整个B端开发的现状有帮助。


    1. Rich Web Client 和 Rich Internet Application(RIA)
    --------
    首先,RIA是Macromedia基于Flash在浏览器上的广泛应用而提出的一个“实现丰富的浏览器
    端应用”的框架。按照Macromedia的解释,RIA是符合Rich Web Client的定义的。也就是说,
    RIA是Rich Web Client的一个具体的实现框架,也是开发人员在IE等能够运行Flash环境的浏
    览器上实现Rich Web Client的可选方案。

    但显然RIA不是Rich Web Client的全部。W3C已经提出了在2006年里制订Rich Web Client(RWC)
    标准的计划。然而在这个标准还没有出来的时候,如何说明RWC的概念呢?

    从W3C对RWC的工作定义里可以看到,一个满足RWC的框架至少具备这样的一些特点:
      1). 在浏览器上实现对兼容文档格式(XHTML,SVG,SMIL,XForms等)进行处理的能力。
      2). 具有丰富的界面交互能力。
      3). 具有丰富的客户端逻辑。

    W3C对RWC的规范包括“兼容文档格式”、“Web APIs”和“Web应用程序格式(语言&界面规约)”
    三个部分。这些内容按计划应当在2007年10月间完成标准制定。——GOD!

    相关资料参考:
    http://www.w3.org/2006/rwc/


    2. DOM与DHTML
    --------
    微软在IE 4.0时代提出了Dynamic HTML (DHTML)标准。在Microsoft的DHTML中包含了如下内容:
     - 动态样式表(Dynamic Styles)
     - 动态上下文(Dynamic Content)
     - 位置和动画(Positioning and Animation)
     - 过滤器和切换器(Filters and Transitions)
     - 字体下载(Font Download)
     - 数据绑定(Data Binding)
     - DHTML对象模型(DHTML Object Model)

    这其中与W3C提出的DOM(Document Object Model)相对应的其实只有DHTML Object Model这部
    分。而“Dynamic Styles”、“Positioning and Animation”、“Font Download”等则部分
    地与W3C的CSS 1相容。

    在IE5-IE6中,IE为DHTML实现了更多的特性,这包括:
     - Dynamic HTML (DHTML) behaviors
     - HTML Applications
     - HTML + TIME 1/2
     - Vector Markup Language (VML)

    由于MS对Web浏览器的实现一度远远地超前了W3C对Web Browser相关的规范的制订,加上MS有
    意识地改变协议来定制“事实标准”。因此在IE5以后出现的许多浏览器特性都与W3C规范并不
    相容。——当然在此期间,IE也在对HTML4、DOM1/2和CSS1/2的兼容上做出了一些实际工作。

    DHTML一度被MS称为“DHTML DOM”,然而我建议你将二者区分开来。许多在DHTML里能使用的
    技术,在遵循W3C's DOM规范的浏览器上根本不能使用。

    由于DOM与DHTML对Document Object的理解存在分歧,加上DHTML中既已存在的开发模型设计。
    因此在IE5以后,DHTML中存在了两种访问Document Object的方式。作为一种“简单而粗糙”
    的分类,你可以将“名字中包含Element的”绝大多数方法/属性归为DHTML的定义,而将“名
    字中包含Node”的归为DOM的定义。同样的方式,你可以发现一大部分关于“Name/Vlaue”的
    属性方法是应该归为DOM的定义的。

    你可以参考的一份重要的资料是:“DOM L2的框架图”(附后)。


    相关资料参考:
    -----------
    DOM L2的框架图:
      http://www.interq.or.jp/student/exeal/dss/image/domitf.png

    JavaScript&HTML&DOM的最重要的参考书《JavaScript 权威指南》:
      http://www.china-pub.com/computers/common/info.asp?id=9296


    3. CSS与Dynamic CSS(DCSS)
    --------
    我第一次看到Cascading Style Sheets(CSS),是从一本奇怪的书上。他讲述到了CSS的历史:
    这是一种从印刷业的既有标准中演化出来的网页排版样式规范。

    这样的定义使得我在其后的很多年之中受益匪浅。它使我充分地理解了CSS中关于“度量单
    位(units)”的极端混乱和复杂的状况,并能使我从各种位置、高度以及其它古怪的定义(包
    括它们的名字)中找到一种最适宜于网页的形式。

    在绝大多数的时候,你应该记住的是:你在做的是一个网页,而不是一份印刷用的手册。

    所以,你可以尽情地利用与网页相关的技术与特性,而忽略其它的部分。——当然,如果你
    做一些“必须相容于不同浏览平台和物理设备(如手持)”的网页,那么你应该从头阅读W3C的
    CSS规范。——既便最后你发现它对你的开发工作起不到任何实际的作用。

    而Dynamic CSS则相对地少有人知,除非你仔细地阅读MS的官方手册。在不多的几乎地方提到
    了这个名词。它主要表达的是三种特性:
     - 在DOM中动态修改和构造CSS样式(styles)和规则(rules)
     - 在CSS样式中使用表达式(Dynamic Properties/Expression)
     - 在CSS样式中使用行为(Behaviors)

    在样式表方面,MS对CSS 1的实现是完整但不完全规范的,对CSS 2的支持则不完整。关于这些
    细节可以参考附件中的《CSS权威指南》。

    相关资料参考:
    -----------
    CSS的最重要的参考书《CSS权威指南》:
      http://www.china-pub.com/computers/common/info.asp?id=2745


    4. HTML、XHTML、XML、X……
    --------
    关于这个讨厌的话题,我实现不想说什么了。如果你有兴趣,看看下面这张图吧。
    http://kensall.com/big-picture/bigpix22.html

    它同时也是一份完整的索引。——点击一下每一个方块试试?


    5. IE中的扩展技术
    --------
    除了在前面的章节中提及的MS对W3C的标准的扩展技术(如Behaviors、TIME、Data Binding等)
    之外,IE中主要的扩展技术包括:
     - ActiveX Object : 实现Flash、SVG、OWC(Office Web Component)、VML等的核心技术。
     - ActiveX Form   : 一些高级语言可以通过它来实现更复杂的IE扩展。
     - java applet    : 很远古了。
     - DHtmlEditor    : IE5以后版本已经内置了一个Editor,这是应用很广泛的一个扩展技术。
     - Flash          : Web上矢量图形的事实标准(尽管它只是ActiveX扩展的一个具体实现)。
     - VML            : 使用VML来实现矢量图形,尽管没Flash/SVG强大,但胜在IE内置支持。
     - OWC            : 四个基本组件:电子表格(SpreadSheet)、图表(Chart)、数据源(
                        DataSourceControl)、动态报表(PivotTable)
     - External HOST  : 透过window.external来访问由HOST应用为IEFrame实现的接口对象/方法。

  • 相关阅读:
    第05组 Alpha冲刺 (6/6)
    第05组 Alpha冲刺 (5/6)
    第五次作业
    第05组 Alpha冲刺 (4/6)
    第05组 Alpha冲刺 (3/6)
    第05组 Alpha冲刺 (2/6)
    第05组 Alpha冲刺 (1/6)
    第四次作业
    差分约束
    置换群的性质与burnside引理
  • 原文地址:https://www.cnblogs.com/encounter/p/2188729.html
Copyright © 2011-2022 走看看