DEV Community
·
构建无框架、离线优先的跨平台应用
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
本文介绍了一个离线优先、跨平台的无框架Web应用，旨在比较各国燃料价格。用户可通过更新价格获得积分，应用需具备用户管理、燃料站管理和多语言支持等功能。技术上，使用PouchDb存储数据，结合原生Web组件和TypeScript，采用MVVM模式和Bootstrap 5.3实现响应式设计，最后使用vitejs作为开发服务器。
🎯
关键要点
- 本文介绍了一个离线优先、跨平台的无框架Web应用，旨在比较各国燃料价格。
- 用户可通过更新价格获得积分，例如每日登录+10积分，更新燃料站价格+100积分。
- 业务需求包括用户管理模块、燃料站管理模块、现代主题支持和多语言支持。
- 技术需求包括离线优先、跨平台支持和不使用任何框架。
- 应用将使用PouchDb存储数据，前端采用原生Web组件和TypeScript。
- 数据绑定将使用MVVM模式，响应式设计将使用Bootstrap 5.3。
- 翻译功能将采用自定义方法，开发服务器将使用vitejs。
➡️
