张洪Heo - 分享设计与科技生活 张洪Heo - 分享设计与科技生活

OpenClaw 接管你的油猴脚本:让 AI 直接读改网页脚本,不用再复制粘贴

这篇文章介绍了怎么用 **tampermonkey-mcp** 把 OpenClaw 和浏览器里的官方 Tampermonkey 连起来,让 AI 直接读改你的**用户脚本**,改完还能回到真实页面验证效果。作者原先的痛点很具体:脚本改起来要开面板、翻代码、保存、刷新,来回切窗口;想让 AI 代劳又卡在浏览器不允许第三方扩展访问 **chrome-extension://** 管理页这一步,改好的...

离别歌 离别歌

AI记账的最佳实践

我一直有记账的习惯,从国内在北京的时候就开始记了。现在搬到新加坡已有5年,日常涉及的场景越来越多,开销也比较杂,记账就成了一件不得不做的事。 这几年我的记账方式一路迭代,从最开始的纯手工记录,到后来忍受官方弱智的AI,再到自己尝试写App,直到最近自己搭建了一个轻量的记账Agent,总算摸索出一套顺手、稳定且基本零成本的方案。这篇文章就按时间顺序,分享一下我这几年的折腾经历。 0x01 手工...

玉清滴风小竹楼 玉清滴风小竹楼

子网划分与VLSM实战-从CIDR到无类别路由

作者交完稿就摸鱼,留我对着掩码发愁。(/24均分就是划分?)销售部要100台,财务部只要20台,硬用FLSM只能看地址池打架,大填不满小白占。VLSM靠两条铁律破局:需求从大到小排,边界严格按块大小对齐,次序错一步碎出96个空洞。牢记可用主机数必减2,掩码绝对不容断点。文中附带Python的ipaddress分配脚本与路由聚合代码,复制即防排坑指南。至于那个非要把255.255.255.193灌进...

犯困乐的博客 犯困乐的博客

ArkTS状态管理:@State、@Link、@Prop

ArkTS 用 @State、@Link、@Prop 管理组件间状态流,实现数据变化自动刷新 UI。@State 是数据源,声明在拥有数据的组件,只能当前组件修改,值变会重绘相关 UI,也是另外两者的基础。@Link 双向同步,父用 $count 传引用,子不能赋默认值,类型须与父一致,支持对象和数组,任一方修改双方同步。@Prop 单向传值,父传副本,子可有默认值,只支持简单类型,不支持对象和数...

张洪Heo - 分享设计与科技生活 张洪Heo - 分享设计与科技生活

为 iPhone Duo 做设计:苹果官方设计原则全解读

这篇文章介绍了 iPhone Duo 的设计原则,内容来自苹果官方 Tech Talks 视频《Design for iPhone Duo》。iPhone Duo 能在闭合、展开、半折和桌面免提等多种姿态下使用,苹果的建议是把界面当成可以自由调整大小来做:只针对 **compact 和 regular 两个尺寸类** 布局,**控件移到设备侧边**,内容 **避开中间的折叠区域**。文章按设计原则...

张洪Heo - 分享设计与科技生活 张洪Heo - 分享设计与科技生活

看到了淘宝闪购的AI评论,引发了我的思考

这篇文章介绍了作者在**博客评论**中引入的 AI 评论与 AI 审核功能。实际使用后,他发现 AI 审核能有效过滤**广告和垃圾评论**,但 AI 评论与 AI 润色效果一般,带有为了 AI 而 AI 的意味。作者由此联想到**淘宝闪购**的 AI 帮写评价,认为文字只是思想的载体,只要能表达意思即可。于是他修改了博客 AI 评论,改成**只给用户选项和简单描述问题**的方式,让人类负责快速输出...

犯困乐的博客 犯困乐的博客

HarmonyOS 组件通用属性

文章围绕 HarmonyOS 组件通用属性展开,并附《HarmonyOS组件通用属性.pptx》供对照查阅。内容以多类组件可共用的属性配置为线索,帮助开发者建立统一的组件设置思路,理解通用属性在界面构建中的定位与作用。通过归纳共性配置,读者可减少在相似属性上的重复查找,快速定位所需设置,并为后续具体组件学习与项目实践提供参考。配图与附件用于辅助说明,整体适合作为鸿蒙应用开发中组件属性相关知识的速查...

张洪Heo - 分享设计与科技生活 张洪Heo - 分享设计与科技生活

如何在网页插入 livephoto ?实况照片 PVT 在线生成、动态JPG生成工具与嵌入工具

这篇文章介绍了**洪绘Live图(HeoLivePhoto)**,一个支持在网页中插入**单文件实况照片(Live Photo)**的工具。文章解释了**PVT 格式**与插入视频的动态 JPG 两种单文件方案的区别。工具复刻了苹果照片 App 的触发逻辑:桌面端**鼠标悬浮即播放、移开即停**,移动端长按播放,并配合 Fancybox 等灯箱使用。还可将视频与 HEIC 原片**合成为 PVT ...