头上有煎饺

1.光影 即使是一个纯白色的立方体，我们也能知道它是立体的。这是因为他有明暗关系。 所以光照是三维图像很重要的组成。 2. 光照类型 这里我们只讨论最简单常见的三种光源。 平行光：就是现实生活中，无穷

1. 画一个立方体 画一个立方体不仅仅是画出几个面就完了，还要考虑在什么地方 朝哪里看 视野有多宽 能看多远。所以在实现立方体之前需要了解这些概念。 2. 视点、视线、观察目标点、上方向 视点：简单来

1.简介 OpenGL ES着色器语言（GLSL ES），是OpenGL着色器语言的简化版。着色器语言就是编写着色器代码的语言。这里我会略过很多介绍，假设你有编程基础。 2.基础 2.1 执行次序 和

1. varying变量 假设我们现在需要绘制四个点，这四个点在不同的位置而且有不同的颜色，我们需要怎么做？ 使用uniform变量？ 一次就只能给uniform赋一个值，所以要根据位置赋值不同的颜色

1. 平移 顶点着色器 效果 2. 缩放 和平移一样的原理，只不过是倍数移动坐标 顶点着色器 3.旋转 顶点着色器 4.平移矩阵 上面的平移旋转无非就是一些线性变换，或者说解方程。所以天然和线性代数契

1. 变量 我们在上一节的基础上增加一些变化： 绘制的点跟随鼠标点击位置移动 绘制的点双击过后改变颜色 1.1 跟随点击移动 由于我们要更换位置，所以修改的就是顶点着色器代码 那么，变量的数据怎么来：

1. 上手 介绍就不多说了，直接看看简单的实例。这里是webgl1不是webgl2、webgpu。 顶点着色器代码 片段着色器代码 效果 这里有几个问题 画出来的点应该是正方形，这里却是长方形 （ca

1. Mutations 就是用来进行编辑、删除、新增请求的操作 2. useMutation配置 大部分和useQuery一样，有些特殊的。 副作用，一些回调函数 批量执行 异步mutate

# 缓存 缓存涉及到的东西可能有点多，所以这部分先写一点。官网一个[例子可以参考下](https://tanstack.com/query/v4/docs/react/guides/caching)