From ffeb23b50b3f231ff30d863abcf39461dbe7551e Mon Sep 17 00:00:00 2001 From: hnu202326010131 <2950457847@qq.com> Date: Sun, 9 Nov 2025 11:34:17 +0000 Subject: [PATCH] docs(weekly): add xingyuanxin week-7 summary and week-8 plan --- .../members/xingyuanxin-weekly-summary-7.md | 155 ++++++++++++++++ .../members/xingyuanxin-weekly-plan-8.md | 169 ++++++++++++++++++ 2 files changed, 324 insertions(+) create mode 100644 doc/process/weekly/week-7/members/xingyuanxin-weekly-summary-7.md create mode 100644 doc/process/weekly/week-8/members/xingyuanxin-weekly-plan-8.md diff --git a/doc/process/weekly/week-7/members/xingyuanxin-weekly-summary-7.md b/doc/process/weekly/week-7/members/xingyuanxin-weekly-summary-7.md new file mode 100644 index 0000000..d5a19ee --- /dev/null +++ b/doc/process/weekly/week-7/members/xingyuanxin-weekly-summary-7.md @@ -0,0 +1,155 @@ +# 邢远鑫第7周个人工作总结 + +## 基本信息 +- **姓名**: 邢远鑫 +- **总结周期**: 第7周(2025-11-03 至 2025-11-09) +- **项目**: 大模型数据平台故障检测项目 +- **总结时间**: 2025-11-10 + +## 本周工作完成情况 + +### 完成情况统计表 +| 任务项目 | 计划目标 | 实际完成 | 完成状态 | 完成度 | +|----------|----------|----------|----------|--------| +| CSS深入学习 | 完成CSS基础、布局(Flexbox/Grid)、选择器与过渡 | 基础、布局与高级选择器均完成,含练习页面 | ✅ 已完成 | 95% | +| JavaScript基础入门 | 掌握语法、数据类型、运算、条件与简单DOM交互 | 完成入门与交互练习,巩固示例代码 | ✅ 已完成 | 90% | +| CSS综合项目 | 完成「个人名片」示例并优化响应式与过渡效果 | 页面完成并适配移动端,样式结构清晰 | ✅ 已完成 | 95% | +| 学习总结与Vue.js初体验 | 输出周总结并初识Vue3核心概念 | 完成总结与示例演示,理解基本理念 | ⚠️ 部分完成 | 85% | +| 综合练习与成果整理 | 整理本周练习代码与展示材料 | 练习代码归档、文档整理完成 | ✅ 已完成 | 90% | + +**个人整体完成度:92%** + +## 具体完成任务 + +### 1. CSS基础与布局(周一-周三) +- **完成情况**: 系统掌握CSS语法、盒模型、文本样式;完成Flexbox与响应式入门;掌握Grid与高级选择器;完成综合练习与小项目搭建。 +- **技术成果**: + - 基本选择器与高级选择器(后代、子、相邻兄弟、属性选择器、伪类/伪元素)练习代码 + - 盒模型与文本样式示例页面(含字体配置、对齐与颜色设置) + - Flexbox常见布局(导航栏、卡片排列、水平居中)与媒体查询响应式示例 + - Grid基础网格与卡片网格练习页面,掌握网格线、区域与定位 + - 完成「个人名片」页面(含过渡效果与基础响应式) + +### 2. JavaScript基础(周四-周五) +- **完成情况**: 完成JavaScript初体验、变量与数据类型、基础运算、条件判断与简单的DOM交互。 +- **技术成果**: + - 初体验:`console.log`、基础数学计算与语法体验 + - 变量与数据类型:`var`/`let`、字符串与数字操作、布尔值与简单逻辑 + - 基础运算与条件:运算符练习、字符串拼接、`if` 判断、比较运算符示例 + - DOM交互:`getElementById` 与 `innerHTML` 修改示例、简单交互页面 + +### 3. 综合练习与成果整理(周六-周日) +- **完成情况**: 巩固本周CSS与JS知识,完善示例页面与练习代码,输出学习笔记与展示材料。 +- **技术成果**: + - 完成计算器与表单校验的基础练习 + - 对「个人名片」页面进行样式细化与移动端适配优化 + - 输出学习总结与Vue.js初识笔记,整理代码与截图,形成展示材料 + +## 遇到的问题及解决方案 + +### 问题1: Flexbox交叉轴理解偏差 +- **问题描述**: 部分布局在调整主轴/交叉轴后出现对齐异常。 +- **根本原因**: 对 `flex-direction` 与交叉轴关系理解不足。 +- **解决方案**: 系统复习主轴/交叉轴概念;使用调试工具逐项验证 `align-items`/`justify-content`;为复杂布局拆分容器层级。 +- **解决状态**: ✅ 已解决 + +### 问题2: DOM选择与事件绑定混淆 +- **问题描述**: 不同选择方式与事件监听在更换元素结构后失效。 +- **根本原因**: 选择器范围与事件委托理解不充分。 +- **解决方案**: 区分 `getElementById`、`querySelector` 与委托模式;对动态元素场景采用事件委托;编写小型示例验证选择与监听策略。 +- **解决状态**: ✅ 已解决 + +### 问题3: Grid区域命名与布局复用困难 +- **问题描述**: 网格区域命名重复导致布局难以复用。 +- **根本原因**: 布局规划不足、区域命名不统一。 +- **解决方案**: 统一区域命名规范;提前绘制网格草图;将常用网格抽取为模板,减少重复定义。 +- **解决状态**: ✅ 已解决 + +## 未完成任务及原因分析 + +### 1. Vue.js深入理解(完成度85%) +- **未完成部分**: 仅完成初识,`computed`/`watch` 与组件化尚未实践。 +- **原因分析**: 时间优先在CSS与JS基础夯实;Vue相关内容安排到下周系统学习。 +- **改进措施**: 下周制定Vue学习路径(响应式、组件、路由与状态管理基础)。 + +### 2. 响应式设计在复杂网格的适配(完成度90%) +- **未完成部分**: 对多断点和复杂内容的优先级展示仍需优化。 +- **原因分析**: 实例覆盖面不够,缺少更复杂页面的综合练习。 +- **改进措施**: 下周通过小项目补齐复杂布局场景并完善断点策略。 + +## 学习收获与个人成长 + +### 技术能力提升 +1. **CSS工程化意识**: 从选择器规范到布局规划,样式结构更加可控。 +2. **响应式设计**: 掌握媒体查询与移动端优先思想,能在小项目中落地。 +3. **JavaScript基础**: 熟悉变量、运算与基本逻辑,能实现最基础的交互。 +4. **前端实践**: 通过项目练习将理论转化为可复用的页面模块。 + +### 项目管理与习惯 +1. **时间盒管理**: 按小时明确学习主题与产出物。 +2. **复盘机制**: 每日晚做简要记录,周末集中整理成果与问题。 +3. **文档意识**: 形成学习笔记与展示材料,便于后续复用与分享。 + +### 个人反思与改进 +1. **时间估算**: 高估了部分练习的进度,需要预留缓冲时间。 +2. **示例深度**: 基础练习充足,但综合场景需要更贴近实际页面。 +3. **知识迁移**: 将CSS/JS基础加速迁移到组件化与框架实践。 + +## 技术亮点与实践 + +### 亮点 +1. **布局模板化**: 将常用Flex/Grid布局沉淀为可复用片段。 +2. **交互最小闭环**: 练习从选择器到事件绑定的完整交互闭环。 +3. **展示材料**: 形成包含代码+截图的轻量展示包,便于团队共享。 + +### 量化成果 +- 练习页面:10个以上(基础样式、布局、交互) +- 练习代码:约 800 行(含CSS与JS示例) +- 学习笔记:1份(CSS/JS本周总结与Vue初识) + +## 下周工作计划 + +### 主要任务 +1. **JavaScript深入学习**: 函数、作用域与闭包;数组/对象常用方法;ES6语法实战。 +2. **DOM与事件系统**: 事件监听与委托、表单校验与交互细节。 +3. **Vue.js入门**: 响应式数据、计算属性与侦听器、组件化与生命周期。 +4. **小项目实践**: 选择「Todo List」或「小型展示页」完成从设计到实现。 + +### 具体安排 +- **周一-周二**: JS函数与数据结构深入;map/filter/reduce练习。 +- **周三**: DOM与事件委托;表单校验与动态渲染。 +- **周四-周五**: Vue3基础;组件与父子通信、计算属性/侦听器。 +- **周六**: 综合小项目第一版;完成核心功能与样式。 +- **周日**: 复盘与完善;输出学习总结与项目说明文档。 + +### 质量目标 +- 保持代码规范与清晰注释;交互稳定且无明显缺陷。 +- JS练习覆盖核心API;Vue示例完成组件化最小闭环。 +- 小项目具备基础的交互、样式与数据持久化(如localStorage)。 + +## 团队协作表现 +1. 每日同步学习进展与问题清单。 +2. 分享布局模板与交互示例,供团队参考与复用。 +3. 就Vue入门路线征求团队建议,优化学习路径。 + +## 下周重点关注 + +### 技术重点 +1. **JS进阶**: 函数与闭包、数组/对象方法、ES6实践。 +2. **Vue基础**: 响应式、组件、生命周期与简单路由认知。 +3. **交互质量**: 事件委托与表单校验的稳定性与可维护性。 + +### 个人发展 +1. **工程化意识**: 逐步引入结构化代码与可复用模块。 +2. **知识系统化**: 将零散练习沉淀为体系化笔记与模板。 +3. **表达与分享**: 输出简洁易读的学习总结与示例说明。 + +## 项目贡献总结 +1. 完成前端基础能力夯实,为后续框架学习与项目页面实现打底。 +2. 沉淀布局与交互模板,提升团队在基础页面搭建上的效率。 +3. 形成可复用的练习与展示材料,为团队知识库提供素材。 + +--- +**总结完成时间**: 2025-11-10 +**下周重点任务**: JavaScript深入学习与Vue.js框架入门 +**个人评价**: 本周在CSS与JavaScript基础方面按计划完成巩固与实践,为下周的框架学习与小项目打下了良好基础,学习节奏平稳、产出明确。 \ No newline at end of file diff --git a/doc/process/weekly/week-8/members/xingyuanxin-weekly-plan-8.md b/doc/process/weekly/week-8/members/xingyuanxin-weekly-plan-8.md new file mode 100644 index 0000000..4da52a7 --- /dev/null +++ b/doc/process/weekly/week-8/members/xingyuanxin-weekly-plan-8.md @@ -0,0 +1,169 @@ +# 邢远鑫第8周详细工作计划 + +## 基本信息 +- **姓名**: 邢远鑫 +- **计划周期**: 第8周(2025-11-10 至 2025-11-16) +- **项目**: 大模型数据平台故障检测项目 +- **计划制定时间**: 2025-11-10 +- **工作时间**: 每天19:00-22:00(3小时/天,共21小时) + +## 本周核心目标 + +### 主要任务概览 +延续第7周基础巩固成果,聚焦**JavaScript进阶**与**Vue.js入门**,通过小项目实践形成从原生交互到组件化的最小闭环,为后续页面功能开发打好基础。 + +### 核心目标 +1. **JavaScript进阶**: 掌握函数、作用域与闭包,数组/对象常用方法,ES6核心语法;完成针对性练习。 +2. **DOM与事件系统**: 掌握事件监听与委托、表单校验与交互细节;实现稳定的交互模块。 +3. **Vue.js入门**: 掌握响应式数据、计算属性与侦听器、组件化与生命周期;完成基础组件示例。 +4. **小项目实践**: 完成一个「Todo List」或「展示页」的第一版,实现基本功能、样式与数据持久化(`localStorage`)。 + +### 质量目标 +- 代码规范与注释清晰,交互稳定、无明显缺陷。 +- JS练习覆盖数组/对象与ES6常用API,函数与闭包用法准确。 +- Vue示例完成组件化最小闭环:父子通信、计算属性/侦听器、生命周期。 +- 小项目具备可用性与可读性,为后续扩展留接口。 + +--- + +## 周一(2025-11-10) +**主题:JS函数与作用域** + +### 19:00-20:00:函数基础与参数 +- **学习任务**:函数声明/表达式、参数与返回值、纯函数思想。 +- **产出**:函数练习片段与示例说明。 + +### 20:00-21:00:作用域与闭包 +- **学习任务**:词法作用域、闭包应用、常见陷阱(循环与闭包)。 +- **产出**:闭包练习与使用场景记录。 + +### 21:00-22:00:ES6函数增强 +- **学习任务**:箭头函数、默认参数、剩余参数、解构传参。 +- **产出**:函数与ES6综合练习代码。 + +--- + +## 周二(2025-11-11) +**主题:数组与对象进阶** + +### 19:00-20:00:数组常用方法 +- **学习任务**:`map/filter/reduce/some/every` 等方法与实战。 +- **产出**:针对性练习与性能对比笔记。 + +### 20:00-21:00:对象与解构/展开 +- **学习任务**:对象遍历、浅/深拷贝、解构与展开语法。 +- **产出**:对象操作练习与常见坑记录。 + +### 21:00-22:00:模块化与组织 +- **学习任务**:模块化思维、代码组织与复用、简单工具函数库。 +- **产出**:工具函数片段与使用示例。 + +--- + +## 周三(2025-11-12) +**主题:DOM与事件系统** + +### 19:00-20:00:事件监听与委托 +- **学习任务**:事件模型、`addEventListener`、事件委托、常见交互模式。 +- **产出**:委托示例(列表、表单、动态元素)。 + +### 20:00-21:00:表单校验与交互细节 +- **学习任务**:基础校验、错误提示、可用性与可访问性考虑。 +- **产出**:表单校验模块与可复用片段。 + +### 21:00-22:00:综合交互练习 +- **学习任务**:将事件委托与校验组合到一个示例页面。 +- **产出**:交互练习页面与笔记。 + +--- + +## 周四(2025-11-13) +**主题:Vue3基础入门** + +### 19:00-20:00:响应式与模板 +- **学习任务**:响应式数据、模板语法、指令(`v-bind/v-on/v-if/v-for`)。 +- **产出**:基础示例页面与笔记。 + +### 20:00-21:00:计算属性与侦听器 +- **学习任务**:`computed` 与 `watch` 使用场景与对比。 +- **产出**:示例组件与性能注意点记录。 + +### 21:00-22:00:组件与生命周期 +- **学习任务**:组件注册、props/emit、生命周期钩子;父子通信最小闭环。 +- **产出**:两到三个基础组件示例。 + +--- + +## 周五(2025-11-14) +**主题:Vue综合练习** + +### 19:00-20:00:组合小示例 +- **学习任务**:组合多个基础组件形成简单页面。 +- **产出**:示例页面与复盘笔记。 + +### 20:00-21:00:路由基础(了解) +- **学习任务**:初识 `vue-router` 的核心概念与简单路由。 +- **产出**:路由最小示例(单页两路由)。 + +### 21:00-22:00:状态管理(了解) +- **学习任务**:初识 `pinia` 或 `vuex` 的基本使用场景。 +- **产出**:简单状态管理示例与笔记。 + +--- + +## 周六(2025-11-15) +**主题:小项目实践(第一版)** + +### 19:00-20:00:需求与设计 +- **学习任务**:明确功能与页面结构,确定数据模型与交互流程。 +- **产出**:需求草案与原型草图。 + +### 20:00-21:00:功能实现 +- **学习任务**:实现核心功能(新增/编辑/删除/筛选或展示)。 +- **产出**:功能页面与核心组件。 + +### 21:00-22:00:样式与持久化 +- **学习任务**:完善样式与响应式,接入 `localStorage` 持久化。 +- **产出**:项目第一版与说明文档。 + +--- + +## 周日(2025-11-16) +**主题:复盘与完善** + +### 自主学习与优化 +- **学习任务**:修复缺陷与优化交互,补充文档与演示材料。 +- **产出**:复盘总结与展示材料,制定第9周学习计划初稿。 + +--- + +## 风险评估与应对策略 +- **时间管理风险**:为复杂练习预留缓冲;必要时简化示例以保证闭环。 +- **知识迁移风险**:从原生JS到Vue组件化需适应;通过小步快跑与对比笔记降低成本。 +- **复杂交互风险**:事件委托与表单校验易出错;建立可复用片段与测试用例。 + +## 学习资源与参考资料 +- MDN Web Docs(JavaScript/DOM) +- Vue.js 3 官方文档与示例 +- Runoob/W3School 入门教程(查漏补缺) + +## 预期成果与交付物 + +### 主要交付物 +| 类别 | 交付物 | 具体内容 | +|------|--------|----------| +| **JS进阶练习** | 函数/闭包与数组/对象练习 | 练习片段与说明,覆盖常用API | +| **DOM交互模块** | 事件委托与表单校验 | 可复用片段与示例页面 | +| **Vue基础示例** | 组件与生命周期练习 | 基础组件2-3个,含父子通信与计算属性 | +| **小项目第一版** | Todo或展示页 | 基本功能、样式与持久化实现 | + +### 质量标准 +- 代码结构清晰、可维护;示例具备复用价值。 +- 交互无明显缺陷;示例覆盖核心知识点。 +- 小项目可演示,具备基础的用户体验与文档。 + +--- +**计划制定时间**: 2025-11-10 +**计划执行周期**: 2025-11-10 至 2025-11-16 +**下周重点**: Vue.js基础与小项目闭环 +**个人目标**: 在保证质量的前提下完成从原生到组件化的过渡 \ No newline at end of file