@CodeCodeStudy

opensumi 是从头开始写的，只是开发过程中借鉴了 vscode 和 theia 。

举个例子
vs code 是原生 html 开发的，opensumi 是 react 开发的。

上周发工资。以前都是通过招行 APP 跨行转款到招行卡里。这次发现农行的单日提款上限做了修改，不能一天转完。想着干脆下个 APP 设置一下。登录时忘记密码，然后扫脸认证。此时手机亮度自动调节到最大，可以理解。等验证环节都通过了，进到 APP 里面亮度没有还原，于是手动调亮度，然后手动调节屏幕亮度后，APP 又自动调整到最大亮度。反复手动调节都自动调回最大。只能关闭 APP ，在登录后正常亮度。转款密码忘记，开通卡密码支付又需要我扫脸。扫了三次提示成功，但是开通支付密码的开关还是关闭状态（屏幕亮度还是最大，放弃调节）。然后试着在转款密码栏输入卡密码，提示成功（此时开密码支付开关还是关闭状态）。全程懵逼状态转款后果断卸载！


> GPT 帮忙加了一下标点。

可以看看支付宝小程序云。

我一直有一个疑问， 如果你加了上传图片的功能， 不就是开发了另一个 eagle 么。

你恶心阿里巴巴，和我蚂蚁金服有什么关系 🐶

可以考虑 windows 掌机 + iPad 。

1. 出门在外想玩游戏， 可以直接拿 win 掌机。
2. 需要大屏幕的 windows 。 可以直接拿 iPad 远程桌面到 win 掌机， 这样相当于一台 windows 的笔记本。
3. 在家需要躺着玩高性能的游戏， 可以拿 win 掌机串流到高性能的 pc 上。 把 win 掌机当成一个带屏幕，电池的手柄。



我自己的设备是

gpd win4 + ipad pro 12.9 + macbook 14 寸 + pc 台式机

你可以去阿里， 那边都是 花名 + 老师。

这个称呼应该是从 马老师发展而来的。

```

/**
* diff 函数
* @param {any} newList 新数组
* @param {any} oldList 旧数组
*/
const diff = function(newList, oldList) {
// lastIndex：即访问过元素的最右下标
let lastIndex = 0;

// 遍历新数组
for(let i = 0, len = newList.length; i < len; i++) {
// 查找当前元素在旧数组的下标
let index = getIndex(newList[i], oldList);

// 若该元素在旧数组中存在
if(index !== -1) {
// 若该元素在旧数组的下标小于最右下标 lastIndex
if(index < lastIndex) {
// 移动元素：from index to i
move(newList[i], i, index);
}

// 更新 lastIndex ，取 index 和 lastIndex 的较大者
lastIndex = Math.max(index, lastIndex);
}
// 若该元素不在旧数组，说明这是个新加入元素
else {
// 插入元素：append to i
append(newList[i], i);
}
}

// 遍历旧数组
for(let i = 0, len = oldList.length; i < len; i++) {
// 若发现当前元素在新数组中不存在，说明这个元素需要移除
if(getIndex(oldList[i], newList) === -1) {
// 移除元素：remove from i
remove(oldList[i], i);
}
}
}

/**
* 找出元素在数组的下标，找不到返回-1
* @param {T} item 要找的元素
* @param {Array<T>} list 目标数组
*/
const getIndex = function(item, list) {
// 对比 key
return list.findIndex(i => i.key === item.key);
}


```

你这个听起来很像前端的 diff

https://github.com/phenomLi/Blog/issues/24

如果你想在服务器上运行，推荐使用 docker

如果你想把 nodejs 发给别人，可以试试看 pkg

可以看看国产的 ar 眼镜。

我个人买了雷鸟 air ，下面是我的体验。

戴在头上相当于 27 寸 1080P 的显示器。 可以看文档、写代码。
我在公司的时候会躺在椅子上，用 AR 眼镜看视频、刷网页。 好处是同事不知道你在看什么。



优点

1. 重量 80g, 待久了不太痛。
2. typec 连线，无需充电，即插即用。
3. 隐私性比较好。

缺点
1. 连 Mac 没办法调节音量
2. 无法直接连 iPhone
3. 需要配近视镜片，如果没配好，可能看不清字。
4. 时间长了眼睛会有点酸痛。

1. shadow-dom
2. iframe


我建议用 shadow-dom

https://github.com/rubickCenter/rubick

utools 的开源替代品

文石 tab8 墨水屏版


1. 安卓系统
2. 自带手写笔记，支持录音转写。 手写笔无需充电
3. 阅读体验不错

还有阿里开发的 opensumi

https://github.com/opensumi/core


1. 兼容 vs code 插件
2. 服务端也是开源的

你说的已经有了

gpd pocket 3

1. 8 寸触摸屏，支持手写笔和 360 度翻转。
2. 模块化设计
3. 支持 kvm 模块，可以当服务器的屏幕，鼠标
4. 支持串口模块
5. 支持雷电 4 可以插显卡坞。
6. 自带网线接口

看起来有点像 devonthink

https://www.devontechnologies.com/apps/devonthink

gpd win2 掌机 + 雷鸟 air AR 眼镜

带上 ar 眼镜，然后插到掌机上，随时随地享受 140 寸 的大屏。

支付宝搜 钢铁匣

1. 扫人脸解锁
2. 官方开发的

1. 可以去看 vs code 的代码

2. 可以搜一下微前端 qiankuan

3. 搜索 Figma 插件实现原理

4. 可以搜一下小程序原理



以上是四种常见的插件式网页开发思路。

vs code 适合界面变化比较小的应用。
qiankuan 适合内部系统。
figma 没深入了解过，看着好像还行。
小程序适合移动应用。