web前端开发dom什么意思 什么是web前端开发？

前端开发是很多朋友有关注的类型，那么web前端开发dom什么意思 什么是web前端开发？，我爱编程网为大家带来了相关文章，希望给大家提供参考。

Web前端工程师要知道的Web技术之间的关系

今天小编要跟大家分享的文章是关于Web前端工程师要知道的Web技术之间的关系。如果你是一个Web开发初学者，那么你难免会在网上搜索HTML,
CSS,XML,_S(Javascript),DOM,XSL等等这些词的意思，然而，随着学习的深入。


当你把他们搅在一起，你又糊涂了，你会不停的问：


§_TML是什么?


§_SS是什么?


§_ML是什么?


§_S是什么?


§_堑降子惺裁从?


在这里，我争取用最根本的语言向大家分别说明HTML,CSS,XML,JS到底是什么，有什么用。然后我们再来看把他们组合起来是什么，有什么用。当然如果你对HTML,CSS,XML,JS有足够了解，可以直接跳过，看文章的后半部分，那里才是本文核心所在。下面来和小编一起看一看吧！



第一部分



1.HTML超文本标记语言(HyperTextMarkup
Language)，是用来描述网页的一种标记语言。



_
__
_
_
__ id="num1">HelloWorld!I'mHTML
_


网页文件本身是一种文本文件，通过在文本文件中添加标记，可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)。


HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超链接”点。超文本(Hypertext)是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。


概括，HTML就是整合网页结构和内容显示的一种语言。


HelloWorld!I'mHTML


浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。
这段内容在浏览器上显示的结果是：HelloWorld!I’m
HTML
我们看标签上有一个id，这是这个标签的唯一标识，方便别人找到它，对它进行操作。


2.CSS层叠样式表单(CascadingStyleSheet)。是将样式信息与网页内容分离的一种标记性语言
。作为网站开发者，你能够为每个HTML元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。这样，即设计人员能够将更多的时间用在设计方面，而不是费力克服HTML的限制。说白了，CSS就是设置网页上HTML元素属性的语言。
CSS代码：


#hello{_olor:blue;_


当把这段CSS代码应用于HTML中，它会找到id为“hello”的HTML标签，将其中的内容以蓝色显示出来;具体的插入HTML的方法这里不再赘述(说一句，只说明是什么，有什么用的问题，不关注技术细节，技术细节网上很好找)。


3.Javascript，首先说明JavaScript和Java无关，JavaScript是属于网络的脚本语言!那么为什么名字如此相似?这是典型的市场营销方面的成功，它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时，微软还是一贯风格，建立了自己的脚本语言，JScript。


Javascript是一种基于对象(Object)和事件驱动(Event
Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。


网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是Javascript(当然也有其他的)，这样既可以使网页更具交互性，给用户提供更令人兴奋的体验，同时减轻了服务器负担。


JS的代码如下：


functionjsHello(){
__alert('HelloWorld！');_
}


当把以上代码应用于HTML代码，它会在你的HTML载入时，弹出一个内容为“HelloWorld!”的对话框。同样，它是通过嵌入或调入在标准的HTML语言中实现的，至于如何嵌入或调入不再赘述，理由上面提到了。


4.Xml可扩展标记语言(ExtensibleMarkupLanguage)，是一套定义语义标记的规则，这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语言，即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。你可以把XML理解为一种数据库，例如rss就是xml的一种变体。


XML代码如下：


China USA UK


XML的起因是，用户受到SGML(后面再说)复杂性的挫伤和HTML的不充分。相对HTML来说，XML更追求严谨性，如果说你在HTML代码中标签比较混乱，如未关闭等，或许浏览器会忽略这些错误;但同样的事情发生在XML中会给你带来大麻烦。


铺垫终于完了，在进入正题之前，建议大家对比着图来理解后边的内容，废话不多说，开始进入正题。



第二部分






这里的DOM指的是HTMLDOM。HTMLDOM是W3C的标准，同时它也是HTML的文档对象模型的缩写(theDocumentObjectModelfor
HTML)。HTMLDOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法。


通过DOM，可以访问所有的HTML元素，连同它们所包含的文本和属性。其中的内容可以修改和删除，同时也可以创建新的元素。HTMLDOM独立于平台和编程语言。它可被任何编程语言诸如Java、Javascript和VBScript所使用。HTMLDOM就是HTML语言对外界开通的接口，以便其他语言能够访问或修改HTML内部的元素。


当js需要对html元素进行操作时，DOM是一个很必要的对象。


你便可以通过利用DOM对象构造如下代码并插入到HTML代码中的任何位置来实现。







当用CSS去修饰HTML中的元素，这一过程可以称为声明HTML元素样式的过程。




SGML标准通用标记语言(standardgeneralizedmarkuplanguage)。由于SGML的复杂，导致难以普及。SGML有非常强大的适应性，也正是因为同样的原因，导致在小型的应用中难以普及。HTML和XML同样衍生于SGML：XML可以被认为是SGML的一个子集，而HTML是SGML的一个应用。XML的产生就是为了简化SGML，以便用于更加通用的目的。比如语义Web，它已经应用于大量的场合，比较著名的有XHTML、RSS、XML-RPC和SOAP。


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


简单的说，XHTML比HTML要严谨些，但又没像XML那么严重——譬如所有的XHTML标签以及属性必须要小写，属性性必须要加双引号(当然如今的浏览器不管是IE还是FF，对HTML和XHTML采取兼容措施，这也是XSS产生的根本原因)，而且也可以像XML一样自定义部分标签，因此有了极大的灵活性。


而且进入了XHTML时代，大家倡导的是CSS+DIV，这也是web2.0的基础。


DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。DHTML就是动态的html，Dynamic
HTML。传统的html页面是静态的，Dhtml就是在html页面上加入了javascript脚本，使其能根据用户的动作作出一定的响应，如鼠标移动到图片上，图片改变颜色，移动到导航栏，弹出一个动态菜单等等。


一般如：




Expression是微软为了使样式表能够在修饰HTML样式的同时执行javascript脚本而在IE浏览器中增加的一个功能，这样你可以做譬如：图片的自适应宽度，表格的隔行换色等等。

如：img{max-width:500px;width:expression(document.body.clientWidth>
200?“200px”:“auto”);}




XMLHTTP最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。

来自MSDN的解释：XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象向http服务器发送请求并使用微软XML文档对象模型Microsoft_XMLDocumentObject
Model(DOM)处理回应。


现在的绝对多数浏览器都增加了对XmlHttp的支持，IE中使用ActiveXObject方式创建XmlHttp对象，其他浏览器如：Firefox、Opera等通过window.XMLHttpRequest来创建XmlHttp对象。


一个简单的定义IE的XmlHttp的对象及应用的实例如下：


varXmlHttp=newActiveXObject("Microsoft.XMLhttp");
XmlHttp.Open("get","url",true);
XmlHttp.send(null);
XmlHttp.onreadystatechange=functionServerProcess(){
__f(XmlHttp.readystate==4||
XmlHttp.readystate=='complete')
__
___
alert(XmlHttp.responseText);
__
}





XSLT(eXtensibleStylesheetLanguageTransformation)最早设计XSLT的用意是帮助XML文档(document)转换为其它文档。但是随着发展，XSLT已不仅仅用于将XML转换为HTML或其它文本格式，更全面的定义应该是：XSLT是一种用来转换XML文档结构的语言。


XSL-FO：XSL在转换XML文档时分为明显的两个过程，第一转换文档结构;其次将文档格式化输出。这两步可以分离开来并单独处理，因此XSL在发展过程中逐渐分裂为XSLT(结构转换)和XSL-FO(formattingobjects)(格式化输出)两种分支语言，其中XSL-FO的作用就类似CSS在HTML中的作用。




AJAX：异步JavaScript和XML(AsynchronousJavaScript
andXML)。

最后一个东东，它算得上是web2.0思想的心。


AJAX=CSS+HTML+JS+XML+DOM+XSLT+XMLHTTP。是指一种创建交互式网页应用的网页开发技术。AJAX不是一种单一的新技术，而是有机地利用了一系列相关的技术。


在2005年，Google通过其GoogleSuggest使AJAX变得流行起来。


GoogleSuggest使用AJAX创造出动态性极强的web界面：当您在谷歌的搜索框输入关键字时，Javascript会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。


在AJAX中，XmlHttp用来在不改变页面的情况下传输数据，其中传输的数据即是XML，然后通过XSLT将其格式化，利用js通过dom对象将其显示到HTML中，同时利用CSS确定数据的显示及位置。


这项技术在网络上的应用无处不在，如你的微博，你的邮箱，你的QQ空间，再如搜索引擎，电子商务平台，网络地图等等。


以上就是小编今天为大家分享的关于Web前端工程师要知道的Web技术之间的关系的文章，本文主要探讨了Web开发技术之间的关系，以及他们组合起来到底有什么用的问题。希望对挣扎在Web开发学习前线的朋友有所帮助。想要了解更多web前端相关知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工程顺利，成为一名优秀的web前端工程师。

Web前端开发技术当中 HTMLDOM 和BOM技术的优点和缺点 要求分条简要论述，求各位学霸帮忙= =作业

在学习javascript中学到了BOM和DOM，只看外表，他们就B和D的区别。他们到底是什么，有什么区别呢？

BOM的全称是BrowserObjectModel，中文名是浏览器对象模型。允许通过BOM访问和操控浏览器窗口，研发者通过使用BOM，可移动窗口、更改状态栏文本、执行其它不与页面内容发生直接联系的操作。BOM是JavaScript应用中唯一没有相关标准的部分，这是BOM真正独特且经常出现问题的所在。 BOM主要处理浏览器窗口与框架，浏览器特有的JavaScript扩展都被认作是BOM的一部分。由于BOM没有相关标准，每个浏览器都有其自己对BOM的实现方式。BOM有窗口对象、导航对象等一些实际上已经默认的标准，但对于这些对象和其它一些对象，每个浏览器都定义了自己的属性和方式。

BOM的对象：window对象是其核心对象，表示整个浏览器窗口。document对象是BOM的对象，但他又是DOM中的对象。

DOM的全称是Document Object Model，中文名是文档对象模型。DOM不是java或者javascript，是一组用来描述脚本怎样与结构化文档进行交互和访问的Web标准.描述了处理网页内容的方法和接口，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM的优势主要表现在：易用性强，使用DOM时，将把所有的XML文档信息都存于内存中，并且遍历简单，支持XPath，增强了易用性。DOM的缺点主要表现在：效率低，解析速度慢，内存占用量过高，对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间，因为使用DOM进行解析时，将为文档的每个element、attribute、processing-instrUCtion和comment都创建一个对象，这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。

DOM的根节点是document对象。DOM属性中，我们常用的类型：元素节点，属性节点，文本节点。

上面说了那么多，简单地说：

1.BOM缺乏标准，DOM的标准是W3C。

2.BOM和浏览器关系密切，DOM和HTML或XML文档关系密切。

3.BOM的根本对象是window对象，DOM的根本对象是document对象。

我所了解到的都还只是皮毛，一些理论东西，通过以后的学习和项目实践会进一步加深。

什么是web前端开发？

Web前端开发就是创建Web页面、或者APP等前端界面呈现给用户的过程，通过HTML、CSS及JavaS等衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

前端开发需要学习的技术有：
1、掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug 。
2、必须掌握网站性能优化、SEO和服务器端开发技术的基础知识 。
3、必须学会运用各种web前端开发与测试工具进行辅助开发。
4、除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等 。
5、未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术。

想要了解更多有关web前端的相关信息， 推荐咨询千锋教育 。千锋教育成立教研学科中心，推出贴近企业需求的线下技能培训课程。采用全程面授高品质、高体验培养模式，学科大纲紧跟企业需求，拥有国内一体化教学管理及学员服务，在职业教育发展道路上不断探索前行。 我爱编程网

以上就是我爱编程网为大家带来的web前端开发dom什么意思 什么是web前端开发？，希望能帮助到大家，了解更多相关信息，敬请关注我爱编程网。