Nwjs从入门到精通菜鸟实践笔记【1】

时间 2019-12-02

标签 nwjs 入门精通菜鸟实践笔记繁體版

原文原文链接

最近公司有想使用Nw来开发浏览器的想法，本身一直学的PHP，在网上并无找到太多的相关资料，因此，就本身摸索着撸一条自学笔记；
固然呢，这里记录的都是我本身学习中遇到的问题，以及收获，但愿经过本身的分享，让更多的同窗少走弯路，也但愿大神能够在此留言，互相交流共同进步；废话很少说，开撸；javascript

NW入门教程自学笔记

Nw.js 按照我目前的理解就是 Nodejs 与webkit 的结合，首先开始须要下载一个nw的编译环境（我是这么认为的）
官网能够下载，并且是最新的，此处我也分享一个，由于首次下载的时候，老是下载不下来，本身就在百度云盘上放了一份，须要的同窗能够自行下载；
连接：http://pan.baidu.com/s/1i5RmnYH 密码：l5su
而后将其解压便可（待会儿要用）；
既然要学一个新的东西，我以为无论概念如何，首先要运行一下小例子，好让本身更有兴趣的去理解她；html

一、首个Nw的运行；

首先须要建立一个文件夹：好比 test1.
而后建立一个html文件；好比 index.htmljava

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>个人第一个NW程序测试</title>
  </head>
  <body>
    <h1 style='text-align:center;'>NWjs测试程序</h1>
    We are using node.js <script>document.write(process.version)</script>.
    <br/>
    <a href="http://www.lexue100.com" title="点击进入乐学一百">乐学一百</a>
  </body>
</html>

其实就是与平时的html没有任何的两样；node

建立一个json

package.jsonweb

{
  "name": "XXX的测试程序",
  "version": "0.0.1",
  "main": "index.html" }

就是这么简单；
而后咱们能够找到在开始下载的文件夹中有一个nw.exe文件，将这个文件夹直接拖拽到nw.exe就能够运行了；
json

对于暂时个人理解来讲，package.json是整体的一个配置文件；
那么我从其余学长那里粘贴来了一段儿代码，你们能够自行调整这个json来运行；测试其参数效果；浏览器

{
  "name": "nw-quick-start-window-demo",
  "version": "0.0.1",
  "main": "index.html",
  "window": {
    "title": "nw-quick-start-window-demo",
    "toolbar": false,
    "frame": true,
    "show_in_taskbar":true,
    "width": 800,
    "height": 500,
    "position": "mouse",
    "min_width": 400,
    "min_height": 200,
    "max_width": 800,
    "max_height": 600
  }
}
/** 参数的含义； 窗口外观经常使用属性包括： title : 字符串，设置默认 title。 width/height : 主窗口的大小。 toolbar : bool 值。是否显示导航栏。 icon : 窗口的 icon。 position :字符串。窗口打开时的位置，能够设置为“null”、“center”或者“mouse”。 min_width/min_height : 窗口的最小值。 max_width/max_height : 窗口显示的最大值。 resizable : bool 值。是否容许调整窗口大小。 always-on-top : bool 值。窗口置顶。 fullscreen : bool 值。是否全屏显示。 show_in_taskbar : 是否在任务栏显示图标。 frame : bool 值。若是设置为 false，程序将无边框显示。 ***/

// TODO: 后续有时间继续更新……

Nwjs从入门到精通 菜鸟实践笔记【1】

NW入门教程 自学笔记

一、 首个Nw的运行；

建立一个json

Nwjs从入门到精通菜鸟实践笔记【1】

NW入门教程自学笔记

一、首个Nw的运行；