技术演示项目
技术体系
前端技术知识结构一览
这是「云间拾光」网站涉及的技术体系，涵盖 HTML/CSS 页面构建、JavaScript 交互逻辑、数据可视化 图表展示、本地存储 数据持久化，以及 AI 辅助开发 工具应用。所有项目均为纯前端实现，数据存储于用户本地浏览器。
学习笔记
技术规划
已完成项目
血压记录工具
血压/心率录入 + 等级判断 + Chart.js 趋势图 + localStorage 存储
简易记账本
收支分类 + 月度统计 + 饼图可视化 + 数据导入/清空
UI 组件库展示
按钮、表单、开关、进度条、标签等基础组件示例
个人主页建设
项目展示 + 笔记系统 + 技术规划 + ICP 备案
技术体系思维导图
网站技术栈可视化展示，5大核心模块
进行中
学习笔记系统
独立笔记页面，三大分类，持续更新中
页面多端适配
响应式布局 + 移动端适配 + 平板端优化
计划中
TODO 待办管理
优先级标记 + 状态切换 + 截止日期
个人日历工具
月视图 + 日期事项 + 分类标签
Vue.js 框架探索
Vue 3 组合式 API，逐步重构现有项目
AI 前端技术探索
探索 AI 工具在前端学习与开发中的应用，纯个人学习研究，不涉及任何商业用途
AI 代码辅助开发
利用 AI 编程助手辅助学习，提升开发效率，纯辅助学习用途
Prompt 工程学习
学习如何与 AI 高效沟通，掌握提示词编写技巧
AI 生成代码优化
学习识别和改进 AI 生成的代码，培养代码审查能力
更新日志
站长介绍
云间拾光的站长
Web 前端开发学习者 · 专注纯前端实战项目
大家好，我是这个网站的站长。本职工作之外，我长期利用业余时间系统学习 Web 前端开发技术，从 HTML/CSS 基础到 JavaScript 编程，再到数据可视化与浏览器 API 应用，通过亲手编写实际可运行的项目来深化理解、积累经验。
建站目的：将学习成果固化为可访问的在线作品，一方面作为自己的技术备忘录，另一方面供有相同学习方向的朋友参考。网站所有项目均由我个人独立开发，代码从零编写，不使用成品模板，确保每一行代码都经过自己的思考与调试。
当前掌握的技术栈：HTML5 语义化标签与页面结构、CSS3 Flexbox / Grid 布局与动画过渡、JavaScript ES6+ 语法（箭头函数、解构赋值、Promise 等）、浏览器 localStorage / sessionStorage 数据持久化、Chart.js 数据可视化图表库。目前正在学习 Vue.js 组件化开发，计划后续将工具类项目逐步用框架重构。
网站定位：纯个人学习展示平台，所有内容为非商业性质，不涉及新闻资讯发布、用户社区互动、电商交易等经营活动。网站于 2026 年 3 月正式上线，同月完成 ICP 备案登记，遵守《互联网信息服务管理办法》及相关法律法规。
关于本站 · 声明与隐私
云间拾光 — 个人前端技术学习中心，所有内容仅供学习演示
本网站用于个人前端技术学习与研究，展示 HTML/CSS/JavaScript 技能提升成果， 不涉及商业经营、新闻发布、社交互动、专业咨询或内容分发等经营活动。
不收集信息
不采集任何用户身份、行为或设备信息
本地存储
数据仅存于您本地浏览器，不上传任何服务器
无追踪 Cookie
不使用任何追踪性 Cookie，无跨站数据共享
无第三方追踪
不集成任何第三方统计或广告脚本
免责声明：所有项目和演示仅供学习参考，数据存于本地浏览器，不收集任何个人信息。"按原样"提供，不承担使用后果的法律责任。