zoukankan      html  css  js  c++  java
  • 网站新技术知识

     

     RSS就是一种简单的信息发布和传递方式,使得一个网站可以方便地调用其他提供RSS订阅服务的网站的内

    容,从而形成“新闻聚合”,让网站发布的内容在更大的范围内传播。

    如果从RSS阅读者的角度来看,RSS获取信息的模式与加入邮件列表获取信息有一定的相似之处,也就是可

    以不必登录各个提供信息的网站而通过客户端浏览方式(称为“RSS阅读器”)或者在线RSS阅读方式这些

    内容。

    RSS(Really Simple Syndication)是一种描述和同步网站内容的格式,是目前使用最广泛的XML应用。RSS

    搭建了信息迅速传播的一个技术平台,使得每个人都成为潜在的信息提供者。

    XMLThe Extensible Markup Language(可扩展标识语言)的简写。和HTML一样,XML同样来源于SGML,但

    XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发

    布的需要,后来逐渐用于网络数据的转换和描述。

    XMLHTML的主要区别是什么

      XML是用来存放数据的

      XML不是HTML的替代品,XMLHTML是两种不同用途的语言。

      XML是被设计用来描述数据的,重点是:什么是数据,如何存放数据。

      HTML是被设计用来显示数据的,重点是:显示数据以及如何显示数据更好上面。

      HTML是与显示信息相关的, XML则是与描述信息相关的。

    'XML'是用于网络上数据交换的语言,具有与描述Web页面的“HTML”语言相似的格式。该语言有“可以利

    Web浏览器进行数据确认”以及“易于生成数据”等优点

    使用XML,还能够将在以前的数据库中难以处理的数据转化成数据库。

    Ajax,使用它可以构建更为动态和响应更灵敏的Web应用程序。该方法的关键在于对浏览器端的

    JavaScriptDHTML和与服务器异步通信的组合。

    术语Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前,Web站点强

    制用户进入提交/等待/重新显示范例,用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器

    异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使

    JavaScriptDHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时

    ,就可以使用JavaScriptCSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏

    览器正在与服务器通信:Web站点看起来是即时响应的。

    术语Ajax是由Jesse James Garrett创造的,他说它是“Asynchronous JavaScript + XML的简写”。

    Ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含:

    基于XHTMLCSS标准的表示;

    使用Document Object Model进行动态显示和交互;

    使用XMLHttpRequest与服务器进行异步通信;

    使用JavaScript绑定一切。

    Ajax的工作原理

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

      在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能:

    动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。

    提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在Amazon的购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载32K的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。

    消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。

    直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。

    JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,有了JavaScript,可使网页变得生动。使用它的目的是与HTML超文本标识语言、Java 脚本语言一起实现在一个网页中链接多个对象,与网络客户交互作用,从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。

    JavaScript具有很多优点:

       1.简单性  JavaScript是一种脚本编写语言,它采用小程序段的方式实现编程,像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个简易的开发过程。它的基本结构形式与CC++VBDelphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。

       2.动态性  JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。

       3.跨平台性  JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行。

       4.节省CGI的交互时间  随着WWW的迅速发展有许WWW服务器提供的服务要与浏览者进行交流,确浏览的身份、需服务的内等等,这项工作通常由CGI/PERL编写相应的接口程序与用户进行交互来完成。很显然,通过网络与用户的交互过程一方面增大了网络的通信量,另一方面影响了服务器的服务性能。服务器为一个用户运行一个CGI时,需要一个进程为它服务,它要占用服务器的资源(CPU服务、内存耗费等),如果用户填表出现错误,交互服务占用的时间就会相应增加。被访问的热点主机与用户交互越多,服务器的性能影响就越大。

       JavaScript是一种基于客户端浏览器的语言,用户在浏览中填表、验证的交互过程只是通过浏览器对调入HTML文档中的JavaScript源代码进行解释执行来完成的,即使是必须调用CGI的部分,浏览器只将用户输入验证后的信息提交给远程的服务器,大大减少了服务器的开销。

    Java JavaScript 有什么不同

      很多人看到 Java JavaScript 都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java,全称应该是 Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的,一个 Applet 文件(.class)用 Notepad 打开阅读,根本不能理解。Java Applet 的功能很强大,可以访问 httpftp等协议,甚至可以在电脑上种病毒(已有先例了)。相比之下,JavaScript 的能力就比较小了。JavaScript 是一种“脚本”(“Script”),它直接把代码写到 HTML 文档中,浏览器读取它们的时候才进行编译、执行,所以能查看 HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。它们的相同点,我想只有同是以 Java 作编程语言一点了。

    JavaScript语言和Java语言是相关的,但它们之间的联系并不像想象中的那样紧密。

       二者的区别体现在:

       首先,它们是两个公司开发的不同的两个产品,JavaSUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;而JavaScriptNetscape公司的产品,其目的是为了扩展Netscape Navigator功能,而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。

       其次,JavaScript是基于对象的,而Java是面向对象的,即Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。JavaScript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。

       第三,两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户,由浏览器解释执行。

       第四,两种语言所采取的变量是不一样的。Java采用强类型变量检查,即所有变量在编译之前必须作声明。JavaScript中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。

       第五,代码格式不一样。Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。编写HTML文档就像编辑文本文件一样方便。

       第六,嵌入方式不一样。在HTML文档中,两种编程语言的标识不同,JavaScript使用 <script>...</script> 来标识,而Java使用<applet> ... </applet>来标识。

       第七,静态绑定和动态绑定。Java采用静态联编,即Java的对象引用必须在编译时的进行,以使编译器能够实现强类型检查。JavaScript采用动态联编,即JavaScript的对象引用在运行时进行检查,如不经编译则就无法实现对象引用的检查。

    JavaScript 有六种数据类型。主要的类型有 numberstringobject 以及 Boolean 类型,其他两种类型为 null undefined

       String 字符串类型:字符串是用单引号或双引号来说明的。(使用单引号来输入包含引号的字符串。)如:“The cow jumped over the moon.

       数值数据类型:JavaScript 支持整数和浮点数。整数可以为正数、0 或者负数;浮点数可以包含小数点、也可以包含一个 e”(大小写均可,在科学记数法中表示“10的幂”)、或者同时包含这两项。

      Boolean 类型:可能的 Boolean 值有 true false。这是两个特殊值,不能用作 1 0

      Undefined 数据类型:一个为 undefined 的值就是指在变量被创建后,但未给该变量赋值以前所具有的值。

      Null 数据类型:null 值就是没有任何值,什么也不表示。

      object类型:除了上面提到的各种常用类型外,对象也是JavaScript中的重要组成部分,这部分将在后面章节详细介绍。

      在 JavaScript 中变量用来存放脚本中的值,这样在需要用这个值的地方就可以用变量来代表,一个变量可以是一个数字,文本或其它一些东西。

       JavaScript是一种对数据类型变量要求不太严格的语言,所以不必声明每一个变量的类型,变量声明尽管不是必须的,但在使用变量之前先进行声明是一种好的习惯。可以使用 var 语句来进行变量声明。如:var men = true; // men 中存储的值为 Boolean 类型。

      变量命名:JavaScript 是一种区分大小写的语言,因此将一个变量命名为 computer 和将其命名为 Computer是不一样的。

      另外,变量名称的长度是任意的,但必须遵循以下规则:

       1.第一个字符必须是一个字母(大小写均可)、或一个下划线(_)或一个美元符 ($)

       2.后续的字符可以是字母、数字、下划线或美元符。

       3.变量名称不能是保留字。

    JavaScript所提供的语句分为以下几大类:

       1.变量声明,赋值语句:var

       语法如下: var 变量名称 [=初始值]

       例:var computer = 32 //定义computer是一个变量,且有初值为32

       2.函数定义语句:functionreturn

       语法如下: function 函数名称 (函数所带的参数)

           

              函数执行部分

            

             return 表达式 //return语句指明将返回的值。

       例:function square ( x )

         {

           return x*x

          }

       3.条件和分支语句:if...elseswitch

         if...else语句完成了程序流程块中分支功能:如果其中的条件成立,则程序执行紧接着条件的语句或语句块;否则程序执行else中的语句或语句块。     语法如下: if (条件)

             {

                执行语句1

              else{

                执行语句2

             

         例:if (result == true)

           

              response = “你答对了!”

             else{

              response = “你错了!”

            

       分支语句switch可以根据一个变量的不同取值采取不同的处理方法。

       语法如下: switch (expression)

            {

             case label1: 语句串1

             case label2: 语句串2

             case label3: 语句串3

                ...

             default: 语句串3

            }

       如果表达式取的值同程序中提供的任何一条语句都不匹配,将执行default 中的语句。

       4. 循环语句:for for...inwhile,break,continue

         for语句的语法如下: for (初始化部分;条件部分;更新部分)

                  

                     执行部分...

                   

         只要循环的条件成立,循环体就被反复的执行。

         for...in语句与for语句有一点不同,它循环的范围是一个对象所有的属性或是一个数组的所有元素。

         for...in语句的语法如下: for (变量 in 对象或数组)

                    

                       语句...

                      }

         while语句所控制的循环不断的测试条件,如果条件始终成立,则一直循环,直到条件不再成立。

         语法如下: while (条件)

              

                 执行语句...

                }

         break语句结束当前的各种循环,并执行循环的下一条语句。

         continue语句结束当前的循环,并马上开始下一个循环。

       5.对象操作语句:withthisnew

        with语句的语法如下:

                 with (对象名称){

                          执行语句

                         }

        作用是这样的:如果你想使用某个对象的许多属性或方法时,只要在with语句的()中写出这个对象的名称,然后在下面的执行语句中直接写这个对象的属性名或方法名就可以了。

        new语句是一种对象构造器,可以用new语句来定义一个新对象。

         语法是这样的:新对象名称= new 真正的对象名

         譬如说,我们可以这样定义一个新的日期对象: var curr new Date(),然后,变量curr就具有了Date对象的属性。

        this运算符总是指向当前的对象。

       6.注释语句:///*...*/

        //这是单行注释

        /*这可以多行注释.... */

    JavaScript中是基于对象的编程,而不是完全的面向对象的编程。

       

       那麽什麽是对象呢?如果你学过一些VB的编程,对这个名词一定不会陌生。通俗的说,对象是变量的集合体,对象提供对于数据的一致的组织手段,描述了一类事物的共同属性。

       在JavaScript中,可以使用以下几种对象:

        1.由浏览器根据web页面的内容自动提供的对象。

        2.JavaScript的内置对象,如Date,Math等。

        3.服务器上的固有对象。

        4.用户自定义的对象。

       JavaScript中的对象是由属性和方法两个基本的元素的构成的。对象的属性是指对象的背景色,长度,名称等。对象的方法是指对属性所进行的操作,就是一个对象自己所属的函数,如对对象取整,使对象获得焦点,使对象获得个随机数等等一系列操作。

       举个例子来说,将汽车看成是一个对象,汽车的颜色,大小,品牌等叫做属性,而发动,刹车,拐弯等就叫做方法。

       可以采用这样的方法来访问对象的属性:对象名称.属性名称,例:mycomputer.year=1996mycomputer.owner = me”。

       可以采用这样的方法,将对象的方法同函数联系起来:对象.方法名字=函数名字或对象.属性.方法名,例:this.display=displaydocument.writeln(“this is method”)。

       多看或多写一些程序,就会理解对象的方法和属性的含义了!各个对象的各种属性和方法,可点击参考!

    事件是浏览器响应用户交互操作的一种机制,JavaScript的事件处理机制可以改变浏览器响应用户操作的方式,这样就开发出具有交互性,并易于使用的网页。

      浏览器为了响应某个事件而进行的处理过程,叫做事件处理。

      事件定义了用户与页面交互时产生的各种操作,例如单击超级连接或按钮时,就产生一个单击(click)操作事件。浏览器在程序运行的大部分时间都等待交互事件的发生,并在事件发生时,自动调用事件处理函数,完成事件处理过程。

      事件不仅可以在用户交互过程中产生,而且浏览器自己的一些动作也可以产生事件,例:当载入一个页面时,就会发生load事件,卸载一个页面时,就会发生unload事件等。

      归纳起来,必需使用的事件有三大类:

       1.引起页面之间跳转的事件,主要是超连接事件。

       2.事件浏览器自己引起的事件。

       3.事件在表单内部同界面对象的交互。

    什么是Cascading Style Sheets(层叠样式表)

        * CSSCascading Style Sheets(层叠样式表)的简称.

        * CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).

        * 在标准网页设计中CSS负责网页内容(XHTML)的表现.

        * CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.

        * 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.

    * CSS是由W3CCSS工作组产生和维护的.     

    css也是一种语言,这种语言要和html或者xhtml语言相结合才起作用,
    css
    简单来说就是用来美化网页用的,css语言来控制网页的外观

    什么是CSS

    ·               CSSCascading Style Sheets(层叠样式表)的简称.

    ·               CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).

    ·               在标准网页设计中CSS负责网页内容(XHTML)的表现.

    ·               CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.

    ·               可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.

    ·               CSS是由W3CCSS工作组产生和维护的.

    使用CSS的好处

    ·               内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了.

    ·               表现的统一,可以使网页的表现非常统一,并且容易修改.

    ·               CSS可以支持多种设备,比如手机,PDA,打印机,电视机,游戏机等.

    ·               使用CSS可以减少网页的代码量,增加网页的浏览速度,减少硬盘容量.

    CSS属性

    1字体属性

      这是最基本的属性,您经常都会用到。它主要包括以下这些属性:

    2、颜色和背景属性

      您总不希望自己的页面处于黑白世界吧。如果给用<font>属性定义的文本添上颜色是不是会更好呢?

      下面我们就讲一下CSS的颜色和背景属性。先来看一下CSS下的颜色和背景都有哪些属性吧(如下表):

    3、文本属性

      ※定义间距

      前面说了如何用CSS定义字体、颜色和背景属性,那么定义好的文本我们怎么对它进行排版呢?

      下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:

    4、“容器”属性

      ※边距属性

      听起来是不是很有趣,什么叫“容器”属性呢?CSS的容器属性包括边距、填充距、边框和宽度、高度、浮动、清除等属性。
      您想,网页中的内容肯定是都需要“装”进这个“容器”里。“容器”属性是CSS中非常重要的一种属性,我们将分类进行学习。
      先来看一下边距属性的详细列表:

    ※填充距属性

      本节我将向您介绍填充距属性。我们先来看一下填充距的属性列表:

    ※边框属性

      本节我们来看一下种类繁多的边框属性,先来看一下属性列表:

    ※图文混排

      我们在来看看“容器”属性还有什么其他的属性,请看属性列表:

    5、分级属性

      如果您使用过Word,那您一定知道Word中有一个“项目符号和编号”的功能。
      在html中,您无需使用前面提到的一些字体、颜色、容器属性来对字体、颜色和边距、填充距等进行初始化。因为在CSS中,已经提供了进行分级的专用分级属性。
      分级属性包括了“list-style”(列表样式)、“list-item”(列表项)等多种属性,我们先来看一下分级属性的详细列表:

    6、鼠标属性

      我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。
      用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。
      在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表:

    CSS定位

    1.动态转换

      通过在CSS中设置属性,我们可以准确的定义一个页面的样式,如颜色、字体、边框等。现在我们要讲的CSS定位主要是在页面的布局和控制上进行定义,使您的页面从这两个方面都展现的非常完美,更加富有动感。
      另外,在讲解之前,我们首先介绍两个定义:相对定位和绝对定位。相对定位就是允许在文档的原始位置上进行偏移。而绝对定位则允许任意定位。
      实现CSS的定位最终还是要靠属性。我们来看一下定位属性的详细列表(见下图):

    ·               XHTMLEXtensible HyperText Markup Language的英文缩写,可扩展的超文本标记语言.

    ·               XHTML语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).

    ·               XHTML是用来代替HTML, 2000w3c公布发行的.

    ·               XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求.

    ·               XHTML是基于XML的应用.

    ·               XHTML更简洁更严紧.

    ·               XHTML也可以说就是HTML一个升级版本

    XHTMLThe Extensible HyperText Markup Language(可扩展标识语言)的缩写。HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。

    XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的基于HTML语言设计的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。所以,建立XHTML的目的就是实现HTMLXML的过渡。

  • 相关阅读:
    vue-cli3.0配置开发环境,测试环境,线上环境
    jQuery使用CDN加速
    浏览器中JavaScript脚本代码的load、ready等方法的加载顺序
    使用 JavaScript 拦截和跟踪浏览器中的 HTTP 请求
    Node和NPM在Windows环境下绿色安装及配置
    Nodejs 中将html转换成pdf文件
    数学励志公式:每天进步一点点
    网页调用打印机打印时纸张A4的设置
    用JS或jQuery访问页面内的iframe,兼容IE/FF
    HTML to DOM
  • 原文地址:https://www.cnblogs.com/ccxniit2004/p/987888.html
Copyright © 2011-2022 走看看