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

摘要:
窗口打开时的位置可以设置为“空”、“中心”或“鼠标”。max_width/max_Height:窗口中显示的最大值。是否允许调整窗口大小。show_in_Taskbar:是否在任务栏上显示图标。如果设置为false,程序将显示为无边框***///TODO:稍后有时间继续更新

最近公司有想使用Nw来开发浏览器的想法,自己一直学的PHP,在网上并没有找到太多的相关资料,所以,就自己摸索着撸一条自学笔记;
当然呢,这里记录的都是我自己学习中遇到的问题,以及收获,希望通过自己的分享,让更多的同学少走弯路,也希望大神可以在此留言,互相交流共同进步;废话不多说,开撸;

NW入门教程 自学笔记

Nw.js 按照我目前的理解就是 Nodejs 与webkit 的结合,首先开始需要下载一个nw的编译环境(我是这么认为的)
官网可以下载,而且是最新的,此处我也分享一个,因为首次下载的时候,总是下载不下来,自己就在百度云盘上放了一份,需要的同学可以自行下载;
链接:http://pan.baidu.com/s/1i5RmnYH 密码:l5su
然后将其解压即可(待会儿要用);
既然要学一个新的东西,我觉得不管概念如何,首先要运行一下小例子,好让自己更有兴趣的去理解她;

1、 首个Nw的运行;

首先需要创建一个文件夹:比如 test1.
然后创建一个html文件;比如 index.html

<!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没有任何的两样;

创建一个json

package.json

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

就是这么简单;
然后我们可以找到在开始下载的文件夹中有一个nw.exe文件,将这个文件夹直接拖拽到nw.exe就可以运行了;
运行效果

对于暂时我的理解来说,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】》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇TOMCAT启动完成但是ECLIPSE仍然显示starting....对字符串进行快速排序(即字符数组排序)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

四、安装es-head插件

此时,es数据库可以通过弹性搜索头等第三方插件进行管理。在5.0版本之前,弹性搜索头插件可以以插件的形式直接安装。5.0版之后,需要支持nodejs环境,并且需要安装nodejs。这里使用源代码来安装npm,可以立即解压并使用。...

关于服务器并发量的简单计算

最简单的计算方式就是根据服务器带宽与页面的大小1.假设机房带宽为10Mbs,页面的大小为20KB同时并发量的理论值:10*1024/=64个请求/秒理论上1秒钟同时可以有64个请求访问页面。本考试系统,登陆的页面容量比较大,所有的js,css以及图片未优化前在400KB左右,我们就以400KB为基准,所有后面要用的文件是在首页一次性加载下来的。这一天的测评情...

Cesium快速上手10-Viewer Entities组合

src=Box.html&label=Geometriesimage.pngbox就是立方体cylinder是圆锥圆柱varviewer=newCesium.Viewer;varblueBox=viewer.entities.add;varredBox=viewer.entities.add;varoutlineOnly=viewer.entitie...

js 预览 excel,js-xlsx的使用

js-xlsx简介SheetJS生成的js-xls x是一个非常方便的工具库,只能使用纯js读取和导出excel。它功能强大,支持多种格式,支持xls、xlsx和ods等十几种格式。本文以xlsx格式为例。官方github:https://github.com/SheetJS/js-xlsx支持演示在线演示地址:http://demo.haoji.me/20...

微信小程序知识点总结--组件

aspectFill缩放模式保持缩放图像的纵横比,并且只能完全显示图像的短边。也就是说,图片通常只在水平或垂直方向上是完整的,而另一个方向会被截取。...

PLSQL操作Oracle创建用户和表(含创建用户名和密码)

1》 打开PLSQL,填写用户名和密码,为数据库选择ORCL2,成功登录后可以在界面顶部看到以下信息system@ORCL这意味着用户系统处于登录状态。菜单栏中的会话可以登录和注销。...