摘要: 当你想实现阻止Electron窗口关闭,并弹出询问对话框,提示用户:“文章尚未保存,是否要关闭窗口”这类业务时,那么你99%会碰到这个BUG: https://github.com/electron/electron/issues/24994 这是我在去年8月份发现的BUG,Electron的作者也 阅读全文
posted @ 2021-09-30 08:41 liulun 阅读(501) 评论(0) 推荐(2) 编辑
摘要: 实现一个不规则窗体 这里我们实现一个圆形窗体,实现其他形状的窗体与这个方法类似。 首先,把窗口的高度(height)和宽度(width)值修改为相同的值,使窗口成为一个正方形。 其次,把窗口的透明属性(transparent)设置为true,这样设置之后窗口还是正方形的,但只要我们控制好内容区域的D 阅读全文
posted @ 2021-09-21 08:12 liulun 阅读(237) 评论(0) 推荐(0) 编辑
摘要: Electron团队提供remote模块给开发者, 主要目的是为了简化渲染进程和主进程互访的难度, 这个目的却是达到了。 但也带来了很多问题, 归纳起来主要分为以下四点: 第一:它很慢 通过remote模块可以访问主进程的对象、类型、方法, 但这些操作都是跨进程的, 跨进程操作性能上的损耗可能是进程 阅读全文
posted @ 2021-09-02 08:46 liulun 阅读(982) 评论(2) 推荐(5) 编辑
摘要: 缘起 在Electron的渲染进程中(也就是页面代码中), 我们常常使用process.env来携带一些环境变量, 比如HTTP服务地址的基质,本地静态资源的路径等 这样做主要有两个目的 一个是方便开发者写多个配置环境变量的文件,区分生产环境、测试环境和开发环境 另一个是主进程和渲染进程共享一套环境 阅读全文
posted @ 2020-12-09 11:32 liulun 阅读(1054) 评论(1) 推荐(1) 编辑
摘要: 需求 稍微正规点的公司,都要为自己开发的软件做代码签名,如下图所示 代码签名的主要目的是为了确保软件的来源(这个软件是由谁生产的)和软件的内容不被篡改 一个软件公司可能有很多团队,很多开发者,开发不同的软件,但用于签名的证书就那么一套 由于担心开发者用这个证书去签名恶意的软件,损坏公司的声誉, 所以 阅读全文
posted @ 2020-12-08 15:24 liulun 阅读(834) 评论(0) 推荐(0) 编辑
摘要: 楔子 首先,目前qiankun框架尚不支持vite, 微应用不能使用vite创建, 即使只是生产环境加的载微应用也不行, 因为vite打包代码时,内部的esbuild会tree shake掉与qiankun相关的生命周期钩子, 主应用没影响,使用什么创建项目都无所谓 主应用 没啥特殊的,随便一个组件 阅读全文
posted @ 2020-12-05 13:12 liulun 阅读(3557) 评论(0) 推荐(0) 编辑
摘要: 背景 目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋, Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpac 阅读全文
posted @ 2020-12-02 15:43 liulun 阅读(2760) 评论(4) 推荐(0) 编辑
摘要: 1. 安装Electron依赖包 开发者往往通过npm install(或 yarn add)指令完成为Node.js工程安装依赖包的工作, 安装Electron也不例外,下面是npm和yarn的安装Electron依赖包的指令: npm install electron --save-dev ya 阅读全文
posted @ 2020-09-30 14:16 liulun 阅读(1345) 评论(4) 推荐(9) 编辑
摘要: 开发一个大型Electron的应用,或许需要在客户端存储大量的数据,比如聊天应用或邮件客户端 可选的客户端数据库方案看似很多,但一一对比下来,最优解只有一个 接下来我们就一起来经历一下这个技术选型的过程: 排除:把数据以Json的形式存储在文件中 以这种方式存储一些用户的配置信息是完全没问题的(用户 阅读全文
posted @ 2020-06-07 18:46 liulun 阅读(8661) 评论(12) 推荐(5) 编辑
摘要: 作为一个前端开发人员,你可能已经听说过Electron了,你知道VS Code是基于这个技术开发的。不但VS Code, 目前一些大热的软件:飞书、Slack、WhatsApp都是基于这个技术开发的。 即使工作不会涉及到,也应该学一下Electron,因为它是极客手里的利器,你可以通过他做很多Ama 阅读全文
posted @ 2020-05-28 22:31 liulun 阅读(6316) 评论(40) 推荐(28) 编辑
摘要: 安装node https://github.com/nodesource/distributions#installation-instructions-1 注意使用No root privileges方法安装 安装yarn curl --silent --location https://dl.y 阅读全文
posted @ 2020-03-02 21:53 liulun 阅读(1867) 评论(0) 推荐(0) 编辑
摘要: let ele = this.$el; this.height = ele.clientHeight; this.width = ele.clientWidth; this.showTable = true; window.onresize = () => { ... 阅读全文
posted @ 2020-01-06 15:06 liulun 阅读(1451) 评论(1) 推荐(0) 编辑
摘要: 安装nodejs和yarn的命令: curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo curl --silent --location https:/ 阅读全文
posted @ 2019-09-17 09:42 liulun 阅读(423) 评论(0) 推荐(0) 编辑
摘要: 安装nginx的命令 让nginx随系统启动而启动 常用命令 配置路径:/etc/nginx/ 日志路径:/var/log/nginx 打开配置文件 在HTTP节点下配置两个server节点,其他不变 your-domain.com替换成你自己的域名 your-domain.crt和your-dom 阅读全文
posted @ 2019-09-14 07:47 liulun 阅读(7395) 评论(0) 推荐(0) 编辑
摘要: 旋转动画 第一个样式: 第二个样式: HTML代码 linear是匀速运动,还可以设置为: ease 默认。动画以低速开始,然后加快,在结束前变慢。 ease-in 动画以低速开始。 测试 ease-out 动画以低速结束。 测试 ease-in-out 动画以低速开始和结束。 测试 cubic-b 阅读全文
posted @ 2019-09-11 14:09 liulun 阅读(528) 评论(0) 推荐(0) 编辑
摘要: 代码如上↑ 阅读全文
posted @ 2019-09-06 09:17 liulun 阅读(1274) 评论(0) 推荐(0) 编辑
摘要: 以上是监控代码; 删除图片的代码没有包含在内,自己控制 阅读全文
posted @ 2019-09-06 07:31 liulun 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 大型的政务应用或企业应用,最关键的问题是业务复杂; 我举几个简单的例子: 比如说一个政府机构,有很多部门,每个部门都有很多审批流程, 报销、请假、结算.... 每个部门和每个部门的流程审批环节还不一样, 有些部门某流程要填录这些内容,有的部门要填录那些内容, 有的部门某个审批流程需要3个领导审批,另 阅读全文
posted @ 2019-08-24 20:17 liulun 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 用户与角色是多对多的关系, 一个角色可以被赋予给多个用户,一个用户也可以拥有多个角色; 查询不拥有某角色的所有用户, 如果用leftjoin查询,会造成重复的记录: 举例错误的做法: 这个查询虽然用到了(or `system_user_role`.`role_id` is null )防止结果缺失, 阅读全文
posted @ 2019-07-18 11:31 liulun 阅读(597) 评论(0) 推荐(0) 编辑
摘要: 安装mongodb 先在本地用记事本做一个这样的文件(命名为:mongodb-org-4.0.repo): 上传到服务器这个目录下: 执行如下命令安装mongodb: 禁用自动升级,修改/etc/yum.conf文件,加入如下信息 启动服务: 配置开机自启动 配置用户 进入mongodb shell 阅读全文
posted @ 2019-06-22 08:47 liulun 阅读(6336) 评论(0) 推荐(0) 编辑
摘要: 第一篇: vscode源码分析【一】从源码运行vscode 第二篇:vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的 第三篇:vscode源码分析【三】程序的启动逻辑,性能问题的追踪 第四篇:vscode源码分析【四】程序启动的逻辑,最初创建的服务 第五篇:vscode源码分析【五】 阅读全文
posted @ 2019-06-21 11:55 liulun 阅读(1016) 评论(1) 推荐(0) 编辑
摘要: 第一篇: vscode源码分析【一】从源码运行vscode 第二篇:vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的 第三篇:vscode源码分析【三】程序的启动逻辑,性能问题的追踪 第四篇:vscode源码分析【四】程序启动的逻辑,最初创建的服务 第五篇:vscode源码分析【五】 阅读全文
posted @ 2019-06-20 13:58 liulun 阅读(1107) 评论(0) 推荐(1) 编辑
摘要: 第一篇: vscode源码分析【一】从源码运行vscode 第二篇:vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的 第三篇:vscode源码分析【三】程序的启动逻辑,性能问题的追踪 第四篇:vscode源码分析【四】程序启动的逻辑,最初创建的服务 第五篇:vscode源码分析【五】 阅读全文
posted @ 2019-06-19 13:24 liulun 阅读(919) 评论(0) 推荐(1) 编辑
摘要: 第一篇: vscode源码分析【一】从源码运行vscode 第二篇:vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的 第三篇:vscode源码分析【三】程序的启动逻辑,性能问题的追踪 第四篇:vscode源码分析【四】程序启动的逻辑,最初创建的服务 第五篇:vscode源码分析【五】 阅读全文
posted @ 2019-06-19 10:38 liulun 阅读(814) 评论(0) 推荐(0) 编辑
摘要: 第一篇: vscode源码分析【一】从源码运行vscode 第二篇:vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的 第三篇:vscode源码分析【三】程序的启动逻辑,性能问题的追踪 第四篇:vscode源码分析【四】程序启动的逻辑,最初创建的服务 在上一篇中,我们看到lifecyc 阅读全文
posted @ 2019-06-18 20:05 liulun 阅读(1408) 评论(0) 推荐(1) 编辑
摘要: 第一篇: vscode源码分析【一】从源码运行vscode 第二篇:vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的 第三篇:vscode源码分析【三】程序的启动逻辑,性能问题的追踪 在第一节中提到的startup函数里(src\vs\code\electron-main\main. 阅读全文
posted @ 2019-06-18 16:16 liulun 阅读(922) 评论(0) 推荐(0) 编辑
摘要: 第一篇: vscode源码分析【一】从源码运行vscode 第二篇:vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的 启动追踪 代码文件:src\main.js 如果指定了特定的启动参数:trace vscode会在启动之初,执行下面的代码: 这段代码的主要目的是:从Chromium 阅读全文
posted @ 2019-06-18 13:41 liulun 阅读(1570) 评论(0) 推荐(1) 编辑
摘要: 上一篇文章:https://www.cnblogs.com/liulun/ (小广告:我做的开源免费的,个人知识管理及自媒体营销工具“想学吗”:https://github.com/xland/xiangxuema) 我们在package.json里能找到他的入口文件; electron是分主进程和 阅读全文
posted @ 2019-06-17 00:07 liulun 阅读(2462) 评论(0) 推荐(3) 编辑
摘要: 安装git,nodejs和yarn 安装Python27,3.x版本的不行,确保它在你的环境变量里; 安装gulp 安装windows build tools: 安装node-gyp 上面安装的一大堆东西,看似没无关,其实他们大都是用来编译原生nodejs插件的, nodejs的原生插件不是基于2进 阅读全文
posted @ 2019-06-17 00:03 liulun 阅读(7582) 评论(6) 推荐(1) 编辑
摘要: 你应该是一个真正的“甲方” 你如果是个二道贩子, 或者你要做的项目是为了应付投资人, 那么这篇文章里谈的很多事情,你都大可不必在意, 甚至现在就离开这个页面,亦无不可。 你的项目应该是一个真正的“项目” 你如果想搞个互联网平台自己运营, 那么建议你还是找个技术合伙人, 或者招聘个技术主管, 因为这类 阅读全文
posted @ 2019-04-11 02:41 liulun 阅读(2650) 评论(1) 推荐(1) 编辑