即刻App年轻人的同好社区
下载
JitHub程序员
开发者们分享，问答，也可以交友的地方。欢迎所有工程师！
385458人已经加入
- 拿好这份攻略，带你玩转LET'S VISION 游乐场
🗺 展区路线规划解密
1⃣ APP应用展区：Vision Pro新应用抢先体验
2⃣ AI相关展区：大模型互动体验
3⃣ 3C数码展区：最新硬件上手
4⃣ 游戏展商展区：重磅游戏首发
5⃣ 生态服务展区：产业链全景呈现
📍 主会场位置提示：
游览路线呈环形，主会场位于展区中心，非常好找。中午可以在6号餐饮区休息。
✨ 集章打卡攻略：
完成A、B、C、D打卡任务，最后兑换神秘大礼！
🎯 提前剧透部分重点展位，错过这些重点展位等于白来！
💫 VisionOS 体验专区：
· MixWorld：国内独家Vision Pro沉浸式特展，神奇魔法就在手中发生
· Story：6大魔法画作，每幅都是独立MR世界
· Aqara：全屋智能+Vision Pro空间交互体验
🎮 游戏探索区：
· 《苏丹的游戏》《功夫牌》《职场浮生记》三大新作抢先上手
· 雨纪、Sunset Hills等独立精品游戏现场体验
· 完成打卡可获限定周边礼品
🤖 AI互动区：
· 魔搭社区：解锁开源模型多重玩法，赢取限定周边
· MiniMax：大模型实验室互动体验
· Goldi AI：个性化AI饮食助手，趣味养成
🎁 展区限定福利：
· 应用雷达：Apple Ads黑科技体验，抽盲盒赢好礼
· 少数派：BANG!CASE等创意周边现场体验
· 制糖工厂：以旧换新活动，体验充电新方式
💡 现场独家活动：
· 真格基金展位：互动领取神秘联名周边
· 亚马逊云：创业支持计划大礼包发放
· 佳能展台：高画质3D VR空间视频体验
🕰预计游览时间：3-4小时
🔴【购票平台】
1⃣打开📕小红书App，关注官方账号 @XReality.Zone 店铺，一键解锁精彩
2⃣活动行小程序，搜“ letsvision ”，就能轻松找到活动门票，精彩一触即达！
3⃣官网：letsvision.swiftgg.team
11 02 - 时间：2025 年 3 月 1 日 - 3 月 2 日
地点：上海鲜花港
主题：AI + Spatial Computing = 无限∞
参展人数：预计 3000 - 5000
官网：letsvisionos.swiftgg.team
报名截止日期：2025年1月31日（请注意，此活动的名额有限）
中国最大的，最国际化的 Apple 行业展，汇集 100+ 生态顶尖团队，1000+ 行业精英，10000+ 科技爱好者
这不仅是一场展会，更是一个让你的产品被看见、被认可的绝佳机会！只要你对 Apple 平台开发充满热情，就快来寻找属于你的舞台吧！🎉
2025，来和我们一起相聚 LET'S VISION，
创造属于这个时代的应用，
定义下一个现象级产品，
让 Apple 生态因你而不同！
Ready？
Let's create something incredible! 🚀
请关注🌟我们的官方账号@SwiftGG 和官方主理人@SwiftSIQI ，不要错过任何活动信息～
137 919 - AI 生成代码，实时预览的几种方案👇
一、 html + srcdoc + iframe
1. AI 生成可以通过浏览器直接打开的 html 文件（单文件，html/css/js 写到一起）
2. 通过 iframe 的 srcdoc 传入 html 源码预览
3. 通过 importmap 指定依赖包的 CDN 资源。
这种方案实现起来简单，预览效率高。
二、react/vue + blob + iframe
1. AI 生成 react / vue 组件代码（单文件组件，无本地 import 依赖）
2. 通过 Babel.transform 转换 react 组件/通过 VueCompiler 编译 vue 组件
3. 使用转换/编译后的组件，构建一个 html 文件
4. 使用 blob 构建预览 url，传入 iframe.src 预览
const blob = new Blob([html], { type: 'text/html' });
iframe.src = URL.createObjectURL(blob);
这种方案稍微复杂一些，适合 react / vue 单文件组件预览。
3. webcontainer
1. AI 生成组件代码（可以返回多个组件文件，组件可以互相 import）
2. 构建一个最小可运行的 vite 项目骨架，把 vite 骨架包含的文件和 AI 生成的组件打包在一起，构建一个文件树
3. 启动 webcontainer 容器，挂载文件树
4. 通过 webcontainer 执行终端命令，安装项目依赖
5. 通过 webcontainer 启动预览服务，得到预览地址
6. 把预览地址传入 webcontainer 容器外的 iframe.src 实现项目预览
这种方案依赖 webcontainer，可以实现多组件预览，灵活性更高，但是涉及到文件挂载，命令行安装依赖等步骤，预览速度会慢一些。
----- 总结 -----
方案一适合用户不关心代码，只想快点看到效果的场景，比如用 Pagen 一句话生成 landing page，页面内容都在一个 html 文件里面。
方案二适合辅助前端写组件场景。比如用 CopyWeb 截图复刻设计，生成单个 react 组件，在线预览效果，导出到本地项目使用。
方案三适合一句话生成完整项目场景，比如用 bolt/v0 一句话生成 nextjs 项目骨架，可在线预览，可导出 zip 到本地修改。
欢迎在 copyweb.ai 体验实时预览的效果。👇
108 1061 - ⭕️ cleanMyMac的开源平替 Pearcleaner
cleanMyMac和柠檬清理是Mac上比较推荐的俩工具，但是前者挺贵的，我之前买的旧版本，居然不能升级到新版本🥲，后者差点意思
今天看到一个不错的开源项目，妥妥替代！
✅ 清除已卸载应用残留文件
✅ 开发者专属模式（删除开发缓存，这里点名下Xcode
✅ 支持CLI命令行控制
✅ 轻量化，占用资源低
开发者更新很勤快，两周发布一次更新！
🔗 github.com
14 213 - 你没看错，这个一年一千万访问量的网站 blackscreen.app ，只有一个功能，给你显示黑屏。
其他什么操作都没有，也没有任何的文字说明，你打开网站，他就开始工作了。
你可能会想问，站长是怎么想到这个需求的呢？
肯定不是拍脑袋也不是拍大腿。
这个网站40%访问量来自于搜索引擎，56%访问量来自于直接打开。
这就说明了两件事情，一是这个网站可以源源不断的从搜索引擎补充新流量，二是这个网站可以把流量留下来，用户愿意记住网址或者加入收藏夹，方便下次直接打开就用。
因为站长知道有人会在谷歌等搜索引擎搜索“Black Screen”，所以他就做了这么一个网站来解决这些搜索用户的需求。
因为他做的网站能够解决需求，所以用户愿意用，谷歌也愿意给排名。
这个网站域名注册于2020年，其实离现在并不远，不是一几年，也不是零几年，而是2020年。
还有另一个网站 blackscreen.space 注册于2023年6月，到现在还不足两年。
这两个网站，占领了谷歌搜索“Black Screen”的前两名。
刚才说了，这种需求不太可能是拍脑袋想出来的，那要怎么知道有这样的需求呢？
既然我们想要流量来自于搜索引擎，那就去研究搜索引擎关键词就好了。
你可以用专业的 SEO 工具去调研关键词，如 Ahrefs、Similarweb、Semrush等，但这些都要花钱买会员，今天哥飞教给大家两个不用花钱的方法。
一是用谷歌搜索的下拉搜索功能，如图二，你输入任何关键词，都能够给你显示相关的有搜索量的关键词。
二是用谷歌趋势 trends.google.com 的相关查询功能，如图三，同样可以基于你输入的关键词，给你显示相关的热门搜索关键词。
这两个工具还可以结合起来使用，在第一个里找到一些关键词，在第二个里同时查看多个关键词的热度趋势，从而找出有更多搜索量的关键词。
54 614 - 使用 shipany.ai 一小时上线 AI 壁纸生成器，分享内容发布到 B 站了，欢迎大家观看，感受一下 ShipAny 建站的效率。😁
完整内容合集：
第一集：使用 ShipAny 一小时上站
www.bilibili.com
1. 使用 ShipAny 初始化 AI 项目
2. 5 分钟构建新项目 Landing Page
3. 配置数据库
4. 配置用户登录
5. 配置数据统计
6. SEO 内容修改 / 接入 GSC
7. 发布上线 / 绑定自定义域名
第二集：对接 AI 接口，实现壁纸生成，完成业务功能开发
www.bilibili.com
1. 实现 Generator 组件
2. 实现壁纸展示列表组件
3. 对接 AI 画图接口，生成壁纸图片
4. 存储壁纸到数据库
5. 前后端交互联调
第三集：对接支付系统，核销用户积分，实现壁纸管理后台
www.bilibili.com
1. 对接 stripe，实现支付购买积分
2. 实现用户积分判断/核销逻辑
3. 管理 API Key，通过接口调用壁纸生成接口
4. 实现壁纸后台管理功能
69 434
