Skip to content

Commit 14b7820

Browse files
xurendaxurenda
committed
20240905
1 parent 5ce2c46 commit 14b7820

File tree

666 files changed

+5115
-350
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

666 files changed

+5115
-350
lines changed

‎.obsidian/appearance.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
"nativeMenus": false,
1010
"showViewHeader": true,
1111
"baseFontSize": 14,
12-
"textFontFamily": "霞鹜文楷 GB 屏幕阅读版 R",
13-
"interfaceFontFamily": "霞鹜文楷 GB 屏幕阅读版 R",
12+
"textFontFamily": "",
13+
"interfaceFontFamily": "",
1414
"monospaceFontFamily": "JetBrains Mono"
1515
}

‎.obsidian/graph.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,6 @@
1717
"repelStrength": 10,
1818
"linkStrength": 1,
1919
"linkDistance": 250,
20-
"scale": 0.12102024442731897,
20+
"scale": 0.11899285644244889,
2121
"close": true
2222
}

‎.obsidian/workspace.json

+58-58
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,13 @@
88
"type": "tabs",
99
"children": [
1010
{
11-
"id": "bd1a9ff36a15d354",
11+
"id": "7bda35ed24a39680",
1212
"type": "leaf",
1313
"state": {
1414
"type": "markdown",
1515
"state": {
16-
"file": "前端/011.webGL/001.WebGL 编程指南/009.层次模型.md",
17-
"mode": "source",
16+
"file": "后端/003.中间件/Redis/000.目录.md",
17+
"mode": "preview",
1818
"backlinks": true,
1919
"source": false
2020
}
@@ -26,7 +26,7 @@
2626
"state": {
2727
"type": "markdown",
2828
"state": {
29-
"file": "前端/011.webGL/001.WebGL 编程指南/003.绘制和变换三角形.md",
29+
"file": "后端/003.中间件/Redis/021.AOF 日志.md",
3030
"mode": "source",
3131
"backlinks": true,
3232
"source": false
@@ -39,7 +39,7 @@
3939
"state": {
4040
"type": "markdown",
4141
"state": {
42-
"file": "工具/002.Markdown/001.markdown公式.md",
42+
"file": "工具/003.Obsidian/001.Callouts.md",
4343
"mode": "preview",
4444
"backlinks": true,
4545
"source": false
@@ -75,7 +75,7 @@
7575
"state": {
7676
"type": "search",
7777
"state": {
78-
"query": "依赖 排序",
78+
"query": "布隆过滤器",
7979
"matchingCase": false,
8080
"explainSearch": false,
8181
"collapseAll": false,
@@ -99,7 +99,7 @@
9999
}
100100
],
101101
"direction": "horizontal",
102-
"width": 277.5
102+
"width": 248.5
103103
},
104104
"right": {
105105
"id": "5e9aaa0ee861ee89",
@@ -115,7 +115,7 @@
115115
"state": {
116116
"type": "outline",
117117
"state": {
118-
"file": "前端/011.webGL/001.WebGL 编程指南/009.层次模型.md"
118+
"file": "后端/003.中间件/Redis/000.目录.md"
119119
}
120120
}
121121
},
@@ -125,7 +125,7 @@
125125
"state": {
126126
"type": "outgoing-link",
127127
"state": {
128-
"file": "前端/011.webGL/001.WebGL 编程指南/009.层次模型.md",
128+
"file": "后端/003.中间件/Redis/000.目录.md",
129129
"linksCollapsed": false,
130130
"unlinkedCollapsed": true
131131
}
@@ -137,7 +137,7 @@
137137
"state": {
138138
"type": "backlink",
139139
"state": {
140-
"file": "前端/011.webGL/001.WebGL 编程指南/009.层次模型.md",
140+
"file": "后端/003.中间件/Redis/000.目录.md",
141141
"collapseAll": true,
142142
"extraContext": false,
143143
"sortOrder": "alphabetical",
@@ -166,15 +166,15 @@
166166
"state": {
167167
"type": "file-properties",
168168
"state": {
169-
"file": "前端/011.webGL/001.WebGL 编程指南/009.层次模型.md"
169+
"file": "后端/003.中间件/Redis/000.目录.md"
170170
}
171171
}
172172
}
173173
]
174174
}
175175
],
176176
"direction": "horizontal",
177-
"width": 326.5
177+
"width": 252.5
178178
},
179179
"left-ribbon": {
180180
"hiddenItems": {
@@ -189,54 +189,54 @@
189189
"random-note:开始漫游笔记": true
190190
}
191191
},
192-
"active": "bd1a9ff36a15d354",
192+
"active": "7bda35ed24a39680",
193193
"lastOpenFiles": [
194-
"前端/011.webGL/001.WebGL 编程指南/102.附录：金字塔纹理.md",
195-
"前端/011.webGL/001.WebGL 编程指南/101.附录：本书涉及的数学知识.md",
196-
"前端/011.webGL/001.WebGL 编程指南/009.层次模型.md",
197-
"前端/011.webGL/001.WebGL 编程指南/008.光照.md",
198-
"前端/011.webGL/001.WebGL 编程指南/007.进入三维世界.md",
199-
"前端/011.webGL/001.WebGL 编程指南/006.GLSL ES.md",
200-
"前端/011.webGL/001.WebGL 编程指南/005.颜色与纹理.md",
201-
"前端/011.webGL/001.WebGL 编程指南/004.高级变换与动画基础.md",
202-
"前端/011.webGL/001.WebGL 编程指南/003.绘制和变换三角形.md",
203-
"前端/011.webGL/001.WebGL 编程指南/002.WebGL 入门.md",
204-
"前端/011.webGL/001.WebGL 编程指南/001.WebGL 概述.md",
205-
"前端/011.webGL/001.WebGL 编程指南/000.图书信息.md",
206-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826181040.png",
207-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826172302.png",
208-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826164622.png",
209-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826162154.png",
210-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826161540.png",
211-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826155943.png",
212-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826152633.png",
213-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826125207.png",
214-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826124724.png",
215-
"前端/011.webGL/001.WebGL 编程指南/assets/Pasted image 20240826124612.png",
194+
"后端/003.中间件/Redis/029.数据库和缓存如何保证一致性？.md",
195+
"后端/003.中间件/Redis/028.缓存雪崩、击穿、穿透.md",
196+
"后端/003.中间件/Redis/001.常见面试题.md",
197+
"工具/004.其他/001.glob 模式匹配.md",
198+
"后端/003.中间件/Redis/027.哨兵机制.md",
199+
"后端/003.中间件/Redis/026.主从复制.md",
200+
"后端/003.中间件/Redis/000.目录.md",
201+
"后端/003.中间件/Redis/assets/Pasted image 20240905154025.png",
202+
"后端/003.中间件/Redis/023.大 key 对持久化的影响.md",
203+
"后端/003.中间件/Redis/021.AOF 日志.md",
204+
"后端/003.中间件/Redis/022.RDB 快照.md",
216205
"工具/002.Markdown/001.markdown公式.md",
217-
"工具/003.Obsidian/001.Callouts.md",
218-
"前端/004.TypeScript/001.TypeScript 类型体操/001.简单/001.实现 Pick.md",
219-
"前端/003.JavaScript/001.语言与通用/006.异步处理与 Promise.md",
220-
"前端/003.JavaScript/001.语言与通用/007.手写 Promise.md",
221-
"前端/003.JavaScript/001.语言与通用/008.二进制数据.md",
222-
"前端/003.JavaScript/001.语言与通用/009.JS 模块化.md",
223-
"语言学习/Java/001.JavaSE 语言基础/笔记/005.数组.md",
224-
"未归档/原型链.excalidraw.md",
225-
"语言学习/Java/001.JavaSE 语言基础/笔记/003.流程控制语句.md",
226-
"语言学习/Java/001.JavaSE 语言基础/笔记/002.变量与运算符.md",
227-
"语言学习/Java/001.JavaSE 语言基础/笔记/001.Java 语言概述.md",
228-
"数据结构与算法/004.左程云算法通关/002.必备/041.建图、链式前向星、拓扑排序.md",
229-
"数据结构与算法/004.左程云算法通关/999.个人补充/002.位移运算与乘除.md",
230-
"前端/004.TypeScript",
231-
"前端/004.TypeScript/001.TypeScript 类型体操/002.中等",
232-
"前端/004.TypeScript/001.TypeScript 类型体操/001.简单",
233-
"前端/004.TypeScript/001.TypeScript 类型体操",
234-
"数学/初中数学/第5部分 图形的变化/第5课时 图形的相似.pdf",
235-
"前端/003.JavaScript/001.语言与通用/assets",
236-
"前端/003.JavaScript/004.实践与应用",
237-
"前端/003.JavaScript/003.运行时之 Node.js",
238-
"前端/010.webGL/001.WebGL 编程指南/001.WebGL 概述",
239-
"前端/011.webGL/001.WebGL 编程指南/assets",
206+
"工具/002.Markdown/002.markdown中如何写代码.md",
207+
"工具/001.Git/001.commit message 规范.md",
208+
"后端/003.中间件/Redis/016.哈希表.md",
209+
"后端/003.中间件/Redis/013.SDS.md",
210+
"后端/003.中间件/Redis/010.GEO.md",
211+
"后端/003.中间件/Redis/007.Zset.md",
212+
"后端/003.中间件/Redis/025.内存淘汰策略.md",
213+
"后端/003.中间件/Redis/assets/Pasted image 20240905125553.png",
214+
"后端/003.中间件/Redis/assets/Pasted image 20240905123703.png",
215+
"后端/003.中间件/Redis/assets/Pasted image 20240905104321.png",
216+
"后端/003.中间件/Redis/assets/Pasted image 20240905103727.png",
217+
"后端/003.中间件/Redis/assets/Pasted image 20240905103313.png",
218+
"后端/003.中间件/Redis/024.过期删除策略.md",
219+
"后端/003.中间件/Redis/019.quicklist.md",
220+
"后端/003.中间件/Redis/018.跳表.md",
221+
"后端/003.中间件/Redis/017.整数集合.md",
222+
"后端/003.中间件/Redis/015.压缩列表.md",
223+
"后端/003.中间件/Redis/014.双向链表.md",
224+
"后端/003.中间件/Redis/011.Stream.md",
225+
"数据结构与算法/003.LeetCodeHot100/007.链表/014.LRU 缓存.md",
226+
"后端/003.中间件/Redis/assets/Pasted image 20240904193708.png",
227+
"后端/003.中间件/Redis/assets/Pasted image 20240904100506.png",
228+
"后端/003.中间件/Redis/assets/Pasted image 20240904100423.png",
229+
"后端/003.中间件/Redis/assets/Pasted image 20240903223158.png",
230+
"后端/003.中间件/Redis/drawing",
231+
"后端/中间件/Redis/assets/assets",
232+
"后端/003.中间件/Redis/assets",
233+
"后端/003.中间件/Redis",
234+
"后端/003.中间件",
235+
"未命名",
236+
"后端",
237+
"前端/005.浏览器/002.图解 Google V8/assets",
238+
"前端/005.浏览器/002.图解 Google V8",
239+
"前端/003.JavaScript/005.ES6+",
240240
"未命名.canvas",
241241
"前端学习，漫漫长路/未命名.canvas",
242242
"数据结构与算法/代码随想录/链表/未命名.canvas"

‎前端/002.CSS/001.基础/002.CSS 属性计算过程.md

-6
This file was deleted.

‎前端/002.CSS/001.基础/002.属性值的计算过程.md

+73
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
---
2+
date: 2024-04-28 16:47
3+
modified: 2024-08-28 20:39
4+
---
5+
6+
# CSS 属性值的计算过程
7+
8+
浏览器需要确定所有 HTML 节点的所有 CSS 属性值，才能进行[[001.浏览器渲染流程#第二步：样式计算|样式计算和布局]]。CSS 属性值的计算过程就是：某个元素从所有 CSS 属性没有值，到所有 CSS 属性都有值的过程
9+
10+
## 第一步：确定声明值
11+
12+
选择器匹配到的样式规则没有冲突（属性只有一个属性值）时，直接使用属性值
13+
14+
其中样式规则包括：
15+
16+
- 作者样式：开发者写的样式
17+
- 代理样式：浏览器默认样式
18+
19+
## 第二步：层叠冲突
20+
21+
如果选择器匹配到的样式规则有冲突（多个样式规则给同一属性定义了不同的属性值），则进行层叠比较，以确定最终选择哪个属性值
22+
23+
### 第一步：优先级
24+
25+
根据样式来源和是否添加 `!important` 决定优先级
26+
27+
优先级从高到低：
28+
29+
1. 带有 `!important` 的作者样式
30+
2. 带有 `!important` 的代理样式
31+
3. 作者样式
32+
4. 代理样式
33+
34+
### 第二步：特殊性
35+
36+
根据是否内联样式和选择器权重来决定特殊性
37+
38+
| 内联 | id | 属性 | 元素 |
39+
| ------- | --------- | ------------- | ------------ |
40+
| 是：1；否：0 | id 选择器的数量 | 属性、类、伪类选择器的数量 | 元素、伪元素选择器的数量 |
41+
42+
从左到右进行比较
43+
44+
注：通用选择器（`*`）、复合选择器（空格、`>`、`+`、`~`）、否定伪类（`:not`）在特殊性中无影响
45+
46+
### 第三步：源次序
47+
48+
源码中靠后的样式规则覆盖靠前的
49+
50+
注意：比较的是样式规则声明的代码先后次序；而不是先写哪个类名，后写哪个类名的顺序
51+
52+
## 第三步：继承
53+
54+
如果作者样式和代理样式都没有指定某个属性的值，且该属性可以继承，则使用继承的属性值（继承遵循就近原则）
55+
56+
如何确定一个属性是否可以继承？可以查看 [MDN 文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference)。一般来说，和字体相关的属性可以继承
57+
58+
## 第四步：初始值
59+
60+
如果作者样式和代理样式都没有指定某个属性的值，且该属性不可以继承，则使用该属性的初始值（所有 CSS 属性都有初始值）
61+
62+
## 第五步：计算值
63+
64+
通过上面四步就确定了某个元素的所有 CSS 属性值。之后进行计算：将预设值变成绝对值，比如 `red` 会变成 `rgb(255, 0, 0)`、相对单位变成绝对单位，比如 `em` 会变成 `px` 等
65+
66+
# 四种特殊的通用属性值
67+
68+
- `revert`：有代理样式则使用代理样式，否则可以继承使用继承值、不能继承使用初始值
69+
- `inherit`：获取其父元素（文档树中的父元素，即使父元素不是包含块）的计算值（即：强制继承）
70+
- `unset`：可以继承使用继承值、不能继承则使用初始值
71+
- `initial`：使用初始值
72+
73+
四种属性值都可以应用于任何 CSS 属性，包括 CSS 简写 [`all`](https://developer.mozilla.org/zh-CN/docs/Web/CSS/all)

‎前端/002.CSS/002.CSS 深入理解/002.Border.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
date: 2023-11-01 17:51
3-
modified: 2024-04-25 11:49
3+
modified: 2024-08-28 20:40
44
---
55

66
# 第一节：border-width 不支持百分比

‎前端/002.CSS/004.CSS 世界/000.图书信息.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
date: 2024-08-28 15:56
3+
modified: 2024-08-28 16:01
4+
---
5+
6+
![[Pasted image 20240828160103.png]]
7+
8+
[https://book.douban.com/subject/27615777/](https://book.douban.com/subject/27615777/)

‎前端/002.CSS/004.CSS 世界/001.概述.md

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
date: 2024-08-28 16:01
3+
modified: 2024-08-28 18:52
4+
---
5+
6+
CSS 世界的诞生就是为图文信息展示服务的
7+
8+
# 文档流
9+
10+
文档流是 CSS 世界中的一种基本的定位和布局机制，是引导 HTML 元素排列和定位的规则
11+
12+
直接称 CSS2.1 为“流的世界”真是一点儿也不为过，整个 CSS 世界几乎就是围绕“流”来建立的
13+
14+
# `<table>`
15+
16+
前面提到的“流影响了整个 CSS 世界”，其中并不包括 `<table>`
17+
18+
# CSS3
19+
20+
新的布局方式

‎前端/002.CSS/004.CSS 世界/assets/Pasted image 20240828160103.png

152 KB
Loading

‎前端/003.JavaScript/001.语言与通用/001.数据类型.md

+8-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
date: 2024-04-24 16:15
3-
modified: 2024-08-23 19:53
3+
modified: 2024-08-30 09:49
44
---
55

66
# 基本数据类型
@@ -296,16 +296,20 @@ console.log(res) // 刚满 18 岁
296296

297297
## `symbol`
298298

299+
代表创建后==独一无二==且==不可变==的数据类型
300+
301+
它的出现主要是为了解决可能出现的对象键名冲突的问题
302+
299303
#todo
300304

301305
## `bigint`
302306

307+
是一种数字类型的数据，可以表示任意精度格式的==整数==，使用 bigint 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围
308+
303309
#todo
304310

305311
# 引用数据类型
306312

307-
308-
309313
引用数据类型只有一种：`object`
310314

311315
- 字面量：`{ a: 1, b: 2 }`
@@ -488,7 +492,7 @@ typeof Symbol // function
488492

489493
底层机制：只要当前类出现在实例的原型链上，结果都是 `true`
490494

491-
[[004.原型与原型链|原型链回顾]]
495+
[[005.原型与原型链|原型链回顾]]
492496

493497
```js
494498
[] instanceof Array // true

‎前端/003.JavaScript/001.语言与通用/002.变量与函数声明.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
date: 2024-05-07 16:57
3-
modified: 2024-08-11 15:25
3+
modified: 2024-08-30 13:47
44
---
55

66
- 浏览器: Google Chrome 124.0.6367.119 (arm64)
@@ -441,9 +441,9 @@ console.log(a) // 1
441441
2. 不能作为构造函数
442442
3. 无原型对象和原型链
443443
4. 无 `arguments`
444-
5. 不能作为 [[006.异步处理与 Promise#阶段三：`Generator` 函数|GeneratorFunction]]
444+
5. 不能作为 [[007.异步处理与 Promise#阶段三：`Generator` 函数|GeneratorFunction]]
445445

446-
箭头函数才是纯正的函数，`function` 函数是函数 + 构造器
446+
箭头函数是“纯”函数，`function` 是函数 + 构造器
447447

448448
# 启示
449449

0 commit comments

Comments
 (0)