robinliu的JAVA之路

发现在进行网页爬取的时候，经常用到DOMhttp://www.w3school.com.cn/htmldom/index.asp上面这个网页有深入介绍，推荐给大家。  HTML 文档对象模型（HTML Document Object Model）定义了访问和处理 HTML 文档的标准方法。您应当具备的基础知识在继续学习之前，您需要对下面的知识有基本的了解：

Javascript解析首先我们来了解以下几点：1.       javascript是如何操作DOMTree的？浏览器通过binding机制完成javascript和DOM的绑定，简单来说，javascript引擎启动时，浏览器将DOM对象预置到javascript内嵌对象中，这样javascript就把DOM当做内嵌对象来使用了。2.       如何实现浏览器的javascrip

Layout浏览器在Render之后已经确认了Render元素的大小，样式等信息，但是此时还没有确定元素的具体位置信息，这里还需要一个Layout过程。Layout过程计算元素的位置信息，通常情况下浏览器的中下面的元素的布局不会影响到上面的元素的布局，所以Layout可以自上而下地进行。其坐标位置基于Frame，使用top和left来定位。Layout的范围：1.    全局

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} v\:* {behavior:url(#default#VML);} o\:* {behavior:ur

CSS解析CSS的解析涉及到两大部分1.       CSS词法分析（Lexer）CSS的词法分析通过flex来实现，可以在Tokenizer.cpp中找到定义的token2.       CSS语法分析（Parser）CSS语法分析通过bison来实现，可以在CSSGrammar.h中找到语法的具体实现         基于以上两点，可以生成可执行的CSS解释器的C代

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);}HTML解析过程假设有这样一段HTML文本： html>  body>     p>

http://www.w3school.com.cn/htmldom/dom_obj_document.asp Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document

资源加载顺序在加载web资源时，首先下载html文件，进行html解析，在遇到javascript或css标签时，启动相应的解析机处理。当遇到外部资源时（如）启动网络接口程序，下载对应的资源并交由相应的解析机处理。在执行javascript的解析的时候，为了保证javascript操作DOM的准确性，此时DOMTree的构建工作必须被中断掉（当然对于HTML资源序列化和输入DOM构建机

http://liaozj.blog.51cto.com/3618860/673389浏览器在解析HTML文档时，会把HTML解析为一种称为文档对象模型（Document Object Model）的对象集合，简称DOM。DOM的结构是树状的。如果学过编程的话，对于“对象”和“树”的概念一定不陌生，不过如果没学过的话，那我还是要好好说说。对象是一个编程的概念，可以说是把一堆有关

浏览器大概流程我们知道浏览器从加载网页到显示有一个过程，大致如下  首先是从网络接口获取网页的内容，当然最先得到的是HTML，这是会进行HTML的解析过程（如果此时遇到外部资源，会再次启动网络接口获取外部资源，对于相应的外部资源会给对应的解析器处理，如javascript会交给javascript引擎处理，css会交给CSS解析器处理。构建DOM树，如果遇到CSS，会将CSS交