@黄小泽的个人博客

历年工作中供职项目主管、高级前端开发工程师、前端部门经理，博客内容将专注于前端领域学习和经验分享

12月 09月 08月 06月 05月 04月 03月 02月 01月

原创 nw.js node-webkit系列（11）Native UI API Tray的使用

托盘在不同操作系统下有不同控制的抽象。它通常存在于系统的通知区域，在苹果系统成为状态项，在GTK称为状态图标，在Window系统下称为系统托盘图标。（一）例子 var isShowWindow = true; // Load native UI library var gui = require('nw.gui'); var win = gui.Window.get(); var

2016-02-29 15:09:19 2658

原创 nw.js node-webkit系列（10）Native UI API Clipboard的使用

Clipboard是对操作系统剪贴板的一个抽象，目前只支持获取和设置纯文本内容。（一）例子// Load native UI libraryvar gui = require('nw.gui');// We can not create a clipboard, we have to receive the system clipboardvar clipboard = gui.C

2016-02-29 13:55:45 2440

原创 nw.js node-webkit系列（9）Native UI API App的使用

本节主要介绍Native UI API 的 App使用，APP类别的API 是针对当前正在运行的应用程序实例，即获取应用的相关信息，启动应用时的传参及应用运行过程中的底层控制等。（一）例子// Load native UI libraryvar gui = require('nw.gui');// Print argumentsconsole.log(gui.App.argv);

2016-02-29 11:41:36 7892 4

原创 nw.js node-webkit系列（8）Native UI API MenuItem的使用

菜单项MenuItem在菜单里代表其中一个选项。它可以作为分割线也可以作为一个普通的选项，但它必须具备标题和图标，菜单项通常情况下会跟菜单Menu一起使用。（一）例子// Load native UI libraryvar gui = require('nw.gui');var item;// Create a separatoritem = new gui.MenuItem({

2016-02-25 16:58:24 2698

原创 nw.js node-webkit系列（7）Native UI API Menu的使用

本节主要介绍Native UI API 中菜单栏的使用，菜单栏分为两类：一类是普通菜单栏，另一类是上下文菜单栏（右键弹出）。（一）例子 menuDemo menu api 测试 // Load native UI library var gui = require('nw.gui'); var win = gui.Window.get(

2016-02-25 15:35:09 3494

原创 nw.js node-webkit系列（6）Native UI API Frameless window的使用

本节主要讲无边框窗口。Frameless window，是没有操作系统默认样式的边框的窗口，也就意味着最大、最小和关闭按钮也访问不到，同时默认情况下窗口不能被拖拽。但你可以使用上一节的知识对无边框窗口进行操作。无边框窗口例子：（一）设置无边框窗口只要你在package.json的window区域做如下参数设置，即可设置无边框窗口：{ "window": {

2016-02-25 14:13:38 5066 1

原创 nw.js node-webkit系列（5）Native UI API Window的使用

本节主要介绍Native UI API中Window的基本使用方法。简单的说，Window就是使用nwjs开发的应用程序在桌面显示的容器（窗口）。node-webkit >= v0.3.0才支持Window API，Window是在DOM Window的基础上进行封装，它扩展了DOM Window的操作，同时可以接收各类的窗口事件。每一个window都继承了node.js中的 EventEm

2016-02-25 11:17:04 13697 13

原创 nw.js node-webkit系列（4）Native UI API 概述和应用规范

本节主要介绍Native UI API 概述和应用规范，在后续节中再详细介绍Native UI API的主要控件接口。Native UI API，是提供了在代码中访问、控制应用程序界面显示的接口。常见用途是用户通过操作应用显示界面的控件便捷地实现自己想要的服务。（一）概述这里是我们在node-webkit下创建Native UI控件的APIs。实际上，去使用我们的Native

2016-02-24 15:53:29 3624

原创 nw.js node-webkit系列（3）基本程序结构与配置

本节开始，部分内容参照我们的nwjs前辈玄魂的文章，其中也会加入博主在使用nwjs开发项目过程中总结的一些实战经验。我们都是站在巨人的肩上继续努力学习，去其糟粕留其精华，好的技术就应该不断总结和传播，那么我们现在开始吧！基本程序结构

2016-02-24 14:13:51 14109 3

原创 nw.js node-webkit系列（2）nwjs相关教程

本节主要给大家介绍一些关于nwjs的相关教程，尽管大多都是英文，若有些连接打不开，如youtube，你懂的怎么打开，是么？书本(1)NW.js in Action by Paul. B. Jensen地址：https://www.manning.com/books/nw-js-in-action（点击打开链接）(2)Windows Desktop App Creatio

2016-02-24 11:01:14 5272 1

原创 nw.js node-webkit系列（1）简单介绍及应用

最近使用到了一种nwjs技术进行开发，实际上nwjs是基于nodejs的，它支持nodejs所有的api，主要用于跨平台轻量级桌面应用开发，运行环境包括32位和64位的Window、Linux和Mac OS。在博主看来，nwjs技术实际上就是结合web前端技术编写本地应用的一种技术。截止现在，nwjs最新的稳定版本是v0.12.3，基本上只要熟悉HTML5、JS 和CSS3的开发者们都可以轻松上手

2016-02-23 18:34:18 11988 5