diff --git a/articles/demo.md b/articles/demo.md index 0ee4409..0f0a476 100644 --- a/articles/demo.md +++ b/articles/demo.md @@ -12,18 +12,7 @@ function func(a, b) { } ``` -[mermaid API](https://mermaid.js.org/config/setup/modules/mermaidAPI.html) - -
-    graph TD
-    A[Client] --> B[Load Balancer]
-    B --> C[Server01]
-    B --> D[Server02]
-
-
-flowchart LR
-  A --> B
-
+- [mermaid](/articles/mermaid.md) [What's In A Class?] [1] diff --git a/articles/mermaid.md b/articles/mermaid.md new file mode 100644 index 0000000..80ef0a1 --- /dev/null +++ b/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) + +
+    graph TD
+    A[Client] --> B[Load Balancer]
+    B --> C[Server01]
+    B --> D[Server02]
+
+ +
+flowchart LR
+  A --> B
+
+ +
+%%{init: { "theme": "forest" } }%%
+graph TD
+A(Forest) --> B[/Another/]
+A --> C[End]
+  subgraph section
+  B
+  C
+  end
+
diff --git a/cg/mesh/shader.geometry.md b/cg/mesh/shader.geometry.md new file mode 100644 index 0000000..b531260 --- /dev/null +++ b/cg/mesh/shader.geometry.md @@ -0,0 +1,2 @@ +# Tessellation + diff --git a/cg/mesh/shader.tessellation.md b/cg/mesh/shader.tessellation.md new file mode 100644 index 0000000..f748c82 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/cg/shader.md b/cg/shader.md index 71c31e1..5305f32 100644 --- a/cg/shader.md +++ b/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，逐顶点运算的持续，每个顶点都会执行一次，顶点运算过程中无法获取其他顶点的数据。典型的顶点运算有坐标变换(由模型坐标转换到归一化坐标系)、逐顶点光照等。数据输入主要是 diff --git a/dev-note/cmd.md b/dev-note/cmd.md index 04cc0ae..17d1dcc 100644 --- a/dev-note/cmd.md +++ b/dev-note/cmd.md @@ -14,4 +14,6 @@ - netstat -ano | findstr 3000 查看端口是否被占 - tasklist - taskkill /f /t /im 9340 -- taskkill /IM "xxx.exe" /F \ No newline at end of file +- taskkill /IM "xxx.exe" /F +- wmic process where ProcessId=1024 get ParentProcessId 获取父进程ID +- wmic process where name="xxx.exe" call terminate \ No newline at end of file diff --git a/exercises/math.secondary.md b/exercises/math.secondary.md index ab4e70c..1ea054d 100644 --- a/exercises/math.secondary.md +++ b/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) diff --git a/images/geogebra/geogebra-2024-6-6.png b/images/geogebra/geogebra-2024-6-6.png new file mode 100644 index 0000000..5e75209 Binary files /dev/null and b/images/geogebra/geogebra-2024-6-6.png differ diff --git a/index.mjs b/index.mjs index d27635f..e911c2d 100644 --- a/index.mjs +++ b/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(); }) \ No newline at end of file diff --git a/web/framework.md b/web/framework.md index 34ca1a0..c7717d5 100644 --- a/web/framework.md +++ b/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) \ No newline at end of file