NW.js的用途 NW.js 基于 Chromium 和 Node.js,从而可以在桌面app中使用浏览器开发技术并直接调用 Node.js 资源,甚至将一个web应用打包到本地也轻而易举。...安装NW.js 可以从官网下载; 推荐在开发时下载是sdk版,以使用DevTools 非sdk版也应同时下载,在发布时使用 写一个 Hello World!...window": { "width": 500, "height": 500, "resizable": false }} 入口文件指定为"index.html" 如果指定一个js文件为入口,则可以先做一些初始化工作.../path/to/nw 是 NW.js 的二进制运行文件; 在Windows上是nw.exe,在Linux上是nw,而在Mac则是nwjs.app/Contents/MacOS/nwjs Linux和Mac...Settings" 和 "Window Settings" 两个界面中的内容,可自行补充 在 "Export Settings" 中,选择要发布的平台种类,屏蔽一些无用文件等 在 "Compression
与web开发中主要将数据保存在服务器端不同(cookie中仅保存极少量信息且会过期),数据持久化(Data Persistence)是本地应用开发中的常见需求,通俗的讲就是将瞬时数据(比如内存中的数据,...断电即失效)保存为持久数据(比如写入数据库中长久保存); 由于NW.js的特性,可供选择的本地持久化方案非常丰富,既可以依赖于Node.js直接使用NeDB、LowDB等第三方数据库方案,也可以使用HTML5...直接存储数据到本地文件 正如之前的文章提到过的,NW.js提供了App.dataPath来访问系统的应用数据目录, 可以利用其方便的存储应用配置文件等 不同平台上的具体指向: Win: $LOCALAPPDATA...selects等)变得简便易行 --- 这也是其最大的优点 Web SQL Database API 实际上未包含在 HTML 5 规范之中,它是一个独立的规范 其 API 有同步的,也有异步的,...) }); db.get('mittens').then(function (doc) { return db.remove(doc); }); https://github.com/nwjs/nw.js
App API - 应用的核心 2.1 打开关联类型的文件 NW.js应用有多种办法打开文件,此处谈论的是打开关联的文件类型;也就是说如果我们开发一个文本编辑器,那么我们希望在系统中右键单击一个txt文件出现的...;为了避免在程序中硬编码每个平台的对应文件夹,可以用App.dataPath属性统一取得其路径 实际取得的值( 表示manifest文件中配置的应用名 ): - Win: $LOCALAPPDATA%/...Window API - 操作NW.js窗口 在NW.js中,Window API 只不过是对DOM中window对象的一层包装,很多(并非所有)方法和属性继承了后者的用法,同时window对象也是 Node.js...,非0的参数才会生效 win.requestAttention(number|bool); 3.8 关闭窗口 前面用到过的 win.close([fouce]) 方法及相关的事件,可以用来在窗口关闭前方便的做收尾工作..." /> 选择一个目录 保存文件 默认路径,必须写成目标平台的格式
Node.js常用来构建高并发的C/S应用,将这种模式移植到NW.js程序中虽然可行且费不了什么功夫,但仅仅这样做并不能发挥出平台所有的潜力;要知道NW.js允许直接在DOM中和Node.js交互,而这将大大加快程序的运行和简化开发...模块 内部模块 var fs = require('fs') 第三方模块 npm install 之后 var _ = require('underscore') C/C++ 模块 global对象 NW.js...中的global对象除了Node.js中的作用,还能使用DOM,这样就提供了一个 在窗口和Node.js上下文中共享对象 的途径;此外,一旦window对象被创建,所有global对象中的成员也会被自动指定到前者上...除了可以访问固有的 process.env.HOME 得到主目录等,还添加了如下属性: process.version['NW.js'] process.version['chromium'] process.mainModule.../util').dirname; 跨平台 Windows系统处理路径采用反斜杠(backslash),而其他系统一般使用斜杠(slash),采用Node.js的 path 模块解决: var path
大家应该注意到了,标题用的是“富文本及编辑器”,而非“富文本编辑器”。也就意味着本文将围绕富文本跨平台和编辑器跨平台两大部分进行介绍。...通过跨平台方案的分享,希望能给有富文本编辑器跨平台相关需求的小伙伴带来一些帮助。 二、为什么要跨平台 对于一个产品来说,用户的需求程度在一定程度上反映了其产品的价值。...既然已经清晰了为什么要跨平台,下一步我们就来探讨下如何实现跨平台。 三、富文本跨平台 富文本,在这里指代“编辑器所输出的数据”。...四、编辑器跨平台 编辑器跨平台,是指由各平台提供功能模块,WEB 端提供排版编辑能力,最终运行在平台特定的浏览器环境中。...五、总结 本篇文章聚焦富文本跨平台和编辑器跨平台两个角度,分析了为什么要通过跨平台的方案实现富文本 编辑器、以及如何实现两类的跨平台,其中重点介绍了跨平台编辑器的核心流程和踩坑实践。
大家应该注意到了,标题用的是“富文本及编辑器”,而非“富文本编辑器”。也就意味着本文将围绕富文本跨平台和编辑器跨平台两大部分进行介绍。...通过跨平台方案的分享,希望能给有富文本编辑器跨平台相关需求的小伙伴带来一些帮助。 二、为什么要跨平台 对于一个产品来说,用户的需求程度在一定程度上反映了其产品的价值。...以上,简单介绍了富文本编辑器跨平台的两个应用场景,可以看出富文本编辑器跨平台已经成为一种必然的需要。既然已经清晰了为什么要跨平台,下一步我们就来探讨下如何实现跨平台。...四、编辑器跨平台 编辑器跨平台,是指由各平台提供功能模块,WEB 端提供排版编辑能力,最终运行在平台特定的浏览器环境中。...四、总结 本篇文章聚焦富文本跨平台和编辑器跨平台两个角度,分析了为什么要通过跨平台的方案实现富文本 编辑器、以及如何实现两类的跨平台,其中重点介绍了跨平台编辑器的核心流程和踩坑实践。
大家应该注意到了,标题用的是“富文本及编辑器”,而非“富文本编辑器”。也就意味着本文将围绕富文本跨平台和编辑器跨平台两大部分进行介绍。...通过跨平台方案的分享,希望能给有富文本编辑器跨平台相关需求的小伙伴带来一些帮助。 二、为什么要跨平台 对于一个产品来说,用户的需求程度在一定程度上反映了其产品的价值。...以上,简单介绍了富文本编辑器跨平台的两个应用场景,可以看出富文本编辑器跨平台已经成为一种必然的需要。既然已经清晰了为什么要跨平台,下一步我们就来探讨下如何实现跨平台。...三、富文本跨平台 富文本,在这里指代“编辑器所输出的数据”。富文本的跨平台,实质上就是使富文本在不同平台内以其原生的方式展示相同的效果。...四、编辑器跨平台 编辑器跨平台,是指由各平台提供功能模块,WEB 端提供排版编辑能力,最终运行在平台特定的浏览器环境中。
你在流媒体平台上找到的大部分内容都有字幕,你可能需要为一些你在本地收藏的视频添加字幕。...Subtitld 是一个开源的字幕编辑器,它可以帮助你。 Subtitld: 创建、删除、切分和转录字幕 Subtitld 是一个自由开源的项目,可以让你充分利用你的字幕。...换句话说,它是字幕编辑器之一,也是一个成熟的字幕编辑器(就我所遇到的而言)。 在你决定试用它之前,让我强调一些关键功能。...image.png 总的来说,如果你是一个转录视频的人,想一次性地编辑视频,你可以用它做很多事情,也可以专业地使用它。...例如,当我把鼠标悬停在编辑器内的按钮上时,它没有告诉我它是做什么的。 总的来说,它是一个在 Linux 上的有用工具。你对它有什么看法?请不要犹豫,在下面的评论中让我知道你的想法。
Audacity 是一个免费的开源程序,用于编辑音频录制。它可在多个平台(windows/linux)上运行。Audacity 基于 GUI,是一个具有多种选项的强大程序。它支持您录制各种类型的声音。...铃声的建议长度为 20 秒,并且为了保证声音好听,一定要将铃声制作成循环播放的, 意思是结尾要连接到开始。(Audacity 支持循环播放,因此您可以在编辑时听到最终铃声的效果。)...BANG.WAV 将有自己的音轨。可以滑动到想要的位置。Audacity 可以处理大量独立的音轨和长时间录制,支持您混合一个复杂的程序。...当然,是否寻找一个 Internet 主机来托管您的杰作取决于您。 vinyl 和磁带录制的数字备份 如果您有一个 vinyl 录制集,并且可能有自己的录制转播机和设备。...您可以通过声卡将它们连接到计算机,然后单击 Audacity 界面的 RECORD,并开始播放您想要录制的歌曲。此功能也适用于磁带录制。如果您不确定如何做,许多好的网站都提供了相关帮助。
于是自己使用vue写了一个pc版本的qq音乐播放器。由于时间太紧,做的功能很有限。代码重复率很高。希望可以体谅。本片文章主要是介绍nw与electron这两个工具。...数据获取部分 数据主要是获取QQ音乐的接口,有得接口jsonp的方式 就可以获取到数据 有得接口需要使用Node做一下代理 来解决跨域 2....不得不提nw.js开发出的应用已经涵盖了许多领域: WhatsApp 经典的聊天应用,还有Messenger; Powder Player 种子下载,以及视频播放器; Boson Editor 代码编辑器...,并且可以很简单的实现跨平台,让我们可以更轻松的书写业务逻辑,而不用担心跨平台的问题。...是目前最廉价的跨平台技术方案,相对其他跨平台方案(如 QT GTK+ 等),更稳定,bug少, 毕竟只要浏览器外壳跑起来了,里面的问题不会太多 。
跟着微软整个生态体系在进行跨平台改革,。.NET平台整体跨平台后我就不再追技术方面的改革,转战涉及linux平台下的软件开发,丰富的LAMP,LNMP架构经验。...云平台从阿里云迁移到azure,.NET后端程序的跨平台部署,数据库使用azure数据库服务,开源框架servicestack深度使用。...生产负载均衡直接使用的azure的服务。 .NET后端程序的跨平台部署主要进行了以下几个方面的改造. 1公司软件服务全部搭建在Linux centos操作系统下。....1使用人群 从平台接入门槛和使用难度来说,主要受众以.NET平台开发者为主,以致力于改变,有多年平台开发经验,有危机感的一部分平台开发者。...我的方法是使用PowerShell命令固定一遍IP再使用。 基于.NET平台开发,如果要尝试跨平台,更多的需要技术决策者的支持。
1、引言近些年来,跨平台跨端一直是比较热门的话题,Write once, run anywhere一直是开发者所期望的,跨平台方案的优势十分明显。...如今跨端跨平台的优秀技术方案也比较多:1)移动端:React Native,Flutter,Weex;2)小程序端:Taro,Uniapp;3)桌面端:NW.js,Electron,Flutter for...目前已经有了较多成熟的跨平台技术方案,能够减小开发者的开发成本及跨平台的难易程度。...Electron 的前身叫做 Atom-Shell,本来是 GitHub 发布开源编辑器 Atom 时一并发布的副产物,但是后来这个副产物的影响力远远的超过了 Atom 本身,于是便改名为一个独立专案,...打补丁来实现,Electron 则是通过各个平台的消息循环与 libuv 的循环集成,避免了直接在 Chromium 上做改动;3)支持的功能数量上有明显的差距:Electron 有着较大的社区及社区活跃度
前言 今天大姚给大家分享2款Notepad++平替工具,实用、跨平台(支持Window/MacOS/Linux操作系统平台)的文本编辑器。...NotepadNext NotepadNext是一个跨平台的 Notepad++ 的重新实现。开发是使用 QtCreator 和 Microsft Visual C++ (msvc) 编译器完成的。...目前支持Window/MacOS/Linux操作系统平台 开源地址:https://github.com/dail8859/NotepadNext Notepad-- Notepad--是一个国产跨平台...、轻量级的文本编辑器,是替换Notepad++的一种选择。...其内置强大的代码对比功能,让你丢掉付费的Beyond Compare。使用C++编写的轻量级文本编辑器, 简称ndd, 可以支持Window/Mac/Linux操作系统平台。
C++跨平台开发:实现可移植的跨平台应用程序 在当今技术发展的时代,开发可在多个平台上运行的应用程序已成为迫切的需求。...C++作为一种高级编程语言,提供了跨平台开发的能力,使开发人员能够轻松地将应用程序移植到不同的操作系统上。本文将介绍一些在C++中实现可移植的跨平台应用程序的技巧。 1....如果某个功能对其他平台不可用,应寻找替代方案或开发自己的跨平台解决方案。 3. 使用跨平台开发库 为了简化跨平台开发过程,可以使用一些跨平台开发库,如Qt和Boost。...进行跨平台测试 在开发跨平台应用程序时,测试是至关重要的。为了确保应用程序在不同的操作系统和环境下正常工作,应进行全面的跨平台测试。 测试应涵盖各种不同的操作系统、硬件配置和网络环境。...通过使用标准C++库、避免使用平台特定的功能、使用跨平台开发库、编写条件化编译代码和进行跨平台测试,你可以有效地实现可移植的跨平台应用程序。
Node.js项目最初是发布于2009年,作为一个使用JavaScript用于开发开源、运行时跨平台的服务器端应用程序。...如前所述,它最初是作为GitHub的Atom文本编辑器的基础开发的。Atom需要访问文件系统来履行其作为文本编辑器的职责。同样,其他公司也将Electron技术作为文本编辑应用程序的基础。...微软的跨平台Visual Studio Code编辑器也使用了Electron,它运行在macOS、Windows和Linux上。 您可以使用electronic构建更多的文本编辑器。...我们欢迎您尽可能多地这样做,但是您必须付出性能代价,因为浏览器会发出一个额外的请求来获取每个外部资产。...表1.1 Electron和NW.js之间的主要区别的比较 Electron NW.js 平台 支持官方最新的Chromium版本 Chromium分支版本 进程模型 分离进程模型 共享Node进程
全局变量设置 配置编译器 配置编译器,确保编译器下面包含的文件都能找到 编译配置 添加include头文件
由于应用程序是使用平台供应商自己(Apple 或 Google)的控件构建,为了让用户体验更加符合给定的平台,因此他们通常遵循这些供应商制定的设计指南。...大多数情况下,原生的应用将会比那些跨平台构建的应用性能要好一些,尽管在很多情况下两者的差异可以忽略不计,不过具体还要取决于底层跨平台技术。...构建原生应用的主要缺点是缺乏跨平台的代码复用,如果同时开发 iOS 和 Android 应用,那么开发成本可能会很高。...跨平台方法:Xamarin.Forms。该方法不同于 React Native,但是从概念上讲是相似的,因为它也是抽象原生控件。同样的,在定制方面它也有和 React Native 同样的缺点。...使用 Xamarin 的好处是可以共享非平台特定的代码,例如网络、数据访问、Web 服务等。
whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket...的请求、响应,也可以作为HTTP代理服务器使用 安装 请先安装nodejs:https://www.runoob.com/nodejs/nodejs-install-setup.html 安装whistle...www.example.com) www.tenmao.com 127.0.0.1 # 本地文件 www.shimao.com file://E:\run\shimao # 转发到其他代理: 把www.tenmao.com的请求通过代理
本文会尝试探究探究以下问题: 什么是跨平台 有哪些方案是跨平台的 跨端和跨平台的区别是什么 前端领域有哪些跨端方案 跨平台、跨端的通用原理是什么 什么是跨平台 我们知道,cpu 有不同的架构和指令集,上层也有不同的操作系统...不同的系统就是不同的运行平台。可执行文件是不跨平台的。 不同平台提供的 api 不同,所以代码逻辑可能也不同,需要不同平台单独维护代码。...网页跨平台不意味着浏览器也是跨平台的,浏览器的可执行文件还是每个平台单独开发和编译的,但是他们支持的网页解析逻辑一样,这样上面跑的网页就是跨平台的。...总结 我们聊了跨平台和跨端的区别,跨平台是指跨操作系统,而跨端则是指跨客户端。...当然可以单独做渲染或逻辑跨端。渲染跨端或者用安卓、ios 提供的方式,或者自己绘制,逻辑跨端或者用 js 引擎(可以对接前端框架)或者用 dart vm。
本文引用了作者“ ConardLi”的《用JS开发跨平台桌面应用,从原理到实践》一文部分内容,原文链接:segmentfault.com/a/1190000019426512,感谢原作者的无私分享。...Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。...,这个框架作者还为一本中文译名叫《跨平台桌面应用开发:基于Electron与NW.js》的书写了序(见下图)。..."你负责貌美如花,我负责赚钱养家",为什么 Electron 能够开发跨平台的桌面应用也就可以理解了。...浏览器是个比较复杂的东西,很少能引起人的兴趣,但是Electron已经有了很多个开发者,还有很好的跨平台支持,有了个不错的开始。
领取专属 10元无门槛券
手把手带您无忧上云