Skip to content

Commit 4f1c192

Browse files
capykyocapykyo
authored
Merge pull request #7 from ubdmf/main
docs: 新增软件工程师高级笔记，包括项目管理概述和十五至尊图
2 parents f3cee57 + cd52dde commit 4f1c192

6 files changed

Lines changed: 486 additions & 12 deletions

File tree

‎docs/.vitepress/theme/custom.css‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,3 +26,124 @@
2626
body {
2727
font-family: var(--lxgw-font);
2828
}
29+
30+
/* 重要信息 - 突出显示关键内容 */
31+
.important {
32+
background-color: #ffebee;
33+
color: #c62828;
34+
border-left: 4px solid #c62828;
35+
padding: 12px 16px;
36+
margin: 16px 0;
37+
}
38+
39+
/* 补充信息 - 为主要内容提供额外上下文 */
40+
.supplementary {
41+
background-color: #e8f5e9;
42+
color: #2e7d32;
43+
border-left: 4px solid #2e7d32;
44+
padding: 12px 16px;
45+
margin: 16px 0;
46+
}
47+
48+
/* 提示信息 - 提供有用建议或小技巧 */
49+
.tip {
50+
background-color: #e3f2fd;
51+
color: #1565c0;
52+
border-left: 4px solid #1565c0;
53+
padding: 12px 16px;
54+
margin: 16px 0;
55+
}
56+
57+
/* 警告信息 - 强调潜在问题或需要注意的风险 */
58+
.warning {
59+
/* background-color: #fff3e0; */
60+
color: #e65100;
61+
/* border-left: 4px solid #e65100;
62+
padding: 12px 16px;
63+
margin: 16px 0; */
64+
}
65+
66+
/* 错误信息 - 标识错误或不应该遵循的做法 */
67+
.error {
68+
/* background-color: #ffcdd2; */
69+
color: #b71c1c;
70+
/* border-left: 4px solid #b71c1c;
71+
padding: 12px 16px;
72+
margin: 16px 0; */
73+
}
74+
75+
/* 成功信息 - 标识正确做法或成功结果 */
76+
.success {
77+
/* background-color: #c8e6c9; */
78+
color: #1b5e20;
79+
/* border-left: 4px solid #1b5e20;
80+
padding: 12px 16px;
81+
margin: 16px 0; */
82+
}
83+
84+
/* 示例信息 - 提供实例说明 */
85+
.example {
86+
/* background-color: #f3e5f5; */
87+
color: #6a1b9a;
88+
/* border-left: 4px solid #6a1b9a;
89+
padding: 12px 16px;
90+
margin: 16px 0; */
91+
}
92+
93+
/* 定义信息 - 术语解释或概念定义 */
94+
.definition {
95+
/* background-color: #e0f7fa; */
96+
color: #00838f;
97+
/* border-left: 4px solid #00838f;
98+
padding: 12px 16px;
99+
margin: 16px 0; */
100+
}
101+
102+
/* 引用信息 - 引述文献或他人观点 */
103+
.quote {
104+
/* background-color: #f5f5f5; */
105+
color: #424242;
106+
/* border-left: 4px solid #9e9e9e; */
107+
font-style: italic;
108+
/* padding: 12px 16px;
109+
margin: 16px 0; */
110+
}
111+
112+
/* 注意信息 - 一般需要注意的事项 */
113+
.note {
114+
/* background-color: #e8eaf6; */
115+
color: #3949ab;
116+
/* border-left: 4px solid #3949ab;
117+
padding: 12px 16px;
118+
margin: 16px 0; */
119+
}
120+
121+
/* 关键词标签 - 突出显示关键术语 */
122+
.keyword {
123+
display: inline-block;
124+
/* background-color: #eceff1; */
125+
color: #455a64;
126+
border-radius: 4px;
127+
padding: 2px 6px;
128+
font-weight: 500;
129+
}
130+
131+
.warning_underline {
132+
border-bottom: 1px solid #e65100;
133+
}
134+
135+
.text-center {
136+
text-align: center;
137+
}
138+
139+
140+
141+
.vp-doc table {
142+
display: inline-block; /* 改为 inline-block 以便居中 */
143+
border-collapse: collapse;
144+
margin: 20px auto; /* 上下 20px，左右自动居中 */
145+
overflow-x: auto; /* 保持横向滚动 */
146+
position: relative;
147+
left: 50%;
148+
transform: translateX(-50%);
149+
}

‎docs/笔记/React笔记/P-React原理.md‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
---
2+
layout: doc
3+
title: React 原理
4+
description: React 原理
5+
data: 2025-03-07
6+
head:
7+
- - meta
8+
- name: keywords
9+
content: React 原理
10+
---
11+
12+
# React 原理
13+
14+
## 虚拟 DOM
15+
16+
> Virtual DOM 就是用 JavaScript 对象去描述一个 DOM 结构，虚拟 DOM 不是直接操作浏览器的真实 DOM.
17+
> 而是首先对 U 的更新在虚拟 DOM 中进行，再将变更高效地同步到真实 DOM 中。
18+
19+
### 优点
20+
21+
1. 性能优化:直接操作真实 DOM 是比较昂贵的，尤其是当涉及到大量节点更新时，虚拟 DOM 通过减少不必要的 DOM 操作，主要体现在 diff 算法的复用操作，其实也提升不了多少性能。
22+
2. 跨平台性:虚拟 DOM 是一个与平台无关的概念，它可以映射到不同的渲染目标，比如浏览器的 DOM 或者移动端(React Native)的原生 UI。
23+
24+
## 动手构建一个虚拟 DOM
25+
26+
需要准备：
27+
28+
1. bable / swc
29+
2. index.html
30+
3. react.js
31+
32+
编译顺序：
33+
34+
jsx/tsx -> babel/swc/esbuild -> React.createElement -> 虚拟 DOM 对象

‎docs/笔记/React笔记/list.md‎

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
# 目录
22

3-
1. [2025-03-06 Babel 和 SWC](./A-Babel编译.md)
4-
2. [2025-03-06 React 启动！](./A-React启动！.md)
5-
3. [2025-03-06 React 组件](./C-组件.md)
6-
4. [2025-03-06 useContext](./H-useContext.md)
7-
5. [2025-03-06 useEffect](./H-useEffect.md)
8-
6. [2025-03-06 useImperativeHandle](./H-useImperativeHandle.md)
9-
7. [2025-03-06 useLayoutEffect](./H-useLayoutEffect.md)
10-
8. [2025-03-06 useReducer](./H-useReducer.md)
11-
9. [2025-03-06 useRef](./H-useRef.md)
12-
10. [2025-03-06 useState](./H-useState.md)
13-
11. [2025-03-06 useSyncExternalStore](./H-useSyncExternalStore.md)
14-
12. [2025-03-06 useTransition - useDeferredValue](./H-useTransition-useDeferred.md)
3+
1. [2025-03-07 React 原理](./P-React原理.md)
4+
2. [2025-03-06 Babel 和 SWC](./A-Babel编译.md)
5+
3. [2025-03-06 React 启动！](./A-React启动！.md)
6+
4. [2025-03-06 React 组件](./C-组件.md)
7+
5. [2025-03-06 useContext](./H-useContext.md)
8+
6. [2025-03-06 useEffect](./H-useEffect.md)
9+
7. [2025-03-06 useImperativeHandle](./H-useImperativeHandle.md)
10+
8. [2025-03-06 useLayoutEffect](./H-useLayoutEffect.md)
11+
9. [2025-03-06 useReducer](./H-useReducer.md)
12+
10. [2025-03-06 useRef](./H-useRef.md)
13+
11. [2025-03-06 useState](./H-useState.md)
14+
12. [2025-03-06 useSyncExternalStore](./H-useSyncExternalStore.md)
15+
13. [2025-03-06 useTransition - useDeferredValue](./H-useTransition-useDeferred.md)

‎docs/笔记/软件工程师高级/信息系统项目管理师/1-十五至尊图.md‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
layout: doc
3+
title: 1.十五至尊图
4+
description: 十五至尊图和记忆方法
5+
data: 2025-03-07
6+
head:
7+
- - meta
8+
- name: keywords
9+
content: 十五至尊图, 记忆方法
10+
---
11+
12+
# 1.十五至尊图
13+
14+
> 10 大知识领域，5 大过程组，共 49 个过程
15+
16+
| 知识领域 | 启动过程组 | 规划过程组 | 执行过程组 | 监控过程组 | 收尾过程组 |
17+
| ------------------------------------------------------------------ | ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------- | --------------------------------------------- |
18+
| <span class="warning">**第八章：整合管理**</span> <br>原：整体管理 | 制定项目章程 | 制订项目管理计划 | 指导与管理项目工作<br><span class="warning">管理项目知识（新增）</span> | 监控项目工作<br>实施整体变更控制 | 结束项目或阶段 |
19+
| **第九章：范围管理** | | 规划范围管理<br>收集需求<br>定义范围<br>创建 WBS<br>规划进度管理<br>定义活动<br>排列活动顺序<br><span class="warning">估算活动资源（删除）</span><br>估算活动持续时间<br>制订进度计划 | | 确认/核实范围<br>控制范围 | |
20+
| **第十章：进度管理** | | | | 控制进度 | |
21+
| **第十一章：成本管理** | | 规划成本管理<br>估算成本<br>制定预算 | | 控制成本 | |
22+
| **第十二章：质量管理** | | 规划质量管理 | <span class="warning">管理质量</span><br>原：实施质量保证 | 控制质量 | |
23+
| **第十三章：资源管理** <br>原：人力资源管理 | | 规划资源管理<br>估算活动资源 | 获取资源<br>建设团队<br>管理团队 | <span class="warning">控制资源</span> | |
24+
| **第十四章：沟通管理** | | 规划沟通管理 | 管理沟通 | 监督沟通 | |
25+
| **第十五章：风险管理** | | 规划风险管理<br>识别风险<br>实施定性风险分析<br>实施定量风险分析<br>规划风险应对 | <span class="warning">实施风险应对（新增）</span> | <span class="warning">监督风险</span><br>原：控制风险 | |
26+
| **第十六章：采购管理** | | 规划采购管理 | 实施采购 | 控制采购 | <span class="warning">结束采购（删除）</span> |
27+
| **第十七章：干系人管理** | 识别干系人 | 规划干系人参与 | 管理干系人参与 | 监督干系人参与 | |
28+
29+
<span class="supplementary">红字标记表示与老版教材的对照</span>
30+
31+
记忆方法：
32+
33+
1. 启动过程组：章程 + 人
34+
2. 执行过程组：管理 + 实施 + 获取 + 团队
35+
3. 监控过程组：监督 + 控制 + 确认 / 核实
36+
4. 收尾过程组：结束
37+
5. 规划过程组：排除法 - 排除前面 4 个过程组，剩下都是规划过程组
38+
39+
实际过程：
40+
41+
1. 启动过程组：章程 + 人
42+
2. 规划过程组：排除法 - 排除前面 1 个过程组，剩下都是规划过程组
43+
3. 执行过程组：管理 + 实施 + 获取 + 团队
44+
4. 监控过程组：监督 + 控制 + 确认 / 核实
45+
5. 收尾过程组：结束

0 commit comments

Comments
 (0)