diff --git a/articles/2023/smile.md b/articles/2023/smile.md
index 5e8953a..b8359e5 100644
--- a/articles/2023/smile.md
+++ b/articles/2023/smile.md
@@ -43,6 +43,16 @@ labial
 - 未修改时,默认传1;有修改时,就说修改后的值与原始值的比值 modify/origin
 - 
 
+## 算法
+
+使用矩阵,在默认的图像坐标系上构建一个新的标准坐标系,用来对所有的图像进行计算.
+每个入口可调的参数都需要对应的一个矩阵
+### 曲率调整
+y轴方向上的调整,
+
+### 长度调整
+
+
 ## 参考
 
 - 口腔固定修复中的美学重建 第1卷
diff --git a/cg/image/gif.md b/cg/image/gif.md
index 4db922c..b8a307c 100644
--- a/cg/image/gif.md
+++ b/cg/image/gif.md
@@ -1,4 +1,6 @@
 # GIF
+> Graphics Interchange Format是一种位图,已8位色即256种颜色重现真彩色的图像,实际上是一种压缩文档,采样LZW压缩算法进行编码,有效减少图像在网络上的传输时间.
 
 
-- [jsgif: A GIF player in JavaScript](https://slbkbs.org/jsgif/)
\ No newline at end of file
+- [jsgif: A GIF player in JavaScript](https://slbkbs.org/jsgif/)
+- [带你如何用js读取gif图片数据流，解码gif ](https://juejin.cn/post/7022637452066029599)
\ No newline at end of file
diff --git a/cpl/data.structure/Tree.md b/cpl/data.structure/Tree.md
new file mode 100644
index 0000000..c0da5f0
--- /dev/null
+++ b/cpl/data.structure/Tree.md
@@ -0,0 +1,13 @@
+# 树形结构
+> K-D-Tree, K-D-B-tree, Segment-Tree, R-Tree, R+-Tree, R*-Tree, AVL,Red-Back,B-tree, Trire-tree
+
+## B树
+是一个平衡树, 在一维时,就说把直线分为若干线段,当查找某个满足要点的点的时候,只需要查找它所属的线段即可,其思想就说先找一个大的空间,再逐步缩小所要查找的空间,最终在一个设定最小不可分空间中找出满足的解.
+
+### R树
+> Guttman, A.; “R-trees: a dynamic index structure for spatial searching,” ACM, 1984, 14
+
+R树处理高维空间存储问题的数据结构
+
+- [RBush is a high-performance JavaScript library for 2D spatial indexing of points and rectangles. It's based on an optimized R-tree data structure with bulk insertion support.](https://github.com/mourner/rbush)
+
diff --git a/html/personal.html b/html/personal.html
index 0d2f35d..fb8122d 100644
--- a/html/personal.html
+++ b/html/personal.html
@@ -26,9 +26,9 @@ <h4 id="section1">生日</h4>
                     <label>自己生日<input id="input19870903" type="text" disabled value="1987-09-03"></label>
                 </div>
                 <div id="divOtherBirth">
-                    <label>别人生日<input id="inputOtherBirth" type="text" placeholder="请输入年-月-日格式"></label>
-                    <label>农历出生<input id="checkboxOtherBirth" type="checkbox" checked ></label>
-                    <label>出生按农历<input id="checkboxOtherBirthType" type="checkbox" checked ></label>
+                    <label>他人生日<input id="inputOtherBirth" type="text" placeholder="请输入年-月-日格式"></label>
+                    <label>输入生日是阳历否<input id="checkboxOtherBirth" type="checkbox" checked ></label>
+                    <label>下一个是否按农历<input id="checkboxOtherBirthType" type="checkbox" checked ></label>
                     <div id="divOtherInfo"></div>
                 </div>
             </div>
diff --git a/html/transform.html b/html/transform.html
index f6d0158..54ce13e 100644
--- a/html/transform.html
+++ b/html/transform.html
@@ -61,6 +61,24 @@ <h5 id="section0g">Standard Basis</h5>
                     </blockquote>
                     <p>空间的基与坐标系是一一对应的关系，在n维空间，如果给定一组基，任何一个向量都可以表示成这组基的线性组合，且表示方法唯一。其他坐标系与标准坐标系的转换，任意坐标系的互换，本质就是线性变换。</p>
                 </div>
+                <div>
+                    <pre>
+                        // pOrigin是原坐标系下的一个点
+                        // xDir, yDir是单位向量值
+                        // 构造旋转矩阵
+                        const rmat = new Matrix3().identity();
+                        rmat.elements[0 * 3 + 0] = xDir.x;
+                        rmat.elements[1 * 3 + 0] = xDir.y;
+                        rmat.elements[0 * 3 + 1] = yDir.x;
+                        rmat.elements[1 * 3 + 1] = yDir.y;
+                        rmat.invert();
+                        const tmat = new Matrix3().identity();
+                        tmat.makeTranslation(-pOrigin.x, -pOrigin.y);
+                        // 坐标系
+                        const matFrame = rmat.multiply(tmat);    
+                        // 这个可推广到三维坐标系的构建
+                    </pre>
+                </div>
                 <div>
                     <h5 id="section0e">Object Space</h5>
                     <p>
diff --git a/index/computerScience.md b/index/computerScience.md
index c02020e..c4b6405 100644
--- a/index/computerScience.md
+++ b/index/computerScience.md
@@ -24,6 +24,7 @@
 
 - [hash](../cpl/data.structure/hash.md)
 - [LRU](../cpl/data.structure/LRU.md)
+- [树形结构](../cpl/data.structure/Tree.md)
 
 ### 规范
 - [Promises/A+, An open standard for sound, interoperable JavaScript promises—by implementers, for implementers.](https://promisesaplus.com/)
diff --git a/nodejs/frp.md b/nodejs/frp.md
index 061f818..c77ea21 100644
--- a/nodejs/frp.md
+++ b/nodejs/frp.md
@@ -1,7 +1,13 @@
 # FRP
 > Functional Reactive Programming, 是针对复杂的,多状态,异步,注重时序控制的场景, 在FRP领域,由[ReactiveX](https://reactivex.io/)简称Rx,是由微软推出得通过可观察得流来进行异步编程得API是FRP最经典得实现范本之一.
 
-Rx结合了Observer观察者模式,Iterator迭代器模式,functional programming函数式编程的精华思想.
+Rx结合了Observer观察者模式,Iterator迭代器模式,functional programming函数式编程的精华思想.这种思想诞生一种新的编程范式,是一种以异步数据流Async Data Stream为中心的编程范式.
+
+- proactive主动式
+- reactive响应式
+- imperative命令式
+- functional/declaractive函数式
+
 
 ## [Rxjs](https://rxjs.dev/)
 > Reactive Extensions Library for JavaScript, RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code
@@ -14,6 +20,8 @@ fromEvent(el, 'click').piep(throttleTime(3000)).subscribe(()=>{
 })
 ```
 
+RxJS最核心概念是stream,相比数组多了一个时间维度的概念.
+
 ## 参考
 
 - [rxjs 源码分析1-(fromEvent)](https://juejin.cn/post/6844903730425364494)