首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

前端构造桌面级应用(QQ音乐)

项目注意事项 我们需要在node启动的服务器里面(也就是本地服务器中)解决跨域问题 使用nw的时候需要解决不能播放音频的问题 index.html以及静态资源的这些路径问题 4....项目截图 image image electron的安装与打包工具的安装 全局安装electron npm install electron -g 本地安装...options:可选选项 字段里的 项目名字,version,icon路径要改成自己的; electron的打包(将electron集成在vue中) 命令行配置 参考上面 本地预览模式...github.com/majunchang/QQ-music.git 安装依赖 npm i cd nodeServer npm i 启动Node代理 在nodeServer文件夹下 npm run dev 本地预览...(项目的根目录下) npm run dev 本地electron预览 npm run electron_dev 打包编译 npm run build npm run electron_build

2.6K40

NW.js构建跨平台桌面应用(4)-数据持久化

与web开发中主要将数据保存在服务器端不同(cookie中仅保存极少量信息且会过期),数据持久化(Data Persistence)是本地应用开发中的常见需求,通俗的讲就是将瞬时数据(比如内存中的数据,...断电即失效)保存为持久数据(比如写入数据库中长久保存); 由于NW.js的特性,可供选择的本地持久化方案非常丰富,既可以依赖于Node.js直接使用NeDB、LowDB等第三方数据库方案,也可以使用HTML5...及其相关标准中提供的WebSQL、WebStorage、IndexedDB等方案,甚至直接将简单的数据保存到本地文件中 [I]....直接存储数据到本地文件 正如之前的文章提到过的,NW.js提供了App.dataPath来访问系统的应用数据目录, 可以利用其方便的存储应用配置文件等 不同平台上的具体指向: Win: $LOCALAPPDATA...) }); db.get('mittens').then(function (doc) { return db.remove(doc); }); https://github.com/nwjs/nw.js

1.9K20

NW.js构建跨平台桌面应用(2)-原生界面API

[I] 概述 - NW.js原生界面(Native UI)APIs 要构建一个像样的桌面应用,除了由NodeJS处理底层功能,以及由Webkit来应付窗口GUI外,还需要诸如操作窗口、访问剪贴板或隐藏到系统托盘区等和系统图形界面交互的能力...而前面提到的两者,要么无法访问GUI,要么受限于API边界,均无法提供 NW.js Native UI APIs 则在其他JS层的顶部提供了这些完整的功能 1.1 获取nw实例 旧版本中可以用 var...,将其引用赋予null,以免不当的重用 尽量重用元素,而不是重复创建 不要重复指定元素 不要更改UI对象的原型 1.3 几个主要的API APIs 描述 App 设置应用基础功能,包括打开已绑定类型的本地文件...App API - 应用的核心 2.1 打开关联类型的文件 NW.js应用有多种办法打开文件,此处谈论的是打开关联的文件类型;也就是说如果我们开发一个文本编辑器,那么我们希望在系统中右键单击一个txt文件出现的...Window API - 操作NW.js窗口 在NW.js中,Window API 只不过是对DOM中window对象的一层包装,很多(并非所有)方法和属性继承了后者的用法,同时window对象也是 Node.js

6.4K40

经常忘记网址?将Vue项目一键打包为桌面客户端 十分钟让你解决烦恼

---- 一、使用 NW.js 打包 NW.js基于Chromium和Node.js。它允许您直接从浏览器调用Node.js代码和模块,并在应用程序中使用Web技术。...官网:NW.js 官网 优点:免开发、门槛低、体积小 1.1 下载、解压 NW.js 1.1.1 下载 NW.js 进入 NW.js 官网,点击下载最新版,如下图所示。...但我们手上的不是网址,是一个 localhost(本地版) 的 Vue 项目! 第二章就主要讲解,如何将这个 Vue 项目转换为网址!...2.2 编译 Vue 项目 2.2.1 获取项目源代码 选定待打包的 Vue 项目后,先把项目源代码克隆到本地,克隆命令为 git clone 仓库地址,如下所示。...如果你没有云服务器,也可以在电脑本地运行,执行以下cmd 命令。

40940

第一章 Electron介绍 | Electron in Action(中译)

使用Mapbox Studio,用户可以导入本地存储的数据,并在自己的计算机上进行处理,而无需通过internet将数据发送到Mapbox的服务器。...除了利用Node的模块系统之外,您还可以使用带有本地扩展的已编译模块、访问文件系统,以及做一些通常在浏览器环境中不支持的其他事情。...通常,它们加载本地存储的HTML文件。在那里,如果连接可用,他们可以请求远程数据和页面。Electron甚至提供了api,允许您检测连接是否可用。...NW.js Electron与另一个名为NW.js(以前称为node-webkit)的项目类似。这两者有很多共同之处。...电子还包括自动下载更新和错误崩溃上报,NW.js不支持。 NW.js应用程序从HTML页面启动,每个浏览器窗口共享一个Node 进程。如果打开多个窗口,它们都共享同一个Node进程。

3.5K30

本地搜索优化:本地网站目录

本地网站目录简单地说就是本地网站列表,到目前为止我们学习谷歌商户和雅虎本地商户,但还有另外一类本地网站目录,这对一些企业来说很重要在某种程度上受益。...如果你有一个餐馆在伦敦,你肯定希望被列入timeout.com名录,我也想把旅游小贴士列入YELP,这些非常有价值的链接不仅仅是你在本讲座中学到,这些链接所谓可信链接,而且本地目录本身也很受欢迎且经常被使用...,所以加入本地网站目录最好是不要抱有SEO目的去做这些事情。...还有活动和娱乐的本地网站目录,如果我的业务以某种方式适合其中一个类别,也会尝试在THE BOSTON CALENDAR列出我的网站。...有许多城市的本地商业目录,虽然这些本地网站目录似乎在某种程度慢慢消失,但它们在互联网的早期非常受欢迎,已经在很大程度上被搜索引擎和大型网站目录所取代,例如TRIPADVISOR和YELP。

1.3K20

本地搜索优化:本地优化注意事项

本地优化属于搜索本地的关键词,如PLUMBER,RESTAURANT提供的信息直接来自谷歌本地索引。...本地化优化在互联世界中与本地受众进行互动至关重要,其次网络本地化和搜索引擎优化之间的界限正在迅速消失。事实上熟悉本地化SEO在现代营销中的开始变得越来越困难。...本地化优化GEO META标签 我们也想使用GEO META标签,不知道那个搜索引擎在使用这些,谷歌没有说,也许是BING在使用。...特别强调我们并不是说网站本地化和SEO是一个比较复杂的关系,与现代企业营销的大多数事情一样,不同策略之间的重叠意味着你不能没有另一个。...因此,如果没有本地化营销的基本组成部分,那么不要期望从搜索优化中获得最大效果,反之亦然。

71540

打算一个卡片记忆软件,全平台架构如何选型?

Windows, macOS, Linux 中等 HTML, CSS, JavaScript 社区支持 一般 中等 NW.js社区 中等 较大 较大 高 性能相对其他框架较低,内存占用高 中等 NW.js...nw.js NW.js(以前称为Node-Webkit)是一个基于Chromium和Node.js的框架,用于构建跨平台的桌面应用程序。...NW.js具有以下特点: 跨平台支持:NW.js可以在多个操作系统上运行,使开发者能够使用相同的代码库构建跨平台的桌面应用程序。...社区支持:NW.js拥有一个积极的开发者社区,提供丰富的文档和示例,使开发者能够快速上手并解决问题。...然而,NW.js也存在一些挑战,包括: 性能相对其他框架较低:由于NW.js同时运行Chromium和Node.js,可能导致一些性能方面的挑战,例如初始启动时间较长和内存占用较高。

22510

开发 | 效率提升 100%,小程序开发应该这样做

所以,我们需要实时 build 依赖到应用本地,在微信小程序中引用本地的 modules。 对于这种构建场景,我认为 webpack 算是最方便的方案。...安装工具和依赖模块 下载微信小程序开发者工具 开发者工具是用 NW.js 模拟的环境,在微信中,则是 JavascriptCore 环境。 不过不用担心, 只是两个不同的 VM,本质是一样的。...NW.js 可能存在一些小 bug,写代码的时候注意一下就好。 用 npm 命令开始一个微信小程序项目 开始安装必要的依赖模块 由于除了小程序运行时需要的模块,还有构建所需要的模块。...由于这个构建是为了本地化微信小程序的依赖,因此我们只处理 JS 文件。若需要打包其他资源,请读者自行研究。 而且,值得注意的是,微信小程序包有 1 MB 的上限。

88030
领券