|
1 |
| -# 桌面便签应用 |
| 1 | +# iTime |
| 2 | + |
| 3 | +- **功能讲解** |
| 4 | +- 介绍项目结构和踩坑点 |
| 5 | +- electron+vue大项目完整打包 |
2 | 6 |
|
3 | 7 | ## 前言
|
4 | 8 |
|
5 | 9 | 大公司做的TODO支持多端同步但功能实在太多,且收费。
|
6 | 10 |
|
7 | 11 | 开源项目存在我想要的功能可能没有实现,且没人维护的问题
|
8 | 12 |
|
9 |
| -于是决定自己开发一个简单的TODO,使用electron绝对不是最优解,因为往应用里面塞个浏览器内核和node实在是太大了,但是我只会electron啊,flutter还在学习中......,后续会考虑使用flutter重构,进行三端同步一下,现在开发个桌面端练练手。 |
| 13 | +于是决定自己开发一个简单的工具软件,使用electron绝对不是最优解,因为往应用里面塞个浏览器内核和node实在是太大了,但是我只会electron啊,NW.js、Tauri生态还是没electron好,flutter还在学习中......,后续会考虑使用flutter重构,进行三端同步一下,现在开发个桌面端练练手。 |
10 | 14 |
|
11 |
| -不过B站、qq,discord、clash、utools、vscode、mongodb compass这些也都用electron开发的,应该也还好。 |
| 15 | +不过B站、qq,discord、clash、utools、vscode、mongodb compass、typora、draw.io、picGo这些也都用electron开发的,应该也还好。 |
12 | 16 |
|
13 | 17 | ## 页面和技术调研
|
14 | 18 |
|
@@ -603,6 +607,39 @@ module.exports = async function (params) {
|
603 | 607 |
|
604 | 608 | 录制视频
|
605 | 609 |
|
| 610 | +发现一个坑,富文本编辑器空格不生效和对不齐问题 |
| 611 | +
|
| 612 | +空格不生效是因为默认解析成一个空格,添加这个css解决空格和换行问题。(如果需要跟后端联动可能还需要replace一下) |
| 613 | +
|
| 614 | +```css |
| 615 | +white-space: pre-wrap |
| 616 | +``` |
| 617 | +
|
| 618 | +对不齐是因为字体和缩进不一样,开发者工具检查一下把富文本编辑器的字体和缩进拷贝过来就可以了 |
| 619 | +
|
| 620 | +```css |
| 621 | +font-family: Helvetica, Arial, sans-serif; |
| 622 | +tab-size: 4; |
| 623 | +``` |
| 624 | +
|
| 625 | +频繁下载安装可能会出现这个bug,就是pinia状态公用了,`这时候去C:\Users\Albert han\AppData\Roaming`目录下清缓存,只可能在开发机器上有这个问题,删除的话默认也会删除这个目录 |
| 626 | +
|
| 627 | +
|
| 628 | +
|
| 629 | +第2个bug,窗口到后台计时器不会正常工作。参考文章: |
| 630 | +
|
| 631 | +stackoverflow的解决方案:https://cloud.tencent.com/developer/ask/sof/108364807 |
| 632 | +
|
| 633 | +issue:https://github.com/electron/electron/issues/20974 |
| 634 | +
|
| 635 | +官方文档:https://www.electronjs.org/zh/docs/latest/api/browser-window |
| 636 | +
|
| 637 | +在每个窗口webPreference配置这个选项,表示进入后台后拒绝让electron关闭定时器这种资源 |
| 638 | +
|
| 639 | +```js |
| 640 | +backgroundThrottling: false, |
| 641 | +``` |
| 642 | +
|
606 | 643 |
|
607 | 644 |
|
608 | 645 | ### 打包应用
|
@@ -958,3 +995,17 @@ git remote add <远程仓库名> <远程仓库URL>
|
958 | 995 | ```
|
959 | 996 |
|
960 | 997 | gif动图有的可以复用帧,所以才能做到像素较低
|
| 998 | +
|
| 999 | +
|
| 1000 | +
|
| 1001 | +**版本修复**: |
| 1002 | +
|
| 1003 | +1. 修复了定时器half提醒时重复提醒的问题 |
| 1004 | +2. 修复一定条件下自定义代办挂件内容不显示的问题 |
| 1005 | +3. 修复自定义设置图标回显问题 |
| 1006 | +
|
| 1007 | +由于`electron-builder`不能在windows上打mac的包,暂时只提供三种windows安装包版本。程序占用大概**280MB** |
| 1008 | +
|
| 1009 | +- iTime-1.0.3-windows-installer.exe。常规的exe安装包,允许你自定义安装路径。 |
| 1010 | +- iTime-1.0.3.msi。微软官方安装包,一键安装。程序相关文件会存储在`AppData\Local\Programs\iTime`下 |
| 1011 | +- iTime-1.0.3-windows-no-installer.exe。exe文件,下载点击即可运行。程序相关文件会存储在`AppData\Local\Temp`下 |
0 commit comments