1、下载nw.js https://nwjs.io/ 最好下载sdk版本。 2、解压打开安装包 下载完之后，解压打开 图中的「app文件夹」是我自己创建的，你也需要自己创建一个，里面放你项目文件。...下载链接打开它，选中「app.exe」然后将你刚才下好的nw.js里原始文件（除去你自己生成和创建的文件或文件夹）。
最近要做个桌面的应用，用起来也方便。找了一圈发现NW.js挺容易上手，分享给大家。...NW.js 官网https://nwjs.io/ 1.下载适合当前版本的js 【这里下载的SDK版本，方便后续调试】 2.解压到本地 3.构建自己的project index.html...4.把项目放到nw.js解压后的同一目录下 5.命令进入到当前文件夹 输入 nw myapp 也可以直接把项目拖到nw.exe 6.将应用打包成app.nw文件，进入myapp文件夹中
Javascript在web开发中已经稳稳的占据了重要位置，现在已经开始渗透到桌面开发了 Electron 便是用来创建桌面应用的框架 使用 JavaScript + HTML + CSS 就可以开发跨平台的桌面应用...是否满足桌面应用开发的需求呢？...看下这些知名应用就知道了 GitHub 的文本编辑器 Atom 聊天群组应用独角兽公司 Slack 使用 Electron 搭建了桌面客户端 微软发布的代码编辑器 Visual Studio Code...，使用 Electron 构建 JavaScript 语言发明人 Brendan Eich 的公司使用 Electron 开发了一套全新的网页浏览器 Brave Browser 上手尝试 下面写一个hello... Hello World 第一个 JS 桌面应用</
说到桌面应用程序，可能更多人会想到使用QT或者JAVA FX去实现，Node.js能实现桌面程序么？可能很多人对这个问题的答案抱着怀疑的态度。...实际上Node.js现在生态圈越来越完善，所以用Node.js实际上可以非常轻松的架构一个桌面应用。今天我们来讲讲Node.js是如何构建一个桌面应用。 首先我们需要创建一个Node.js项目。 ?...所以我们可以发现，我们使用electron进行桌面应用的开发我们不需要去了解我写的html是如何被转化成桌面应用执行程序的。用官方的解释来说就是简单的部分你来做，复杂的交给我们框架来负责实现。...接下来我们需要将我们的应用打包生成桌面应用启动文件，打包就需要使用我们刚才一开始安装的依赖：electron-packager。...我们执行这个文件就可以运行我们的桌面应用了。 ? 最后我们来谈谈，使用Node.js结合electron模式开发桌面应用有什么优缺点呢？
依稀记得Vue.js应用推出时，其代码的测试覆盖率就很高也是它的一大卖点，所以大家对Vue.js框架代码的质量就很放心，造就了前端框架三大台柱之一。...翻看以前自己的代码，咦，当时为何这样写？这是解决的什么问题？ 如何消除以上问题呢？ 那就需要我们今天的主角：编写测试用例。...除了Vue官方的：https://vue-test-utils.vuejs.org/，这里推荐一本由Vue官方测试工具作者亲笔撰写的书： 《Vue.js应用测试》 ? ? ? ? ? ?
Node.js常用来构建高并发的C/S应用，将这种模式移植到NW.js程序中虽然可行且费不了什么功夫，但仅仅这样做并不能发挥出平台所有的潜力；要知道NW.js允许直接在DOM中和Node.js交互，而这将大大加快程序的运行和简化开发...使用Node.js模块 内部模块 var fs = require('fs') 第三方模块 npm install 之后 var _ = require('underscore') C/C++ 模块...global对象 NW.js中的global对象除了Node.js中的作用，还能使用DOM，这样就提供了一个 在窗口和Node.js上下文中共享对象 的途径；此外，一旦window对象被创建，所有global...'data/my.json') ); //Mac输出'/xxx/myApp/data/my.json'，Win输出'c:\\xx\\myApp\\data\\my.json' 针对某些特殊路径，比如桌面...代替解决 或者采用 nwglobal模块，使DOM环境中可以正确判断来自 Node.js 的类型： //nodeContext.js exports.myArr = [1, 2, 3];//index.html
一、桌面应用程序 ? 桌面应用程序，又称为 GUI 程序（Graphical User Interface），但是和 GUI 程序也有一些区别。...桌面应用程序 将 GUI 程序从GUI 具体为“桌面”，使冷冰冰的像块木头一样的电脑概念更具有 人性化，更生动和富有活力。...我们电脑上使用的各种客户端程序都属于桌面应用程序，近年来WEB和移动端的兴起让桌面程序渐渐暗淡，但是在某些日常功能或者行业应用中桌面应用程序仍然是必不可少的。...Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。...～ 当然，我们也要认清它的缺点：性能比原生桌面应用要低，最终打包后的应用比原生应用大很多。
简介随着Web技术的发展，越来越多的跨端应用选择了WebView作为基础解决方案。...诚然WebView让跨端应用开发变得简单了很多，极大的提高了开发效率，但是，WebView也存在着一些广为诟病的缺点，比如内存占用大，包体积大，系统调用不方便等。所以，Deft诞生了。...构建成功后，就能看到预览窗口了，可以直接修改ui目录下的JS/TS文件实时预览效果。...─ Cargo.lock├── Cargo.toml -- Cargo项目配置文件├── dev-hack.js├── package.json -- JS项目配置文件...github.com/deft-ui/deft文档：https://deft-ui.github.io/guides/what-is-deft/官方同时提供贪吃蛇,视频播放器,视频格式转换器,SPICE远程桌面客户端等多个
NW.js的用途 NW.js 基于 Chromium 和 Node.js，从而可以在桌面app中使用浏览器开发技术并直接调用 Node.js 资源，甚至将一个web应用打包到本地也轻而易举。...安装NW.js 可以从官网下载； 推荐在开发时下载是sdk版，以使用DevTools 非sdk版也应同时下载，在发布时使用 写一个 Hello World!...index.html", "window": { "width": 500, "height": 500, "resizable": false }} 入口文件指定为"index.html" 如果指定一个js...title> Hello NWJS~ == 右键单击可看到菜单 == //此处演示调用`NW.js...are running on ' + os.platform() + ''; 运行NW.js
Wails 是一个可让您使用 Go 和 Web 技术编写桌面应用的项目。将它看作为 Go 的快并且轻量的 Electron 替代品。...内置 Svelte、React 、Preact 、Vue、Lit 和 Vanilla JS 的模板 3. 从 Javascript 轻松调用 Go 方法 4....使用 Wails 构建的应用程序兼容 Apple & Microsoft 商店 这是 varly - 一个使用 Wails 编写的 MacOS 和 Windows 桌面应用。...Wails 使用专门构建的库来处理窗口、菜单、对话框等原生元素，因此您可以构建美观、功能丰富的桌面应用程序。 它不嵌入浏览器，因此性能高。相反，它使用平台的原生渲染引擎。...自动重新构建，当您在“开发”模式下运行您的应用程序时，Wails 会将您的应用程序构建为原生桌面应用程序，但会从磁盘读取您的资源。
--registry=https://registry.npm.taobao.org 安装 electron 这里我是使用的全局 $ sudo cnpm install -g electron 创建应用...一个 Electron 应用的目录结构大致如下： myapp/ ├── package.json ├── main.js └── index.html package.json { "name":..."myapp", "version": "0.1.0", "main": "main.js", "scripts": { "start": "electron main.js"...Electron: document.write(process.versions.electron) 运行应用...进入应用程序目录，然后运行 $ electron .
button> //这里是插件的代码；我为了方便都写到一个html中了；请把这个script标签中的内容单独写在一个js...window,document,jQuery的映射；方便内部直接调用； //当然你不引用jq的话头部的$和底部的jQuery干掉；你若引用了更过的依赖可以依次添加； //最后面的undefined可不写；...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号；而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...function就不调用；对；这里是调用的时候最开始执行的函数 } //；给构造函数addHtml对象原型里添加属性（方法） addHtml.prototype = {//给函数写方法...:addHtml,//构造器指向构造函数；这行其实不写没啥毛病；不过有时候防止构造器指向Object的情况；你还是装逼写上吧； init:function(){//这里的init；你也可以写成
http://data.eastmoney.com/jgdy/tj.html 我们希望抓取的是js生成的表格。 ...这种带有js的网站抓取其实不是那么简单的，基本分为那么几种方法，一种是观察页面，有的会有json数据，有的有js代码可以解析目标的url；一种是使用渲染工具；还有一种就是用工具来点击相关button，来抓取...我们希望爬取的是表格中的数据，但是如果我们仔细看一下html代码，会发现，这其实是js生成的，下面这张图是源代码的截图。 ? 这就很尴尬了，怎么办呢？...然后我们就点击第二页、第三页不断的来观察究竟js代码访问了什么后台的url。...pagesize=50&page=1&js=var YnQNqDYj¶m=&sortRule=-1&sortType=0&rt=50585869 http://data.eastmoney.com
同时，得益于Promise，我们在异步函数里可以这样写： (async () => { const data = await sleepSort([4, 5, 3, 6, 8]) console.log
[I] 概述 - NW.js原生界面(Native UI)APIs 要构建一个像样的桌面应用，除了由NodeJS处理底层功能，以及由Webkit来应付窗口GUI外，还需要诸如操作窗口、访问剪贴板或隐藏到系统托盘区等和系统图形界面交互的能力...App API - 应用的核心 2.1 打开关联类型的文件 NW.js应用有多种办法打开文件，此处谈论的是打开关联的文件类型；也就是说如果我们开发一个文本编辑器，那么我们希望在系统中右键单击一个txt文件出现的...); 2.4 关闭应用 如果以NW.js应用正常的生命周期来理解，应用打开的所有窗口都依次关闭后，整个应用才能退出；不过有两种方法可以干预这一进程： App.closeAllWindows() 该方法会触发各子窗口的...Menu API - 菜单栏和右键中的菜单 NW.js中，共有三种类型的菜单： 上下文菜单：右键单击应用内的元素时 窗口菜单：在Windows或Linux中，每个窗口上方都可以有自己的菜单栏；==在Mac...在NW.js里，同样的操作只是传递文件路径字符串而已，而非拷贝其内容；同时一些浏览器中的安全限制被解除，并赋予其一些增强的能力，从而使用户体验更接近原生应用
NIM_Duilib_Framework 主要开发语言: C/C++ 简介: Duilib是一个Windows下免费开源的DirectUI界面库，由于简约易扩展的设计以及稳定高效的实现被各大互联网公司普遍接受，广泛应用于包括...www.electronjs.org/ 中文官网: https://electron.org.cn/ 简介: Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架...这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行，或者通过 Mac App Store 或微软商店进行分发。
与web开发中主要将数据保存在服务器端不同(cookie中仅保存极少量信息且会过期)，数据持久化(Data Persistence)是本地应用开发中的常见需求，通俗的讲就是将瞬时数据（比如内存中的数据，...断电即失效）保存为持久数据（比如写入数据库中长久保存）； 由于NW.js的特性，可供选择的本地持久化方案非常丰富，既可以依赖于Node.js直接使用NeDB、LowDB等第三方数据库方案，也可以使用HTML5...直接存储数据到本地文件 正如之前的文章提到过的，NW.js提供了App.dataPath来访问系统的应用数据目录， 可以利用其方便的存储应用配置文件等 不同平台上的具体指向： Win: $LOCALAPPDATA...); db.get('mittens').then(function (doc) { return db.remove(doc); }); https://github.com/nwjs/nw.js
说到 node.js 的 GUI 开发方案，首先想到的就是 electron 和 nw.js。但除了它们之外，是否存在其它更轻量级的技术方案可供选择呢？...这两天，翻出了几年前在校时用 winform 写的小工具，发现虽然能使用，部分功能却是已经需要改进了。 工具的源码已经丢失，现在用的电脑里也没有再安装 winform 相关的开发环境。...但打包了 Chromium 内核和 node.js 环境后，如今的 electron 和 nw.js 动不动就上百MB的大小，用来开发这样的小工具实在是不划算。...这么说来，近几年桌面开发似乎越来越不温不火，大家的关注中心似乎都转移到了移动端上。...或许可以这么说，我们现在正经历着桌面端开发向移动端转移中心的过渡期。桌面端 GUI 开发的需求存在感日渐稀薄，现有传统开发方案已能应对日常需求，所以虽然也有一些技术痛点，却并没有更新开发方式的必要。
Electron 基于 Chromium 和 Node.js, 可以理解为在软件中打包了一个浏览器以支持运行桌面应用，用开发web的方式进行开发，跨平台兼容 1环境搭建 1.1 先全局安装脚手架
前言 恰逢最近需要编写一个简单的后端 Node.js 应用，由于是全新的小应用，没有历史包袱 ，所以趁着这次机会换了一种全新的开发模式： 语言使用 TypeScript，不仅仅是强类型那么简单，它还提供很多高级语法糖...这个问题比较好解决，市面上成熟的框架（Nest.js, Midway.js，Prisma.io 等）都提供了相应的脚手架工具，直接生成相应的服务端代码结构，写代码既可靠又高效。...同样是写业务代码，语言风格不一样，代码效率也是不同的，你用 JS 写业务代码，跟 **TypeScript + Decorator **来写的效率大相径庭 —— 这也就是技术发展带来的福利。...小结 距离上次写 Node.js 后台应用有段时间了，当时的技术栈和现在的没法比，现在尤其得益于使用 Decorator（装饰器语法） + DI（依赖注入）风格写业务逻辑，再搭配使用 typeorm （...之前写 Node.js 应用时，能用，但是总觉得哪里很憋屈 —— 就像是白天在交通拥挤的道路上堵车，那种感觉有点糟；而这次混搭了这几种技术，会感受神清气爽 —— 就像是在高速公路上行车，畅通无阻。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
