观察者模式是一种行为设计模式，它定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。这个主题对象在状态发生变化时，会通知所有观察者对象，使它们能够自动更新自己。

阅读更多...

单例模式是设计模式中最简单的一种，其主要目的是确保一个类在全局范围内只有一个实例，并提供一个全局访问点。主要用于例如状态管理，用户配置管理，缓存管理等场景。

阅读更多...

工厂模式是一种创建型设计模式，用于在不直接用new运算符的情况下处理对象的创建。工厂模式包含三种：简单工厂模式、工厂方法模式和抽象工厂模式。

阅读更多...

1. 单一职责原则（SRP）

核心思想：
单一原则规定一个类或者模块只有一个职责。避免当多个职责耦合在一起时，单个职责的修改可能会影响到其他职责，从而提升代码的可维护性、可扩展性和可复用性。

阅读更多...

设计模式是在面向对象的软件设计的工程中，针对某一特定的问题的一种解决方案。采用设计模式可以提高代码的可读性、可维护性和可扩展性，同时降低系统的复杂度。

阅读更多...

记录一下使用blender以及插件mmd_tools转换pmx模型为gltf，并用threejs的GLTFLoader加载时遇到的一些问题。

阅读更多...

1.极性（Extremity）的概念

在如图所示的一个凸包内，存在两种点，对构成凸包有实质作用的点（蓝色）和没有实质作用的点（绿色）。而对构成凸包有实质作用的点则被称为极点（Extreme Points）。

极点存在一个特性：存在一条穿过极点的直线，使得凸包内所有点都在这条线的同一侧。

2.判断极点的方法

1.In-Triangle Test

取一个点，枚举其余点集可产生的所有三角形，判断该点是否包含于某个三角形内，如果不存在，则该点为极点。伪代码如下

1
2
3
4
5
6
7
8
9
10

for (const Point of AllPoints) {
    Point.ifExtreme = true
    for (const Triangle of AllTriangles) {
      // 只要存在包含该点的三角形，则此点不是极点
      if (Triangle.contains(Point)) {
        Point.ifExtreme = false
        break
    }
   }
}

该方法复杂度为$O(n^4)$，其中计算AllTriangles时间复杂度为$O(n^2)$，效率极差。

1.1 To-Left Test

实现Triangle.contains(Point)可用To-Left Test方法。此方法将三角形三个点按照逆时针首尾相连的到三条直线，然后判断对于这三条直线来说，是否Point全在直线左侧。

判断点是否在线段左侧可通过判断这三个点逆时针所形成的三角的有向面积是否大于0，公式如下

$$S=\frac{1}{2}\begin{vmatrix} p_x&p_y&1\\ q_x&q_y&1\\ s_x&s_y&1 \end{vmatrix}$$

1.定义

凸包（Convex Hull）：凸包指的是包含一组点集合中所有点的最小凸多边形或凸多面体。简而言之，凸包是一个尽可能紧密包围给定点集的凸形状。橡皮筋绷紧后形成的一个凸多边形就是一个凸包。

凸集（Convex Set）： 凸集是一个具有特定性质的点集合，即对于该集合内的任意两点，连接这两点的线段上的所有点也都在该集合内。凸包是一个给定点的最小凸集。

凸组合（Convex Combination）： 凸组合是指在向量空间中取一组向量，并用非负的标量权重对这些向量线性组合，使得权重之和等于 1。一个点集的凸包是由该点集生成的所有可能凸组合组成的集合。例如在两个点AB组成的线段作为凸包的场景中，凸组合可为AB间的任意一点。而所有的凸组合的点构成了 AB 这个凸包线段。又比如在ABC形成的三角中，凸组合可为三角内部的任意一点，而这些点集组合成了 ABC 这个凸包。

阅读更多...

学习的是清华大学计算机科学与技术系，邓俊辉老师的计算几何课程。
持续更新中。。。

阅读更多...

最近业务上遇到个问题：

项目里有两个app，当页面初始化的时候会跑一段代码codeA将url中的一些参数存储到WebStorage中。

当从appA跳转到appB，然后使用浏览器自带的返回按钮返回appA时，发现WebStorage中的参数还是appB的参数，也就是appA的初始化时的代码codeA没有跑。

查询过后发现是触发了浏览器的bfcache机制。

阅读更多...