首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js编写桌面应用_web桌面应用框架

大家好,又见面了,我是你们朋友全栈君。   最近要做个桌面的应用,用起来也方便。找了一圈发现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文件夹中...但换到其它目录就不可以执行了,因为换到其它目录找不到nwjs包内依赖文件 【但只能在当前环境执行,在别处使用时需要打包,生成 .exe文件】 8.使用Enigma Virtual Box打成独立可执行...(3)把nw.sj文件拖到这里,【不包含自己项目】 10.点击process 11.success!

4.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

编写自己 TypeScript CLI

TL;DR 您可以轻松编写 CLI,它比你想象要简单; 我们一起编写 CLI 以生成 Lighthouse 性能报告; 你将看到如何配置 TypeScript、EsLint 和 Prettier; 你会看到如何使用一些很优秀库...在项目根目录下,运行以下命令,这将在 /src 目录下中创建 index.ts 文件: $ mkdir src && touch src/index.ts 在 index.ts 中,我们编写一个简单...编写 CLI 来运行 Lighthouse 是时候实现我们核心逻辑了,我们将探索几个方便 NPM 包来帮助我们编写CLI,并深入了解 Lighthouse 魔力。...让我们用一种更有意义方式来使用 chalk,Lighthouse 性能分数是采用颜色标记。我们可以编写一个实用函数,根据性能评分用颜色显示数值。...我发布了一个 NPM 包 dx-scripts,其中包含了 my-script 生产版本,我们将用 dx-script 编写 GitHub Actions 工作流来演示我们 CLI 应用程序。

2.3K30

大厨小鲜——基于Netty自己动手编写RPC框架

今天我们要来做一道小菜,这道菜就是RPC通讯框架。它使用netty作为原料,fastjson序列化工具作为调料,来实现一个极简多线程RPC服务框架。 我们暂且命名该RPC框架为rpckids。 ?...牢骚 本以为是小菜一碟,但是编写完整代码和文章却将近花费了一天时间,深感写码要比做菜耗时太多了。因为只是为了教学目的,所以在实现细节上还有好多没有仔细去雕琢地方。...简单起见,这里没有使用checkpoint去优化性能了,感兴趣的话读者可以参考一下我之前在公众号里发表相关文章,将checkpoint相关逻辑自己添加进去。...服务器框架,这里就需要读者有必须Netty基础知识了,需要编写Netty事件回调类和服务构建类。...这一大堆问题还是抛给读者自己思考去吧。

65930

编写自己who命令

大家好,又见面了,我是你们朋友全栈君。 今天自己照着书一步步敲了who命令实现。老外写有些书就是不错,一步步启发你告诉你怎么思考,怎么根据已有的线索查询联机帮助,怎么一步步最终解决问题。...1.who命令能做什么 2.who命令是怎么工作 3.怎样编写who命令 1.who命令能做什么 我们可以在命令行下输入who命令,结果如下:caoli@caoli-laptop:~ whocaoli...可以大概知道who作用以及对它描述和使用一些选项等。。。。...3.怎样编写who命令 关键点:如何从文件里读取数据结构 这里就要用到一些文件操作相关知识了 (这里要说是系统调用和大一时学到fopen等等不是一回事,其实个人觉得功能差不多) 接着我们就开始编码把...通过这次实践,我最大收获就是不能什么事都问别人,能自己找答案就尽量自己找,这也是一种能力。 在这方面,我觉得老公做很好,崇拜他一下! 好哥,向你致敬。 爱你老婆。

3.7K20

编写自己webpack loader

Loader 基础 由于 Webpack 是运行在 Node.js 之上,一个 Loader 其实就是一个 Node.js 模块,这个模块需要导出一个函数。...一个最简单 Loader 源码如下: 由于 Loader 运行在 Node.js 中,你可以调用任何 Node.js 自带 API,或者安装第三方模块进行调用: Loader 进阶 以上只是个最简单...如何在自己编写 Loader 中获取到用户传入 options 呢?需要这样做: 返回其它结果 上面的 Loader 都只是返回了原内容转换后内容,但有些场景下还需要返回除了内容之外东西。...如果你编写 Loader 会生成 Source Map,请考虑到这点。...为此你需要先把编写 Loader 发布到 Npm 仓库后再安装到本地项目使用。

1.3K70

编写自己 WordPress 模板

从头开始编写自己 WordPress 模板非常简单。如果 你从事 Web 开发行业, 你可能已经听说过“WordPress”是什么。也许有客户提到过,但你并不熟悉。...当 你打开wp-content -> 主题目录时, 你会找到默认 WordPress 主题,例如二十五、二十四、二十三等。要从 你自己一个开始,请使用 你喜欢任何名称创建一个目录。...从技术上讲, 你自己创建了一个自定义主题。当然,它除了有一个空白屏幕之外什么都不做。这是 index.php 开始行动地方。 在文本编辑器中打开 index.php 并写入以下代码。 <!...考虑到这些要点,让我们编写主题标题。 <!...(从技术上讲,我们在 php 文件中编写 HTML。所以我们将 HTML 嵌入到 php 代码中)。 所以 header.php,加上一些额外代码,就变成了; <!

1.3K30

编写自己jquery组件

前提,网上针对jquery ajax方式获取数据翻页组件很多,有一个应用未使用ajax,而是直接通过jsp模板渲染数据,没有找到合适组件。那么就自己手写一个简单组件吧。...jquery组件模板 //pagination 为自定义组件名称 $.fn.pagination=function(options){ var defaults = { //默认属性...$("#div1").pagination({"attr1": "value1"}); 开始制作自己组件 设计属性 先些必须属性,如果又需要再增加。...实际上引用外部css这个组件js代码会更简单。 设置事件 现在样子出来了,点了也没反应。需要绑定事件。...2、3事件,如果用外部css,可以更简单: .pagination:hover {background-color:#e2ecff;} 结束组件 最后,如果在组件构建以后还想修改它,那么可以在最后返回自己

77020

如何编写自己Arduino库?

一开始写Arduino 时候很不习惯,没有main函数,因为好多东西都被隐藏了。一直想搞清楚,以便编写自己库文件。于是研究一下午,下面是一些总结。...} 有C/C++开发经验的人看到这个程序框架会愣住:我main函数去哪里呢?...因为不同开发板有自己独特初始化逻辑。...官方貌似推崇我们使用C++编写Arduino代码,无论是Arduino 从标准库,还是教程中,都透露出一股强烈OOP气息。所以我下面使用C++风格来举例子。...如果上面的模块你觉得好用,符合自己使用习惯,而且经常要用到,那么你可以将它变成你自己库文件。这样以后就可以直接拿来用啦。 Arduino扩展库都是放在 libraries目录下。 ?

1.9K20

编写自己Tomcat docker镜像

编写自己Tomcat docker镜像 dockerfile dockerfile介绍 用来构建docker 镜像 构建步骤: 编写一个docker file 文件 docker build 构建成一个镜像...docker run 运行镜像 docker push 发布镜像(Docker hub 阿里云镜像) 我们来看看官方是怎么做 很多官方镜像都是基础包,很多功能没有,我们通常会自己搭建自己镜像...是面向开发,我i们以后需要发布项目,做镜像,就需要编写dockerfile文件,这个文件十分简单。...实战测试 创建一个自己centos FROM centos MAINTAINER hyc ENV MYPATH /usr/local WORKDIR $MYPATH...安装包 apache-tomcat-9.0.54.tar.gz jdk-8u311-linux-x64.tar.gz 成功 我们同时挂载了 test 目录,当我们向容器加入自己内容到时候,可以直接从宿主机放入文件

65630

如何编写自己jQuery插件?

出于同样目的,jQuery插件被设计为对象继承添加任何其他方法一种方式。...不仅如此,在创建jQuery对象时,这些附加方法并不是孤立,而是在创建jQuery对象时使用其余方法(已经继承)调用。jQuery插件可以jQuery库中存在各种方法形式单独使用。...但是,在新情况下,插件也可以自定义创建,这并不是一项非常困难任务。 jQuery是如何工作?...要理解jQuery是如何工作,你需要遵循以下步骤: · 创建一个带有所有基本标记HTML文档,并调用jQuery.js文件。...最后一行调用插件函数将所有带有a“标签链接变为黄色。 保护$Alias并添加作用域 编写jQuery插件时总是假定$使用jQuery函数别名。$在JavaScript库中非常有名。

1.7K10

编写自己SpringBoot-starter

关于原理和基本用法介绍一篇文章讲得非常清楚 《编写自己SpringBoot-starter》原文地址:https://www.cnblogs.com/yuansc/p/9088212.html 后半段根据遇到一实际案例...--------------分割线转载部分----开始----------- 一、前言 我们都知道可以使用SpringBoot快速开发基于Spring框架项目。...由于围绕SpringBoot存在很多开箱即用Starter依赖,使得我们在开发业务代码时能够非常方便、不需要过多关注框架配置,而只需要关注业务即可。...这为我们省去了之前很多配置操作。 甚至有些功能开启只需要在启动类或配置类上增加一个注解即可完成。 那么如果我们想要自己实现自己Starter需要做些什么呢?...下面就开始介绍如何实现自己SpringBoot-xxx-starter。

1.3K10

编写自己R包

修改Description 修改描述包一些信息。...创建函数 可以手动创建函数: library("devtools") use_r("hd") 自动在R目录创建了名为hd.R文件,这这里面就可以写函数所有信息 前面写函数注释信息,然后接着写函数内容...is.null(names(obj))) names(res) = names(obj)[idx_x] } return(res) } 我编写了一个方便查看一二维数据函数...,可以这里注释信息包括以下部分: Description 这部分具体描述函数功能,没有特定标签,在最开始书写,可换行 title 一般即为函数名 param param_name...param_description 这部分为所有参数描述,一个参数需要单独一个标签,可换行 author 作者 examples 举栗 return 返回值描述 export

47520

如何编写自己虚拟DOM

要构建自己虚拟DOM,需要知道两件事。你甚至不需要深入 React 源代码或者深入任何其他虚拟DOM实现源代码,因为它们是如此庞大和复杂——但实际上,虚拟DOM主要部分只需不到50行代码。...算法对这两棵树(新树和旧树)进行比较,找出差异,然后只需要在真实 DOM 上做出相应改变。 用JS对象模拟DOM树 首先,我们需要以某种方式将 DOM 树存储在内存中。...JS 对象表示,还有我们自己结构。...如果节点相同——就需要需要深度比较子节点 编写一个名为 updateElement(…) 函数,它接受三个参数—— $parent、newNode 和 oldNode,其中 $parent 是虚拟节点一个实际...总结 现在我们已经编写了虚拟 DOM 实现及了解它工作原理。作者希望,在阅读了本文之后,对理解虚拟 DOM 如何工作基本概念以及在幕后如何进行响应有一定了解。

92941

译|通过构建自己JavaScript测试框架来了解JS测试

随着 Nodejs 出现,我们已经看到了许多超级 JS 测试框架发布:Jasmine,Jest 等。 ? 单元测试框架 这有时也称为隔离测试,它是测试独立小段代码实践。...现在,我们知道了期望和构建内容,我们继续创建自己测试框架。我们这个框架将基于 Node,也就是说,它将在 Node 上运行测试,稍后将添加对浏览器支持。...我们测试框架将包含一个 CLI 部分,该部分将从命令行运行。第二部分将是测试框架源代码,它将位于 lib 文件夹中,这是框架核心。 首先,我们首先创建一个 Node 项目。...而且,这使测试框架能够收集测试结果并显示失败或通过结果。...测试我们框架 我们已经完成了我们测试框架,让我们通过一个真实 Node 项目对其进行测试。

1.5K10
领券