docs: simplify section 4 by removing el-alert components
This commit is contained in:
sanbuphy
@@ -271,17 +271,14 @@ NFT 你可能听说过——那些卖几百万美元的"数字头像"。NFT 本
|
|||||||
|
|
||||||
### 场景一：我想做一个社区团购工具
|
### 场景一：我想做一个社区团购工具
|
||||||
|
|
||||||
<el-alert title="💡 推荐：微信小程序" type="success" :closable="false" style="margin: 16px 0;">
|
**💡 推荐：微信小程序**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么选小程序？</b>
|
为什么选小程序？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>用户就在微信里</b>：社区大妈、家庭主妇都在微信群活跃，小程序可以直接分享到群里</li>
|
- **用户就在微信里**：社区大妈、家庭主妇都在微信群活跃，小程序可以直接分享到群里
|
||||||
<li><b>用完即走</b>：下单买菜这种事，没人愿意专门下载一个 App</li>
|
- **用完即走**：下单买菜这种事，没人愿意专门下载一个 App
|
||||||
<li><b>支付无缝</b>：微信支付一键完成，不需要跳转</li>
|
- **支付无缝**：微信支付一键完成，不需要跳转
|
||||||
<li><b>获客成本低</b>：一个群接龙就能带来几十个新用户</li>
|
- **获客成本低**：一个群接龙就能带来几十个新用户
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
::: tip 💡 适用场景
|
::: tip 💡 适用场景
|
||||||
如果你做的是类似的事情——拼团、预约、问卷调查、活动报名——小程序都是首选。
|
如果你做的是类似的事情——拼团、预约、问卷调查、活动报名——小程序都是首选。
|
||||||
@@ -291,37 +288,31 @@ NFT 你可能听说过——那些卖几百万美元的"数字头像"。NFT 本
|
|||||||
|
|
||||||
### 场景二：我想做一个跑步记录 App
|
### 场景二：我想做一个跑步记录 App
|
||||||
|
|
||||||
<el-alert title="⚡ 推荐：iOS / Android 原生开发" type="primary" :closable="false" style="margin: 16px 0;">
|
**⚡ 推荐：iOS / Android 原生开发**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么选原生 App？</b>
|
为什么选原生 App？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>后台运行</b>：跑步时 App 需要在后台持续记录轨迹，小程序和网页都做不到</li>
|
- **后台运行**：跑步时 App 需要在后台持续记录轨迹，小程序和网页都做不到
|
||||||
<li><b>GPS 精度</b>：原生 App 可以访问高精度定位，误差在几米内</li>
|
- **GPS 精度**：原生 App 可以访问高精度定位，误差在几米内
|
||||||
<li><b>健康数据</b>：想读取步数、心率？只有原生 App 能调用 Apple HealthKit 和 Google Fit</li>
|
- **健康数据**：想读取步数、心率？只有原生 App 能调用 Apple HealthKit 和 Google Fit
|
||||||
<li><b>推送提醒</b>：每天定时提醒用户"该跑步了"，原生推送最可靠</li>
|
- **推送提醒**：每天定时提醒用户"该跑步了"，原生推送最可靠
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
::: warning ⚠️ 重要提示
|
::: warning ⚠️ 重要提示
|
||||||
任何需要<b>长时间后台运行</b>或<b>深度调用硬件</b>的应用，都应该选原生开发。
|
任何需要**长时间后台运行**或**深度调用硬件**的应用，都应该选原生开发。
|
||||||
:::
|
:::
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### 场景三：我想做一个记账软件
|
### 场景三：我想做一个记账软件
|
||||||
|
|
||||||
<el-alert title="📝 推荐：PWA 或 小程序" type="warning" :closable="false" style="margin: 16px 0;">
|
**📝 推荐：PWA 或 小程序**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>使用频率高但单次时间短</b>：每天记一笔，30 秒就完事</li>
|
- **使用频率高但单次时间短**：每天记一笔，30 秒就完事
|
||||||
<li><b>不需要复杂硬件</b>：纯数据录入和展示</li>
|
- **不需要复杂硬件**：纯数据录入和展示
|
||||||
<li><b>跨平台需求强</b>：用户可能今天用手机记，明天用电脑看报表</li>
|
- **跨平台需求强**：用户可能今天用手机记，明天用电脑看报表
|
||||||
<li><b>离线场景</b>：在地铁里没信号也想记账</li>
|
- **离线场景**：在地铁里没信号也想记账
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
PWA 可以安装到手机桌面，看起来像 App，但开发成本只有原生的 1/3。小程序则更适合中国用户。
|
PWA 可以安装到手机桌面，看起来像 App，但开发成本只有原生的 1/3。小程序则更适合中国用户。
|
||||||
|
|
||||||
@@ -329,37 +320,31 @@ PWA 可以安装到手机桌面，看起来像 App，但开发成本只有原生
|
|||||||
|
|
||||||
### 场景四：我想做一个在线教育平台
|
### 场景四：我想做一个在线教育平台
|
||||||
|
|
||||||
<el-alert title="📚 推荐：网站 + 小程序组合" type="success" :closable="false" style="margin: 16px 0;">
|
**📚 推荐：网站 + 小程序组合**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>网站负责获客</b>：课程介绍、师资展示、SEO 优化，让用户在搜索引擎找到你</li>
|
- **网站负责获客**：课程介绍、师资展示、SEO 优化，让用户在搜索引擎找到你
|
||||||
<li><b>小程序负责转化</b>：用户扫码试听、报名支付、加入学习群</li>
|
- **小程序负责转化**：用户扫码试听、报名支付、加入学习群
|
||||||
<li><b>网站负责交付</b>：视频课程在网页端播放，大屏体验更好</li>
|
- **网站负责交付**：视频课程在网页端播放，大屏体验更好
|
||||||
<li><b>小程序负责触达</b>：上课提醒、作业通知通过小程序推送</li>
|
- **小程序负责触达**：上课提醒、作业通知通过小程序推送
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
::: tip 💡 组合策略
|
::: tip 💡 组合策略
|
||||||
复杂业务往往需要<b>多平台组合</b>，而不是只选一个。
|
复杂业务往往需要**多平台组合**，而不是只选一个。
|
||||||
:::
|
:::
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### 场景五：我想做一个团队协作工具
|
### 场景五：我想做一个团队协作工具
|
||||||
|
|
||||||
<el-alert title="🤝 推荐：Electron 桌面程序 + 网页版" type="primary" :closable="false" style="margin: 16px 0;">
|
**🤝 推荐：Electron 桌面程序 + 网页版**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>桌面端</b>：用户上班开着电脑，桌面程序可以常驻后台，随时接收消息</li>
|
- **桌面端**：用户上班开着电脑，桌面程序可以常驻后台，随时接收消息
|
||||||
<li><b>网页端</b>：临时在其他电脑上用，打开浏览器就行，不用安装</li>
|
- **网页端**：临时在其他电脑上用，打开浏览器就行，不用安装
|
||||||
<li><b>系统集成</b>：桌面程序可以访问本地文件、系统通知、快捷键</li>
|
- **系统集成**：桌面程序可以访问本地文件、系统通知、快捷键
|
||||||
<li><b>一套代码</b>：Electron 用 Web 技术开发，桌面版和网页版可以复用 80% 代码</li>
|
- **一套代码**：Electron 用 Web 技术开发，桌面版和网页版可以复用 80% 代码
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
Slack、Notion、Discord 都是这么做的。
|
Slack、Notion、Discord 都是这么做的。
|
||||||
|
|
||||||
@@ -367,17 +352,14 @@ Slack、Notion、Discord 都是这么做的。
|
|||||||
|
|
||||||
### 场景六：我想做一个密码管理器
|
### 场景六：我想做一个密码管理器
|
||||||
|
|
||||||
<el-alert title="🔐 推荐：桌面程序 + 浏览器插件" type="info" :closable="false" style="margin: 16px 0;">
|
**🔐 推荐：桌面程序 + 浏览器插件**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>桌面程序</b>：安全存储密码数据库，支持指纹/面容解锁</li>
|
- **桌面程序**：安全存储密码数据库，支持指纹/面容解锁
|
||||||
<li><b>浏览器插件</b>：在网页登录时自动填充，用户不用切换窗口</li>
|
- **浏览器插件**：在网页登录时自动填充，用户不用切换窗口
|
||||||
<li><b>离线可用</b>：密码数据存在本地，不依赖网络</li>
|
- **离线可用**：密码数据存在本地，不依赖网络
|
||||||
<li><b>安全可控</b>：用户知道数据在哪，不用担心云端泄露</li>
|
- **安全可控**：用户知道数据在哪，不用担心云端泄露
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
1Password、Bitwarden 都是桌面程序 + 浏览器插件的组合。
|
1Password、Bitwarden 都是桌面程序 + 浏览器插件的组合。
|
||||||
|
|
||||||
@@ -385,17 +367,14 @@ Slack、Notion、Discord 都是这么做的。
|
|||||||
|
|
||||||
### 场景七：我想做一个内容创作平台
|
### 场景七：我想做一个内容创作平台
|
||||||
|
|
||||||
<el-alert title="✍️ 推荐：网站 + 个人博客" type="warning" :closable="false" style="margin: 16px 0;">
|
**✍️ 推荐：网站 + 个人博客**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>SEO 是生命线</b>：用户通过搜索找到你的内容，这是最大的流量来源</li>
|
- **SEO 是生命线**：用户通过搜索找到你的内容，这是最大的流量来源
|
||||||
<li><b>内容即产品</b>：文章、教程、视频，这些内容本身就是价值</li>
|
- **内容即产品**：文章、教程、视频，这些内容本身就是价值
|
||||||
<li><b>长期资产</b>：网站可以运营 10 年，社交账号随时可能被封</li>
|
- **长期资产**：网站可以运营 10 年，社交账号随时可能被封
|
||||||
<li><b>变现灵活</b>：广告、付费订阅、知识付费，网站都能承载</li>
|
- **变现灵活**：广告、付费订阅、知识付费，网站都能承载
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
Medium、知乎专栏、个人技术博客，本质都是内容平台。
|
Medium、知乎专栏、个人技术博客，本质都是内容平台。
|
||||||
|
|
||||||
@@ -403,17 +382,14 @@ Medium、知乎专栏、个人技术博客，本质都是内容平台。
|
|||||||
|
|
||||||
### 场景八：我想做一个开发者效率工具
|
### 场景八：我想做一个开发者效率工具
|
||||||
|
|
||||||
<el-alert title="🛠️ 推荐：VS Code 插件 或 命令行工具" type="primary" :closable="false" style="margin: 16px 0;">
|
**🛠️ 推荐：VS Code 插件 或 命令行工具**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>用户就在编辑器里</b>：开发者不想切换窗口，工具要融入他们的工作流</li>
|
- **用户就在编辑器里**：开发者不想切换窗口，工具要融入他们的工作流
|
||||||
<li><b>上下文感知</b>：可以读取当前代码，提供精准建议</li>
|
- **上下文感知**：可以读取当前代码，提供精准建议
|
||||||
<li><b>分发简单</b>：发布到插件市场，用户一键安装</li>
|
- **分发简单**：发布到插件市场，用户一键安装
|
||||||
<li><b>迭代快速</b>：不用等应用商店审核，当天发布当天更新</li>
|
- **迭代快速**：不用等应用商店审核，当天发布当天更新
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
Prettier、ESLint、GitHub Copilot 都是 VS Code 插件。
|
Prettier、ESLint、GitHub Copilot 都是 VS Code 插件。
|
||||||
|
|
||||||
@@ -421,17 +397,14 @@ Prettier、ESLint、GitHub Copilot 都是 VS Code 插件。
|
|||||||
|
|
||||||
### 场景九：我想做一个工业监控大屏
|
### 场景九：我想做一个工业监控大屏
|
||||||
|
|
||||||
<el-alert title="🏭 推荐：Qt 桌面应用" type="danger" :closable="false" style="margin: 16px 0;">
|
**🏭 推荐：Qt 桌面应用**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>稳定压倒一切</b>：工厂 24 小时运行，软件不能崩溃</li>
|
- **稳定压倒一切**：工厂 24 小时运行，软件不能崩溃
|
||||||
<li><b>硬件通信</b>：需要通过串口、Modbus 协议读取传感器数据</li>
|
- **硬件通信**：需要通过串口、Modbus 协议读取传感器数据
|
||||||
<li><b>实时图表</b>：压力、温度、流量，需要毫秒级刷新</li>
|
- **实时图表**：压力、温度、流量，需要毫秒级刷新
|
||||||
<li><b>工控环境</b>：工控机通常跑 Windows，Qt 兼容性最好</li>
|
- **工控环境**：工控机通常跑 Windows，Qt 兼容性最好
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
::: warning ⚠️ 工业场景
|
::: warning ⚠️ 工业场景
|
||||||
工业场景对稳定性和硬件接口的要求，是 Web 技术无法满足的。
|
工业场景对稳定性和硬件接口的要求，是 Web 技术无法满足的。
|
||||||
@@ -441,17 +414,14 @@ Prettier、ESLint、GitHub Copilot 都是 VS Code 插件。
|
|||||||
|
|
||||||
### 场景十：我想发行一个数字会员卡
|
### 场景十：我想发行一个数字会员卡
|
||||||
|
|
||||||
<el-alert title="🎫 推荐：NFT 智能合约" type="info" :closable="false" style="margin: 16px 0;">
|
**🎫 推荐：NFT 智能合约**
|
||||||
<div style="line-height: 1.8;">
|
|
||||||
<b>为什么？</b>
|
为什么？
|
||||||
<ul style="margin-top: 8px;">
|
|
||||||
<li><b>不可伪造</b>：区块链上的记录无法篡改，会员身份真实可信</li>
|
- **不可伪造**：区块链上的记录无法篡改，会员身份真实可信
|
||||||
<li><b>可转让</b>：会员卡可以转赠或二级市场交易</li>
|
- **可转让**：会员卡可以转赠或二级市场交易
|
||||||
<li><b>可编程</b>：智能合约可以自动执行权益，比如持有满一年自动升级</li>
|
- **可编程**：智能合约可以自动执行权益，比如持有满一年自动升级
|
||||||
<li><b>全球化</b>：没有国界限制，全球用户都能参与</li>
|
- **全球化**：没有国界限制，全球用户都能参与
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</el-alert>
|
|
||||||
|
|
||||||
星巴克 Odyssey、NBA Top Shot 都在用 NFT 做会员体系
|
星巴克 Odyssey、NBA Top Shot 都在用 NFT 做会员体系
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user