糖果派对官方网站_可以赌钱的糖果游戏_手机版
采纳JSCompress压缩你的javascript代码

采纳JSCompress压缩你的javascript代码

作者:操作系统    来源:未知    发布时间:2020-02-05 13:58    浏览量:

图片 1

新近,把团队内平时选取的二个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里大约共享一下施用electron的某些资历和体验。

引用

风华正茂、怎么着行使electron把大旨的支出条件给跑起来?

自己是那般管理的,electron合法提供了三个名字为“electron-quick-start”的演示项目,地址为:

下一场把相关财富给弄下来,借使您是下载Zip包解压的,则能源暗许都会放在一个名称为“electron-quick-start-master”的公文夹中,把“electron-quick-start-master”改成你项指标名字,当然你不改也没涉及,就怕过段时间忘记,然后小手朝气蓬勃抖,当作普通财富给删掉了,届时候就男默女泪了。

接下来安装:

npm install

采纳JSCompress压缩你的javascript代码。由于安装包相当大,所以-/要转好几分钟才具装好。借使设置不顺手,试试换来接受TaobaoNPM镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

接下来再这么安装:

cnpm install

图片 2

下一场运转:

npm start

然后就能够冒出如此的层面:
图片 3

条件就像是此跑起来了。

Ctrl + ENVISION就能够刷新。

自身写的js压裁减工具,款待点戳

二、electron开辟该怎么出手?

意气风发旦条件跑起来,接下去的行事就跟做叁个网页大约就没怎么分裂,加载点CSS,图片啊,JS什么的,就能够了。因为精气神儿上,electron就算给你搞了二个Chrome浏览器的硬壳,只是比守旧网页多了贰个访问桌面文件的成效。

自然,具体操作并超级小概像嘴皮子动的那么轻易,先前时代还是要求驾驭一些根底知识。

我们可以重要关怀一下上后生可畏节安装好的支出条件的部分财富文件,首假使index.html,main.jsrenderer.js,如下图:

图片 4

 

在笔者眼里,借使我们要支付的桌面应用只要不像QQ软件那样复杂,其实能够完全不用管main.js,main.js的功能正是用来展现npm start后现身的要命窗口的,而作者辈的做事只是窗口里面内容,由此,main.js不用关怀。

index.html是开辟的窗口加载的页面,能够当作是进口页面,正是多少个普普通通的静态页面啊,没什么特殊的。

renderer.js私下认可里面就一评释释,用来放业务有关JS的,和网页JS的区分在于,这里的JS不只能够访问DOM,还是能运用Node.js全部的API。能前能后,想怎么玩都行。

故此,我们的专门的职业思路就很明显了:

 

先把大家桌面应用的可视窗口分界面给弄出来,那个就须求动用CSS和HTML代码了。比较网页开拓来讲,开采桌面应用要更自在,因为一向不用考虑宽容性的主题材料,並且多数新颖的chrome特性,都得以也很欢跃的玩起来。大家的CSS代码可以外链线上的财富,也足以放置本地,也能够一向内联在页面中,特别自由,非常自由啊,都足以。作者个人提出是坐一败涂地面包车型客车,因为正是断网了大家的桌面应用也能健康使用。

只要生机勃勃番折磨,大家的分界面弄好了,形似那样:图片 5

 

图片 6

 

 

  1. 接下去便是煎熬交互作用了。

  2. 相互影响开辟和历史观web网址相似,超轻松,你向往jQuery,就用jQuery,你中意Vue,也能够行使Vue等等,未有怎么忧虑,就是干!

    比如笔者给集体做的这么些桌面应用正是用的jQuery,最终接收跑得很欣欣自得。

  3. 依赖于Node.js API也许其余第三方的npm工具恐怕electron API开辟大家的应用。

    例如,引入Node.js API:

    const fs = require('fs');
    stat = fs.stat;
    
    const path = require('path');
    const url = require('url');
    

    引进第三方库:

    const minify = require('html-minifier').minify;
    

    等等。

    例如笔者做那些桌面应用有供给选取地面文件夹的机能,这个时候就必要依靠electron API,由于大家的事体JS都是写在renderer.js中的,并不是主线程,因而,调用的运用要动用remote,例如:

    const electron = require('electron');
    
    const dialog = electron.remote.dialog;
    

    这时候,大家想要点击开关展开系统的选拔文件夹弹框就足以如此管理:

    dialog.showOpenDialog({
        properties: ['openDirectory', 'createDirectory']
    }, callback);
    

    具体可参照electron API文档,有中文版。

于是乎,简轻松单的三步曲,我们的桌面应用作用就支出好了,逻辑依旧以前Node.js工具的逻辑,多的唯有是可视化的分界面,以至参数是从输入框等表单控件获取。

开采的长河要比此前预估的要轻易得多,那种不管怎么玩都帮衬的认为真的很完美。

图片 7

上一篇:CUDA入门
友情链接: 网站地图
Copyright © 2015-2019 http://www.tk-web.com. bb电子糖果派对有限公司 版权所有