js 桌面应用：图像对比工具

我们使用之前分享的 ave 库：https://www.v2ex.com/t/842957 开发了一个图像对比工具：

主要特点 /用法是：

C++ 实现的高性能像素对比（流畅支持 4k 图像的对比）

我们没有使用 js 实现的 pixelmatch ，而是将像素对比实现在 C++，速度快了 10 倍多， (300ms ~ 500ms -> 20ms ~ 30ms)。所以即使是对比 4k 图像，允许误差也可以实时调整，用 pixelmatch 就不行。

和 beyond compare 相比，提供闪烁模式更方便地看图像差别

自定义主题：极客风

之前的颜色选择器只演示了明暗主题的切换，这次加上了自定义主题的：

安装使用更方便

是单个 exe 文件，用 npm 就能安装使用：npm i -g ave-image-diff

运行：image-diff

或者github release下载，压缩后仅 11.9M

欢迎大家试用~~

image-diff: https://github.com/rerender2021/ave-image-diff
ave lib: https://github.com/qber-soft/Ave-Nodejs
ave docs: https://qber-soft.github.io/Ave-Nodejs-Docs/

rerender

2022-05-08 19:55:52 +08:00

@Buges

- hidpi 是原生支持的，就是不用做任何事，默认在高分辨率系统上会自动适应系统的缩放
- 之前我们也了解了 nodegui 。。还尝试封装了 react 版本的，但是工作量太大了。。我们现在还是继续弄原始的 api 和文档，以及 demo 、这种简单的 app 之类的
- 和 nodegui 一个可能最大的不同是，我们 ui 库是自研的，所以我们的实现里不需要改 node 运行时，nodegui 他们没法改 qt 估计，所以需要用他们定制的 node 运行时

Buges

2022-05-08 20:40:53 +08:00

@rerender react 都能复用吧，主要是实现 render 并且封装事件之类的。如果很难封装出 react 的话可能说明原始 API 还不太完善吧，对前端来说回到过去 imperative 的开发方式还是倒车太多。sciter 现在都支持完整 js 及相关生态了。
node gui 定制 node 运行时主要是把两者的 event loop 合二为一，不是不能改 qt ，只是这样封装 qt 的 API 是最简便的，你们的库本身有不包含 event loop 的 API 自然就不需要了。
另外这些库比起 qt 等成熟完善的框架很容易踩坑，比如 hidpi （包括动态缩放，把程序窗口拖动到不同 dpi 的屏幕上自动适用新屏幕的缩放比例），再比如 accessibility ，再比如跨平台不同系统特性的一致性等等。

agee

2022-05-12 10:34:23 +08:00

@rerender 已 star ave 这个库是我目前看到的，相对比较完善的了，设计也很不错。一点小小的建议，做为一个 ui 库，首先就是颜值，以目前的完成度来说，如果能再配上一套，更漂亮，更现代化一点的组件主题，那推广起来，一定快的多。
比如这个 https://github.com/lc-ui/lc-design ，样式主题实现就吸引人，只是完成度还不够，但是已经有很多人关注了。
可以考虑一下，颜值真的相当重要。先要能推广起来，用的人多了，再考虑 react 组件化，依赖社区贡献，还是有可能的。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/851492