Web/Hybird 项目开发经历

作者分享零基础独立开发跨平台Web/Hybird项目的完整经历,涵盖前端技术学习、框架应用、组件封装、多端适配及性能优化等内容。

hi 阮大大,前段时间零基础、独立开发了一个完整的 Web/Hybird 的项目,支持 浏览器端、Android 端、iOS 端 并适配主要屏幕,并支持热更新,适配低版本安卓包内嵌TBS运行容器。大量使用、改动网络现有技术,也做了很多封装。我将这中间我所有的学习过程、开发过程作了此篇记录。应该对一些入门/考察 Web 或 Hybird 同学能有些许帮助。### 我零基础独立开发一个完整 Web/Hybird 项目的经历- 背景- 前置知识学习阶段 - HTML - JavaScript - TypeScript- 基础框架学习阶段 - React - Ionic / Capacitor - 工具库- 项目各基础设施封装 - 数据验证器 - yup - Zod - 页面路由 - 表单 - 各种“积木”工具组件的封装- 项目实际业务功能开发- 移动端本地能力适配- UI 美化- 热更新能力集成- 持续集成、自动交付- 旧版本浏览器、设备适配 - 浏览器端适配 - JavaScript 语法兼容 - JavaScript API 兼容 - 跨域 CORS 配置 - 设备端适配: 内置 Webview 内核 - 集成 TBS 的在线版本到项目中 - 将 TBS 魔改为离线集成- 性能优化- 一些想法