1、立项原因：
在信息碎片化时代，优质内容被淹没在信息流中，用户缺乏一个简洁、优雅的灵感收集与分享平台。市面上现有的内容社区要么过于臃肿（如知乎、微博），要么偏工具型缺乏社区氛围（如备忘录、Notion）。本项目旨在打造一个轻量、精美、专注的"灵感内容社区"，让用户可以像逛画廊一样浏览优质内容，同时也能便捷地记录和分享自己的灵感瞬间，形成正向的内容生态循环。
2、行业场景与业务背景：
移动互联网内容消费已从"信息获取"进入"情绪价值"阶段，用户更倾向于浏览有共鸣、有美感的短文内容。本项目定位为"灵感垂类内容社区"，面向设计师、开发者、创作者等知识型用户群体，提供图文卡片式的轻阅读体验。业务涵盖内容浏览（首页推荐流）、内容发现（分类/搜索/标签）、内容生产（灵感发布）、内容消费管理（收藏/点赞）四大核心链路，完整覆盖了内容社区 MVP 的最小闭环。
1、具体功能模块：
① 首页推荐流：Banner 轮播展示精选灵感 + 分类快捷入口（6个一级分类）+ 最新灵感列表（无限滚动 + 下拉刷新），骨架屏加载过渡动画，卡片入场错开动画。
② 分类探索：横向滚动分类导航（10个分类），点击切换分类，按分类筛选灵感列表，分类头部展示分类 icon 和数量统计。
③ 灵感发布：表单式发布页面，支持标题（50字）、正文（500字）、分类选择（底部弹窗面板）、标签输入（逗号分隔）、配图上传（wx.chooseImage）。前端校验 + 后端持久化。
④ 收藏管理：首页/探索页卡片点击收藏（小红心动画 + 震动反馈），收藏列表页展示所有已收藏内容，空状态引导用户去发现。收藏数据通过后端 API 同步 + 本地 Storage 双写。
⑤ 搜索功能：顶部搜索入口 → 搜索页带实时联想，热门标签推荐（10个），搜索历史管理（去重 + 上限20条 + 一键清空），结果列表展示。
⑥ 个人中心：用户信息卡片 + 统计数据展示（灵感数/收藏数/获赞数/浏览数），"我的灵感"列表，设置入口。支持暗黑模式一键切换（CSS 变量主题系统）。
⑦ 暗黑模式：完整的 CSS 变量主题系统，所有页面适配亮/暗双主题，TabBar、导航栏同步切换。
2、主要功能描述：
核心是一个"灵感内容社区"，围绕内容的浏览、发现、生产、管理四个环节构建。技术侧亮点包括：自定义 TabBar（纯 CSS SVG 图标，零图片依赖）、骨架屏 + 错开动画提升感知性能、API 层自动降级（后端在线走真实数据，离线用本地模拟数据不崩溃）、30条精选种子数据预置。
1、我负责的具体任务：
全程独立完成，包括项目架构设计、前端小程序开发（7个页面 + 5个自定义组件 + 1个自定义 TabBar）、后端 API 服务搭建（Express + SQLite 数据库设计 + RESTful 接口开发）、数据层设计（前端 API 层封装 + 后端离线降级策略）、UI/UX 设计（暗黑模式 + 交互动画 + 视觉风格统一）。
2、技术栈与架构：
前端：微信小程序原生框架（WXML/WXSS/JS），自定义组件化架构，CSS Variables 主题系统，mask + SVG 实现纯 CSS 图标。
后端：Node.js + Express 4.x，sql.js（纯 JS SQLite，零原生编译依赖，Windows/Mac/Linux 跨平台兼容）。
架构：前端 API 层 (utils/api.js) 采用"优先请求后端 → 超时降级本地模拟数据"策略，后端 RESTful 架构覆盖灵感 CRUD、分类查询、收藏管理、搜索、用户统计等完整接口。
3、实现亮点与难点：
亮点一：API 自动降级机制，后端不在线时小程序完整可用，开发调试零等待。
亮点二：CSS 变量驱动主题系统，一行代码切换全站暗黑模式，所有组件和页面自动适配。
亮点三：卡片错开入场动画 + 骨架屏，从用户点击到内容展示的完整感知性能链路优化。
难点：微信小程序自定义 TabBar 的样式隔离问题（styleIsolation）、WXML 模板语法限制（不支持可选链 ?.、wx:if/wx:elif 兄弟节点约束）、SQLite 在 Windows 下的原生模块编译兼容性（最终选用 sql.js 纯 JS 方案解决）。
评论