2、将html解析为dom树。同时提供dom接口，以方便其他编程语言操作dom树，例如：javascript

3、下载并解析CSS样式规则

4、将样式规则附加到html元素（使用css选择器作为依赖项）

5、渲染dom树

6、展示

为什么要说html，css。 javascript是跨平台的吗？

html，css，javascript实际上是一个文本文件，然后通过浏览器的不同引擎解析相应的代码以运行，

因此，您只需要在特定平台上实现浏览器，就可以在该平台上使用此Web项目。听起来像顿悟吗？

java跨平台的原理是将Java源文件转换为平台无关的类文件，然后加载它们并通过JVM运行。

值得一提的是，JVM也是一个规范。广泛使用的JVM是Java HotSpot。如果您足够强大，则可以基于openjdk

开发自己的jdk以实现jdk级别的优化。

您认为HTML，CSS和Javascript非常可爱吗？它实际上是一个规范，

如今，HTML5，CSS3和EcmaScript6提出了许多新功能。通常，假设一旦更好地支持浏览器，移动Web开发将成为主流，而android和ios等本机程序将逐渐下降。

想象一下使用浏览器。可以满足所有要求。例如，聊天和观看视频。上网的方式会变得非常漂亮，对吧？

好的，我们来谈谈node-webkit。我的理解是，这是一个nodejs引擎+ Webkit引擎。

通过nodejs引擎分析js。 Webkit引擎解析html和CSS，因此nodejs的代码可以嵌入到网页中。

一些html，css，js的经验。开发某些东西将非常顺利。

然后让我们举起node-webkit的头巾。

打开nw.exe看看

乍一看，它看起来像Google Chrome。好吧，让我们拿些干的东西。

index.html

    
    
    
    


This is a nw app.
它是一个nodejs引擎+ webkit 引擎 
package.json
{
    "name": "nw-frist",
    "version": "0.0.1",
    "main": "index.html"
}
打包成zip格式的文件，然后执行nw.exe nw-first.zip来执行它
watermark / 2 / text / aHR0cDovL2Jsb2cuY3Nkbi5uZXQvem91dG9uZ3l1YW4 = / font / 5a6L5L2T / fontsize / 400 / fill / I0JBQkFCMA == / disgrave / 70 /'Webkit开发浏览器'/>
第一张图片将在nw上运行，第二张图片将在Google Chrome中查看。
可以看出。效果是一样的。
好吧，我们添加一些不同的内容。



    
    
    
    


This is a nw app.
它是一个nodejs引擎+ webkit 引擎 
％0A
watermark / 2 / text / aHR0cDovL2Jsb2cuY3Nkbi5uZXQvem91dG9uZ3l1YW4 = / font / 5a6L5L2T / fontsize / 400 / fill / I0JBQkFCMA == / dissolve / 70 / dissolve'中心Webkit开发浏览器'/>
能够查看有关全局对象的输出信息，
这意味着node-webkit javascript执行环境是nodejs，
然后，我们可以在htmlscript标记中使用nodejs进行编程，包含，读取本地文件以及发出网络请求。访问本地硬件设备。 。 。等等，这是否意味着它可以用于开发本地程序？答案当然是正确的，就像上面的分析一样，它可以是跨平台的。我们可以使用html5和css3开发非常漂亮的交互式本地Web应用程序。有很多nodejs包和js lib可以使用。想象一下使用c ++，vb。 Python开发了一个漂亮的本地程序。要自己定义一些组件，这是多么麻烦。
我们将在有时间的时候通过node-webkit。编写文件浏览器进行练习。这些技术如何结合？
以上纯属个人观点。
					

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shumachanpin/article-341898-1.html