|
|
|
|
@ -0,0 +1,68 @@
|
|
|
|
|
# 邢远鑫第8周个人工作总结
|
|
|
|
|
|
|
|
|
|
## 本周工作概述
|
|
|
|
|
|
|
|
|
|
- 对照本周计划逐项说明:
|
|
|
|
|
|
|
|
|
|
| 计划项 | 完成情况 | 备注/原因 | 后续计划 |
|
|
|
|
|
|---|---|---|---|
|
|
|
|
|
| 界面原型优化 | 已完成 | 完成高保真原型与内部评审确认 | 根据反馈微调并固化交互规范 |
|
|
|
|
|
| Vue3 基础语法与响应式 | 已完成 | 掌握 `ref/reactive`、模板与常用指令 | 将示例沉淀到组件库范例 |
|
|
|
|
|
| 组件化开发(SFC、props/emit、插槽、生命周期) | 已完成 | 完成父子通信与复用组件实践 | 抽象 1–2 个可复用基础组件 |
|
|
|
|
|
| 核心概念(Composition API、computed、watch) | 已完成 | 在列表过滤与搜索中应用 | 整理最佳实践与注意事项 |
|
|
|
|
|
| 状态管理(了解 Pinia) | 部分完成 | 初步认知与简单 store 演示 | 下周补齐 store 设计与持久化策略 |
|
|
|
|
|
| 路由基础(vue-router) | 已完成 | 配置多页面导航与切换 | 扩展路由守卫与动态路由 |
|
|
|
|
|
| 每周实践项目 | 已完成 | 完成可运行的小型项目(Todo/列表) | 迭代功能与优化体验 |
|
|
|
|
|
| 接口定义初稿 | 已完成 | 输出核心接口列表与字段结构草案 | 与后端完善错误码与分页/筛选约定 |
|
|
|
|
|
|
|
|
|
|
- 未完成项与原因:
|
|
|
|
|
- Pinia 深入与持久化:时间安排与学习曲线;后续补充 store 设计与本地缓存策略
|
|
|
|
|
|
|
|
|
|
## 工作成果展示
|
|
|
|
|
|
|
|
|
|
- 文档/代码路径:
|
|
|
|
|
- 本周计划:`/home/devbox/project/doc/process/weekly/week-8/members/xingyuanxin-weekly-plan-8.md`
|
|
|
|
|
- 历史总结:
|
|
|
|
|
- 周7:`/home/devbox/project/doc/process/weekly/week-7/members/xingyuanxin-weekly-summary-7.md`
|
|
|
|
|
- 周6:`/home/devbox/project/doc/process/weekly/week-6/members/xingyuanxin-weekly-summary-6.md`
|
|
|
|
|
|
|
|
|
|
- 关键指标(如有):
|
|
|
|
|
|
|
|
|
|
| 指标 | 数值 |
|
|
|
|
|
|---|---|
|
|
|
|
|
| 计划投入时长 | 10.5 小时 |
|
|
|
|
|
| 学习模块覆盖 | Vue3 基础/组件/路由/响应式 |
|
|
|
|
|
| 实践项目 | 可运行最小功能集 |
|
|
|
|
|
|
|
|
|
|
- 代码片段示例:
|
|
|
|
|
|
|
|
|
|
```vue
|
|
|
|
|
<script setup>
|
|
|
|
|
import { ref, computed, watch } from 'vue'
|
|
|
|
|
|
|
|
|
|
const count = ref(0)
|
|
|
|
|
const doubled = computed(() => count.value * 2)
|
|
|
|
|
watch(count, (n, o) => console.log(`count: ${o} -> ${n}`))
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<button @click="count++">Clicked: {{ count }} (x2: {{ doubled }})</button>
|
|
|
|
|
</template>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
import { ref, onMounted, onUnmounted } from 'vue'
|
|
|
|
|
export function useMousePosition() {
|
|
|
|
|
const x = ref(0), y = ref(0)
|
|
|
|
|
const handler = e => { x.value = e.clientX; y.value = e.clientY }
|
|
|
|
|
onMounted(() => window.addEventListener('mousemove', handler))
|
|
|
|
|
onUnmounted(() => window.removeEventListener('mousemove', handler))
|
|
|
|
|
return { x, y }
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 问题与解决方案
|
|
|
|
|
|
|
|
|
|
- 学习曲线:Vue3 新概念较多 → 以官方文档为主线,配合小型示例快速验证
|
|
|
|
|
- 时间管理:每日任务饱满 → 采用时间盒与优先级排序,确保核心产出
|
|
|
|
|
- 原型评审:反馈收集不充分 → 建立评审清单与结论记录,形成标准化流程
|