本项目是一个面向编程初学者的微信小程序学习平台，名为 Code Pocket。立项原因在于当前编程入门学习存在碎片化、门槛高的痛点——初学者面
对大量在线教程往往不知从何学起，缺乏系统化的学习路径和即时反馈机制。本项目旨在为零基础用户提供 HTML/CSS、JavaScript、Python
三门核心语言的结构化课程，将知识点拆分为小模块，配合互动练习和即时测验，解决编程入门"学了就忘、缺乏练习"的产品问题。目标用户为编
程新手、在校学生以及想利用碎片时间复习的开发者，覆盖从网页结构到脚本编程的完整学习场景。
项目包含以下具体功能模块：
- 首页模块：展示推荐学习路径（HTML→JavaScript→Python）、课程卡片、编程行业快讯、推荐阅读书单，以及核心数据统计（语言数、模块数、
练习数）
- 课程目录模块：支持按"全部/前端/编程思维"分类筛选课程，展示课程标题、时长、章节数和标签
- 课程详情模块：展示课程完整信息、学习进度条、章节列表，支持章节解锁机制（前一章测验通过才解锁下一章）
- 章节学习模块：包含知识点讲解（学习笔记、核心概念）、语法模板与示例代码、运行效果预览、在线代码练习场（支持 HTML/JS/Python
实时运行）、章节选择题测验（10 题 100 分，80 分以上通过）
- 个人中心模块：微信登录认证、学习进度统计、课程完成记录、最近学习记录、学习数据清空功能
- 后端服务模块：Flask 服务器提供微信登录接口、每日编程快讯 API（按日期轮换）、推荐书籍 API
技术栈：前端使用微信小程序原生框架（WXML + WXSS + JavaScript），后端使用 Python Flask 提供 RESTful
API，数据存储采用微信本地缓存（wx.setStorageSync），无需云开发即可独立运行。
架构设计：项目采用清晰的分层架构——data/ 层存放课程数据，utils/ 层封装业务逻辑（学习进度管理、测验引擎、在线编程沙箱、API
请求），pages/ 层负责页面渲染和用户交互，server/ 层提供后端接口。各层职责分明，数据驱动视图。
实现亮点：
- 自研了在线代码沙箱（playground.js），在小程序端实现了 HTML 实时渲染、JavaScript 和 Python
的解释执行，支持变量、函数、循环、条件判断等语法
- 测验引擎能根据课程知识点自动生成 10 道选择题，包含代码输出、语法纠错、填空等多种题型，无需手动出题
- 章节渐进解锁机制确保学习顺序，80 分及格线保证学习质量
实现难点：在小程序受限环境中实现代码解释器是最大挑战，需要自行解析 JavaScript/Python
的语法树、处理变量作用域、函数调用栈和嵌套表达式求值，同时保证运行安全性（不使用 eval）。
评论