update

articles/demo.md

@@ -12,18 +12,7 @@ function func(a, b) {
 }
 ```
 
-[mermaid API](https://mermaid.js.org/config/setup/modules/mermaidAPI.html)
-
-<pre class="mermaid">
-    graph TD
-    A[Client] --> B[Load Balancer]
-    B --> C[Server01]
-    B --> D[Server02]
-</pre>
-<pre class="mermaid">
-flowchart LR
-  A --> B
-</pre>
+- [mermaid](/articles/mermaid.md)
 
 [What's In A Class?] [1]
 

articles/mermaid.md

@@ -0,0 +1,28 @@
+# [Mermaid](https://mermaid.js.org/)
+
+- [集成社区](https://mermaid.js.org/ecosystem/integrations-community.html)
+
+- [mermaid API](https://mermaid.js.org/config/setup/modules/mermaidAPI.html)
+
+<pre class="mermaid">
+    graph TD
+    A[Client] --> B[Load Balancer]
+    B --> C[Server01]
+    B --> D[Server02]
+</pre>
+
+<pre class="mermaid">
+flowchart LR
+  A --> B
+</pre>
+
+<pre class="mermaid">
+%%{init: { "theme": "forest" } }%%
+graph TD
+A(Forest) --> B[/Another/]
+A --> C[End]
+  subgraph section
+  B
+  C
+  end
+</pre>

cg/mesh/shader.geometry.md

@@ -0,0 +1,2 @@
+# Tessellation
+

cg/mesh/shader.tessellation.md

@@ -0,0 +1,17 @@
+# Tessellation
+
+Tessellation is the process of breaking a high-order primitive (which is known as a
+patch in OpenGL) into many smaller, simpler primitives such as triangles for rendering.
+
+The process of breaking down a complex polygon or analytic surface into
+a mesh of convex polygons. This process can also be applied to separate a complex
+curve into a series of less complex lines.
+
+## Tessellation control shader
+A shader that runs before fixed-function tessellation
+occurs. It executes once per control point in a patch primitive and produces
+tessellation factors and a new set of control points as an output primitive
+
+## Tessellation evaluation shader
+A shader that runs after fixed-function tessellation
+occurs. It executes once per vertex generated by the tessellator

cg/shader.md

@@ -55,6 +55,9 @@ function renderSequence(passSequence) {
 
 ## GLSL- Shader
 
+[Tessellation](/cg/mesh/shader.tessellation.md)
+[Geometry](/cg/mesh/shader.geometry.md)
+
 着色器是一种可编程的渲染管线，与其他编程语言一样，先对源码编译Compile再链接Link最后生成Program。Shader是提供给GPU运行的程序，特点就是并行处理相同的逻辑不同的数据。着色器类型有
 
 - VertexShader，逐顶点运算的持续，每个顶点都会执行一次，顶点运算过程中无法获取其他顶点的数据。典型的顶点运算有坐标变换(由模型坐标转换到归一化坐标系)、逐顶点光照等。数据输入主要是

dev-note/cmd.md

@@ -14,4 +14,6 @@
 - netstat -ano | findstr 3000 查看端口是否被占
 - tasklist
 - taskkill /f /t /im 9340
-- taskkill /IM "xxx.exe" /F
+- taskkill /IM "xxx.exe" /F
+- wmic process where ProcessId=1024 get ParentProcessId 获取父进程ID
+- wmic process where name="xxx.exe" call terminate

exercises/math.secondary.md

@@ -23,6 +23,15 @@ $$
 (2) \text{连接}CF,DF,\text{用等式表示}CF,DF\text{之间的数量关系，并证明。}
 $$
 
+![2024-6-6](/images/geogebra/geogebra-2024-6-6.png)
+
+解体：(1a)
+
+$\text{作}EF \perp AE \text{交}AM\text{于点}F$
+
+(1b)
+
+
 
 [参考来源](https://mp.weixin.qq.com/s/1qPL3lE5eBai-V0VP8o_0Q)
 

index.mjs

@@ -115,6 +115,7 @@ function catchAllTagLink() {
 // 获取所有
 ud.cacheUrls = [];
 catchAllTagLink();
-fetch('/articles/demo.md').then(res=>res.text()).then(text=>{
-    toHtmlData(document.getElementById('content'), text);
+fetch('/articles/demo.md').then(res=>res.text()).then(async(text)=>{
+    await toHtmlData(document.getElementById('content'), text);
+    catchAllTagLink();
 })

web/framework.md

@@ -1,9 +1,14 @@
-# [Vue 前端框架]()
-> 一种前端开发框架，较小的框架
+# framework
+
+## [Vue 前端框架](https://vuejs.org/)
+
+- [中文版](https://cn.vuejs.org/)
+
+ 一种前端开发框架，较小的框架
 
 - 2024-5-8，开发中，SFC模式中的props中不能含key，那是预留字段，开发中没有问题，部署出去就会出现问题。
 
-## 关键流程
+### 关键流程
 
 页面url变化刷新内容
 ```js
@@ -12,14 +17,25 @@ window.addEventListener('hashchange', initial, false);
 
 Vue3.0新增了一个组件Teleport组件，将其所在组件模板内容内容移动到特定的DOM位置
 
-## 参考
+### 参考
 - [Vue 技术栈 Vue3 + Pinia + Vite5 实现, 可参考别人的代码逻辑](https://github.com/zyronon/douyin)
 
-# [Egg 后台框架](https://www.eggjs.org/)
+## [React](https://react.dev/)
+
+- [中文版](https://zh-hans.react.dev/)
+- [github](https://github.com/angular/angular)
+
+## [Angular](https://angularjs.org/)
+
+- [中文版](https://angular.cn/)
+- [github](https://github.com/angular/angular)
+
+
+## [Egg 后台框架](https://www.eggjs.org/)
 
-# [Next.js 后台框架](https://nextjs.org/)
+## [Next.js 后台框架](https://nextjs.org/)
 > Next.js is a React framework for building full-stack web applications.
 
-# Electron
+## Electron
 
 - [工程创建模板](https://github.com/reZach/secure-electron-template)