diff --git a/cg/threejs/raycaster.md b/cg/threejs/raycaster.md
index 36d6d18..1a4997b 100644
--- a/cg/threejs/raycaster.md
+++ b/cg/threejs/raycaster.md
@@ -1,2 +1,22 @@
 # Raycaster
 
+```js
+class Object3D extends EventDispatcher {
+    raycast( /* raycaster, intersects */ ) {}
+}
+```
+支持的对象有Sprite，Points，LOD，Line，Mesh, InstancedMesh, SkinnedMesh
+
+
+[How to get the 3d coordinates of a mouse click](https://webglfundamentals.org/webgl/lessons/webgl-qna-how-to-get-the-3d-coordinates-of-a-mouse-click.html)
+
+在世界坐标系下测试没有问题，但对Mesh做了变化，所得到的点就产生了异常
+
+scene目录下的所有节点都要在world space中计算
+比如结构如下 
+scene.group中包含了所有模型，因为control的变化，group的matrix是变化了的，
+最后pick的点需要进行一个操作
+```js
+pos.clone().applyMatrix4(group.matrix.clone().invert())
+```
+为什么要在world space中计算了？应该是获取面face的数据时需要在这个space中
diff --git a/index/community.md b/index/community.md
index 64c6b43..48a3d28 100644
--- a/index/community.md
+++ b/index/community.md
@@ -14,3 +14,17 @@
 
 [Divio Documentation system](https://documentation.divio.com/)
 [中文翻译](https://tinggengyan.github.io/2021/10/03/the-documentation-system_how_to_write_good_document/)
+
+## 协议
+
+### Fair-code
+
+- [Fair-code, is not a software license, it describes a software model where software:一种旨在使开发人员获得报酬的开源替代方案](https://faircode.io/)
+
+- [Fair Code vs Open Source, Which Wins The Future? ](https://fosspost.org/fair-code-open-source/)
+
+- [editor.js](https://github.com/codex-team/editor.js)
+- [AVA (AVA examples Visual Analytics) is a technology framework designed for more convenient visual analytics.](https://github.com/antvis/AVA)
+- [n8n - Workflow automation tool](https://github.com/n8n-io/n8n)
+- [Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable](https://github.com/daybrush/moveable)
+- [rrweb refers to 'record and replay the web', which is a tool for recording and replaying users' interactions on the web](https://github.com/rrweb-io/rrweb)
\ No newline at end of file
diff --git a/index/computerScience.md b/index/computerScience.md
index 303bcf9..47211a4 100644
--- a/index/computerScience.md
+++ b/index/computerScience.md
@@ -22,6 +22,7 @@
 
 ## ComputerGraphics
 
+- [Real-Time Rendering Resources](https://www.realtimerendering.com/)
 - [Ambient Occlusion](../cg/ambient-occlusion.md)
 - [点至三角形的最近点](https://zhuanlan.zhihu.com/p/458837573)
 - [smallpt: Global Illumination in 99 lines of C++](http://www.kevinbeason.com/smallpt/)
@@ -34,7 +35,7 @@
 
 #### threejs
 
-- [threejs 笔记](../cg/threejs.md)
+- [threejs 笔记](../cg/threejs/index.md)
 - [Beispiele webGL mit three.js ](https://hofk.de/main/threejs/)
 - [3D Grafik - WebGL mit three.js](https://xprofan.net/intl/de/php,html,js/3d-grafik-webgl-mit-three-js/)
 - [use your mouse to control the camera and build an andorid](https://hofk.de/main/threejs/raycaster/raycaster.html)
diff --git a/math/pbr3ed.html b/math/pbr3ed.html
index bb20f61..8f94cd5 100644
--- a/math/pbr3ed.html
+++ b/math/pbr3ed.html
@@ -20,7 +20,7 @@ <h4 id="section1">projection matrix</h4>
             <p>22</p>
         </div>
         <div>
-            <h4 id="section5">Color And Radiometry</h4>
+            <h4 id="section5">5. Color And Radiometry</h4>
             <p>可见光的波段380到780，400以下是bluish， 550是greens，大于650是reds</p>
             <p>spectral power distribution(SPD)频谱功率分布</p>
             <ul>
@@ -29,6 +29,8 @@ <h4 id="section5">Color And Radiometry</h4>
                 <li><em>irradiance</em></li>
                 <li><em>radiance</em></li>
             </ul>
+            <p>5.2.1 XYZ Color</p>
+            <p>A remarkable property of the human visual system makes it possible to represent colors for human perception with just three floating-point numbers. The tristimulus theory of color perception says that all visible SPDs can be accurately represented for human observers with three values, \( \mathcal{x}_{\lambda} \), , \( \mathcal{y}_{\lambda} \) and \( \mathcal{z}_{\lambda} \). Given an emissive SPD , these values are computed by integrating its product with the spectral matching curves \(X(\lambda)\), \(Y(\lambda)\), and \(Z(\lambda)\):</p>
         </div>
     </div>
 </body>
diff --git a/web/font.md b/web/font.md
index bd58a22..029bd1b 100644
--- a/web/font.md
+++ b/web/font.md
@@ -22,13 +22,20 @@ body {
 }
 ```
 
-## Google Fonts
+## Fonts
 
-[地址](http://www.googlefonts.cn/)
-[cn地址](http://www.googlefonts.cn/)
+### Google Fonts
+
+- [地址](http://www.googlefonts.cn/)
+- [cn地址](http://www.googlefonts.cn/)
 
 谷歌字体是一个云字库平台，使用起来很方便，不需要进行格式的转换，直接在网页中引用。
 
+### Fira Code
+Fira Code: free monospaced font with programming ligatures
+
+- [github](https://github.com/tonsky/FiraCode?_pjax=#js-repo-pjax-container)
+
 ## 理论知识
 不同操作系统、不同浏览器内嵌的默认字体是不同的
 
diff --git a/web/index.md b/web/index.md
index c457485..7081239 100644
--- a/web/index.md
+++ b/web/index.md
@@ -1,4 +1,5 @@
 # Web
 
 - [CSS](./css.md)
-- [nginx](./nginx.md)
\ No newline at end of file
+- [nginx](./nginx.md)
+- [vue](./vue.md)
\ No newline at end of file
diff --git a/web/vue.md b/web/vue.md
new file mode 100644
index 0000000..a5b88e0
--- /dev/null
+++ b/web/vue.md
@@ -0,0 +1,8 @@
+# Vue
+
+## 关键流程
+
+页面url变化刷新内容
+```js
+window.addEventListener('hashchange', initial, false);
+```
\ No newline at end of file