1、问题：

2、解释：

“结构需要清理”（structure needs cleaning）错误通常是由文件系统损坏引起的。

以下是一些可能导致文件系统损坏的原因：
不正常关机：如果你在文件系统写入数据时强制关机或系统崩溃，可能会导致文件系统损坏。
磁盘故障：磁盘故障，如坏道或故障扇区，可能会导致文件系统损坏。
硬件故障：硬件故障，如电源问题、主板故障等，可能会导致文件系统损坏。
病毒感染：某些病毒可能会破坏文件系统，导致文件系统损坏。
文件系统错误：如果文件系统本身出现错误，例如写入错误的分区表或分配表，也可能会导致文件系统损坏。

以上是导致文件系统损坏的一些可能原因。为了防止这种情况的发生，你可以遵循以下最佳实践：
正常关机：在关机之前，请确保保存并关闭所有打开的文件，并使用操作系统提供的关机选项正常关机。
定期备份：定期备份重要数据可以最大限度地减少数据丢失的风险。
使用稳定的硬件：使用质量可靠的硬件，并避免频繁更换或升级硬件，可以减少硬件故障的风险。
定期检查磁盘：定期检查磁盘的状态，并在检测到故障时立即更换磁盘，可以避免磁盘故障导致文件系统损坏。
使用防病毒软件：安装和使用防病毒软件可以防止病毒感染并保护文件系统的安全。

3、解决方式：

在/etc/postgresql/12/main/postgresql.conf 中最后追加：

1
2

fsync = off
data_sync_retry = true

使用https天地图服务时，需要把后缀.com改为.gov.cn，即https://t0.tianditu.gov.cn/cva_w/wmts?

盛夏无蝉鸣
芦苇摇他的叶子
野鸭匆忙于水草上
躁动的白条
一条条钩起过往
芦苇荡穿行而来花猫
悄无声息依偎桶边
蓝天烈日伞下依然焦灼
猫归野后或许学了流浪狗的习性
疯狂吞吐着红红的舌头散热
鼓鼓的肚子恰如河里的鱼带籽
这世间繁衍的节律
不断让时间继续推演
白条上来后
花猫嘤嘤几声对着叫
融化了这个夏天
遂递给她
囫囵两口就风卷残云
半晌午廿条进其肚
心满意足悄然离去
人猫都在回味
下一次
她还会来吗
是我焦急在等
等她带着一窝小猫蹒跚而来

1、生成新的pub

1

ssh-keygen -t rsa -C "your_email@example.com" -f ~/.ssh/id_rsa_github

2、打开ssh-agent

1

eval $(ssh-agent -s)

3、添加id_rsa_github

1

ssh-add ~/.ssh/id_rsa_github

4、粘贴id_rsa_github.pub中的内容至github ssh
5、增加config文件

1

touch ~/.ssh/config

6、添加以下内容

GitHub

1
2
3
4

Host github.com
HostName github.com
User git
IdentityFile ~/.ssh/id_rsa_github

WebGL通过一种称作纹理单元（texture unit）的机制来同时使用多个纹理。每个纹理单元有一个单元编号来管理一张纹理图像。即使你的程序只需要一张纹理图像，也得为其指定一个纹理单元。系统支持的纹理单元个数取决于硬件和浏览器的WebGL实现，但是在默认情况下，web GL至少支持8个纹理单元，一些其他的系统支持的个数更多。内置的变量gl.TEXTURE0、gl.TEXTURE1、gl.TEXTURE2。。。。gl.TEXTURE7各表示一个纹理单元。

这个是个人理解的总结，不同人可能都有自己独到的理解方式。

说到事件循环，我们一般闪现到一个滚滚向前的车轮
微任务、宏任务、执行栈
宏任务包括整个脚本scripts,ajax,rendering,setTimeout(),setInterval(),setImmediate(),
微任务包括我们常常写到的promise.then,process.nextTick(),async下的await等
首先进入执行栈的如console.log(),立即执行，
然后开始微任务，遵循先进先出原则执行逻辑；
本轮微任务全部执行完毕后，开始执行宏任务，同样遵循先进先出原则执行逻辑

通常我们在顶点着色器中声明一个attribute变量a_Color用以接受颜色，然后再用varying（只能是float以及vec2,vec3,vec4,mat2,mat3和mat4）声明变量v_Color，该变量负责将颜色值传给着色器，

1
2

attribute vec4 a_Color;
varying vec4 v_Color;

那么片元着色器如何接收到这个变量呢，很简单，同样声明一个

1

varying vec4 v_Color;

这是因为在WebGL中，如果顶点着色器和片元着色器同时有类型和命名相同的varying变量，那么顶点着色器会自动地将该变量的值传入片元着色器。

上一篇学习了WebGL中的矩阵变换变换矩阵（Transformation-matrix）详解,我们推演出旋转、平移、缩放矩阵，并通过代码实现。而在Cesium中于此类似，并且提供了Cesium.Matrix2、Cesium.Matrix3、Cesium.Matrix4类及其属性方法。
这里，我们以Cesium.Matrix4为例

正常情况下，我们可以通过tileset.root.transform获取模型本身的模型矩阵，这个即存在3DTile中的tileset.json文件中

那么在Cesium中具体如何操作使用变换矩阵呢？
以调整模型位置为例

一、Cesium中的平移

有两种调整方式
（1）矩阵点乘法

1
2
3
4
5
6

let modelMatrix = tileset.root.transform;
let modelPosition = Cesium.Cartesian3.fromDegrees(lon, lat, height);
const translationMatrix = Cesium.Matrix4.fromTranslation(new Cesium.Cartesian3(6, 1, 8));
// 模型矩阵乘以平移矩阵 MxT
Cesium.Matrix4.multiply(modelMatrix, translationMatrix, modelMatrix);
tileset.root.transform = modelMatrix;

(2)直接设置

1
2
3
4

let modelMatrix = tileset.root.transform;
let modelPosition = Cesium.Cartesian3.fromDegrees(lon, lat, height);
Cesium.Matrix4.setTranslation(modelMatrix, modelPostion, modelMatrix);
tileset.root.transform = modelMatrix;

二、Cesium中的旋转

1
2
3
4
5
6
7
8
9
10
11
12
13

let modelMatrix = tileset.root.transform;
const preHRP={heading:0, roll:0, pitch:0};
const currentHRP = {heading:30, roll:10, pitch:-30};
let gapHRP = Ccesium.HeadingPitchRoll.fromDegrees(
    currentHRP.heading - preHRP.heading,
    currentHRP.pitch - preHRP.pitch,
    currentHRP.roll - preHRP.roll
)
let rotateMatrix = Cesium.Matrix3.fromHeadingPitchRoll(gapHRP);
// 模型矩阵乘以旋转矩阵 MxR
Cesium.Matrix4.multiplyByMatrix3(modelMatrix, rotateMatrix, modelMatrix);
tileset.root.transform = modelMatrix;
preHRP = Cesium.clone(currentHRP, true);

三、Cesium中的缩放

1
2
3
4

const scale = 1.1;
let modelMatrix = tileset.root.transform;
Cesium.Matrix4.multiplyByUniformScale(modelMatrix, scale, modelMatrix);
tileset.root.transform = modelMatrix;

四、综述

Cesium中的平移缩放旋转MxTxSxR涉及到的矩阵变换如下；

1
2
3
4
5
6

// 平移
Cesium.Matrix4.multiply();
// 缩放
Cesium.Matrix4.multiplyByUniformScale();
// 旋转
Cesium.Matrix4.multiplyByMatrix3();

当我们对一个图形进行平移再旋转，一般流程是需要重新求取一个新的等式，然后实现一个新的着色器，这样很不好。
好在我们可以使用另一个数学工具—变换矩阵（Transformation matrix）来完成这项工作。变换矩阵非常适合操作计算机图形。
一、旋转矩阵
当p按照右手法则逆时针旋转β

p点的坐标计算为：

p`点坐标

分解后，即

基于第一个公式，消掉r和α，得：

通过以下矩阵相乘可以表示该过程

综合以上两个公式：
我们可以令
a=cosβ，b=-sinβ,c=0,d=sinβ,e=cosβ,f=0,g=0,h=0,i=1,
可得：

二、平移矩阵
一般平移矩阵计算为：

相乘得到：

比较以下等式

我们可以令：
a=1,b=0,c=0,d=Tx,
e=0,f=1,g=0,h=Ty,
i=0,j=0,k=1,l=Tz,
m=0,n=0,o=0,p=1,
可得：

三、缩放
假设X轴、Y轴、Z轴缩放因子Sx,Sy,Sz,那么有：

即有缩放变换矩阵：

四、旋转+平移+缩放
至此，我们已经推演出一个旋转矩阵和一个平移矩阵、一个缩放矩阵，但是我们发现旋转矩阵是3x3，平移缩放矩阵是4x4, 于是需要将旋转矩阵转变为4x4矩阵，我们知道最后一个分量w的加和结果应为1
所以：

所以在程序中定义一个旋转+平移+缩放矩阵，可以按照以下写：
注意WebGL中矩阵是列主序的，即为上面矩阵的转置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

const canvas=document.getElementById('webgl');
const gl=getWebGLContext(canvas);
let VSHADER_SOURCE=
    'attribute vec4 a_postion;\n' +
    'uniform mat4 u_panMatrix;\n' +
    'uniform mat4 u_rotateMatrix;\n' +
    'uniform mat4 u_zoomMatrix;\n' +
    'void main () {\n' +
    ' gl_Position = u_panMatrix * u_rotateMatrix * u_zoomMatrix * a_position;\n' +
    '}\n';

const radian=Math.PI*ANGLE/180.0 // 角度值转弧度
const cosβ=Math.cos(radian);
const sinβ=Math.sin(radian);
const Sx = 1.0, Sy = 1.5, Sz = 1.0;

// 平移矩阵
const pan=new Float32Array([
    1.0, 0.0, 0.0, 0.0,
    0.0, 1.0, 0.0, 0.0,
    0.0, 0.0, 1.0, 0.0,
    Tx, Ty, Tz,1.0
]);

// 旋转矩阵
const rotate=new Float32Array([
    cosβ, sinβ, 0.0, 0.0,
    -sinβ, cosβ, 0.0, 0.0,
    0.0, 0.0, 1.0, 0.0,
    0.0, 0.0, 0.0, 1.0
]);

// 缩放矩阵
const zoom=new Float32Array([
    Sx, 0.0, 0.0, 0.0,
    0.0, Sy, 0.0, 0.0,
    0.0, 0.0, Sz, 0.0,
    0.0, 0.0, 0.0, 1.0
])

const u_panformMatrix=gl.getUniformLocation(gl.program, 'u_panMatrix');
const u_rotateMatrix=gl.getUniformLocation(gl.program, 'u_rotateMatrix');
const u_zoomMatrix=gl.getUniformLocation(gl.program, 'u_panMatrix');
gl.uniformMatrix4fv(u_panformMatrix, false, pan);
gl.uniformMatrix4fv(u_rotateMatrix, false, rotate);
gl.uniformMatrix4fv(u_zoomMatrix, false, zoom);

缓冲区对象是WebGL系统中的一块存储区，可以在里面存储想要绘制的所有顶点数据，通过创建缓冲区，就能够一次性地向顶点着色器传入多个顶点的attribute变量的数据。

gl.drawArrays(mode, first, count)
1、modes指的是绘制方式，gl.POINTS、gl.LINES、gl.LINE_STRIP、gl.LINE_LOOP、gl.TRIANGLES、gl.TRIANGLES_STRIP、gl.TRIANGLE_FAN；
具体使用如下表



2、first指的是从哪一个顶点开始绘制；
3、count指的是绘制需要多少个顶点。