-
Notifications
You must be signed in to change notification settings - Fork 2
/
memos.html
232 lines (232 loc) · 80.3 KB
/
memos.html
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Sansui - Memos</title><meta name="description" content="A personal blog about work and life"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/><link rel="icon" href="/favicon.ico"/><meta name="next-head-count" content="4"/><link rel="preload" href="/_next/static/css/82e575fd7dbc59c8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82e575fd7dbc59c8.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script defer="" src="/_next/static/chunks/758.db79941605cd4f14.js"></script><script src="/_next/static/chunks/webpack-e047af2edffa5a71.js" defer=""></script><script src="/_next/static/chunks/framework-21ce6fe579778655.js" defer=""></script><script src="/_next/static/chunks/main-ab8ff8a41b8d4a92.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6ccfb94b3d98a7d2.js" defer=""></script><script src="/_next/static/chunks/314-af9189bf47190a02.js" defer=""></script><script src="/_next/static/chunks/992-58a03959833feb94.js" defer=""></script><script src="/_next/static/chunks/234-e61cb830bde658e5.js" defer=""></script><script src="/_next/static/chunks/425-dd6363fc98b1b7ee.js" defer=""></script><script src="/_next/static/chunks/pages/memos-69ca495fada8c778.js" defer=""></script><script src="/_next/static/v2xs9-He_PmF63Y79luuY/_buildManifest.js" defer=""></script><script src="/_next/static/v2xs9-He_PmF63Y79luuY/_ssgManifest.js" defer=""></script><style data-styled="" data-styled-version="6.1.12">body{background:white;color:#1F2329;}/*!sc*/
data-styled.g1[id="sc-global-durfUv1"]{content:"sc-global-durfUv1,"}/*!sc*/
.cPWGjz{padding:24px 0 10px 0;text-align:center;font-size:0.625rem;}/*!sc*/
.cPWGjz div{margin:1.5rem auto;letter-spacing:0.2px;}/*!sc*/
.cPWGjz a:hover{color:#e0c56e;}/*!sc*/
.cPWGjz svg{font-size:1.5rem;margin:0 0.5rem;}/*!sc*/
data-styled.g2[id="sc-705178b-0"]{content:"cPWGjz,"}/*!sc*/
.bVseA-d{position:relative;}/*!sc*/
.bVseA-d::before{content:'';position:absolute;left:0;bottom:0;width:100%;border-radius:0.4em;height:0.4em;background:#e0c56e;mix-blend-mode:multiply;height:0;transition:height .3s ease;}/*!sc*/
.bVseA-d:hover::before{height:0.4rem;}/*!sc*/
data-styled.g3[id="sc-6343878f-0"]{content:"bVseA-d,"}/*!sc*/
.iAQObY{width:1em;height:1em;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;}/*!sc*/
.bcRNvF{width:100%;height:1.15rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;}/*!sc*/
data-styled.g6[id="sc-98974ec8-0"]{content:"iAQObY,bcRNvF,"}/*!sc*/
.kkSwlU{background:#1F2329;height:2px;transition:all .3s;border-radius:2px;}/*!sc*/
.kkSwlU.is-close{opacity:0;}/*!sc*/
data-styled.g7[id="sc-98974ec8-1"]{content:"kkSwlU,"}/*!sc*/
.dNDvpg{height:2px;position:relative;border-radius:2px;}/*!sc*/
.dNDvpg::before,.dNDvpg::after{content:'';position:absolute;border-radius:2px;top:0;left:0;width:100%;height:2px;background:#1F2329;transition:all .3s;}/*!sc*/
.dNDvpg::before{transform:rotate(45deg);}/*!sc*/
.dNDvpg::after{transform:rotate(-45deg);}/*!sc*/
.cLsQWp{height:2px;position:relative;border-radius:2px;}/*!sc*/
.cLsQWp::before,.cLsQWp::after{content:'';position:absolute;border-radius:2px;top:0;left:0;width:100%;height:2px;background:#1F2329;transition:all .3s;}/*!sc*/
data-styled.g8[id="sc-98974ec8-2"]{content:"dNDvpg,cLsQWp,"}/*!sc*/
.euEbpV{width:24px;height:20px;position:fixed;top:22px;right:20px;}/*!sc*/
data-styled.g9[id="sc-d7f4a716-0"]{content:"euEbpV,"}/*!sc*/
.iPRoot{font-weight:400;padding-top:3rem;font-size:0.625rem;}/*!sc*/
data-styled.g10[id="sc-d7f4a716-1"]{content:"iPRoot,"}/*!sc*/
.kfxPkz{margin:1rem 0;}/*!sc*/
.kfxPkz a:hover{color:#e0c56e;}/*!sc*/
.kfxPkz svg{font-size:1.5rem;margin:0 0.25rem;}/*!sc*/
data-styled.g11[id="sc-d7f4a716-2"]{content:"kfxPkz,"}/*!sc*/
.ewTYkv{background:white;overflow:auto;position:fixed;width:100%;height:100%;z-index:10;transform:translateY(0);transition:transform 1s cubic-bezier(0.46,0,0.08,1.11);}/*!sc*/
.ewTYkv h1 span{position:relative;}/*!sc*/
.ewTYkv h1 span::before{content:'';position:absolute;left:0;bottom:0;width:100%;border-radius:0.5em;height:0.5em;background:#e0c56e;mix-blend-mode:multiply;}/*!sc*/
data-styled.g12[id="sc-d7f4a716-3"]{content:"ewTYkv,"}/*!sc*/
.jWaeMB{margin:0 auto;padding:92px 0px;text-align:center;font-weight:bold;}/*!sc*/
data-styled.g13[id="sc-d7f4a716-4"]{content:"jWaeMB,"}/*!sc*/
.knKiOw{font-size:1.625rem;line-height:2.75rem;position:relative;transition:box-shadow .3s ease;cursor:pointer;}/*!sc*/
.knKiOw:hover{color:#e0c56e;transform:scale(1.2);}/*!sc*/
data-styled.g14[id="sc-d7f4a716-5"]{content:"knKiOw,"}/*!sc*/
.hDcJjd{position:fixed;bottom:2rem;right:1rem;height:2.5rem;width:2.5rem;font-size:1.25rem;border-radius:0.625rem;border:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#989898;background-color:#efefef;z-index:10;cursor:pointer;}/*!sc*/
.hDcJjd svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}/*!sc*/
@media (any-hover:hover){.hDcJjd:hover{color:#1F2329;}}/*!sc*/
@media (any-hover:none){.hDcJjd:active{background:#e0c56e;color:#1F2329;}}/*!sc*/
data-styled.g20[id="sc-d1583b70-0"]{content:"hDcJjd,"}/*!sc*/
.cmZtGJ{margin-top:1.5rem;padding:0.5rem 1rem;line-height:1.625rem;color:#343a3b;}/*!sc*/
data-styled.g21[id="sc-8d318c76-0"]{content:"cmZtGJ,"}/*!sc*/
.jKGhWN{font-weight:600;text-transform:uppercase;font-size:0.875rem;color:#989898;}/*!sc*/
data-styled.g22[id="sc-8d318c76-1"]{content:"jKGhWN,"}/*!sc*/
.fNogdI{font-style:italic;font-size:0.875rem;color:#989898;text-align:right;}/*!sc*/
data-styled.g24[id="sc-47295c3a-0"]{content:"fNogdI,"}/*!sc*/
.kNXvUe{color:#343a3b;}/*!sc*/
.kNXvUe h1,.kNXvUe h2,.kNXvUe h3,.kNXvUe h4,.kNXvUe h5{color:#1F2329;}/*!sc*/
.kNXvUe h6{color:#777;}/*!sc*/
.kNXvUe hr{background-color:#a2a2a243;}/*!sc*/
.kNXvUe img,.kNXvUe picture,.kNXvUe video,.kNXvUe canvas,.kNXvUe svg,.kNXvUe pre{margin:1.5rem auto;display:block;}/*!sc*/
.kNXvUe img,.kNXvUe picture{border-radius:1rem;box-shadow:rgb(0 0 0 / 15%) 0px 2px 6px;}/*!sc*/
.kNXvUe blockquote{margin:1.5rem 0;}/*!sc*/
.kNXvUe a{position:relative;font-weight:bold;color:#1F2329;transition:box-shadow .3s ease;box-shadow:inset 0 -2px 0 #e0c56e;}/*!sc*/
.kNXvUe a:hover{box-shadow:inset 0 -0.5em 0 #e0c56e;}/*!sc*/
.kNXvUe a:hover::before{height:0.4em;}/*!sc*/
.kNXvUe code{color:#ae8d0b;background-color:#f3f3f3;border-radius:3px;padding:0.2rem 0.375rem;margin:0rem 1px;font-size:0.875rem;}/*!sc*/
.kNXvUe pre code{color:#343a3b;border-radius:0.5rem;padding:1rem 2rem;margin:unset;overflow:auto;}/*!sc*/
.kNXvUe blockquote{border-left:solid 2px;padding-left:1.5em;color:#777;}/*!sc*/
.kNXvUe del{opacity:.33;}/*!sc*/
.kNXvUe ul li{display:block;position:relative;}/*!sc*/
.kNXvUe ul li::before{content:"•";position:absolute;color:#ae8d0b;left:-1rem;}/*!sc*/
@media screen and (min-width:580px){.kNXvUe img,.kNXvUe picture,.kNXvUe video,.kNXvUe canvas,.kNXvUe svg,.kNXvUe pre{display:block;}}/*!sc*/
.kNXvUe .hljs{background:#f3f3f3;}/*!sc*/
.kNXvUe .hljs-emphasis{font-style:italic;}/*!sc*/
.kNXvUe .hljs-strong{font-weight:bold;}/*!sc*/
.kNXvUe .hljs-link{text-decoration:underline;}/*!sc*/
.kNXvUe .hljs-comment,.kNXvUe .hljs-quote{color:#a79b87ba;font-style:italic;}/*!sc*/
.kNXvUe .hljs-params,.kNXvUe .hljs-type{color:#a79b87c4;}/*!sc*/
.kNXvUe .hljs-punctuation,.kNXvUe .hljs-attr{color:rgb(89 161 197);}/*!sc*/
.kNXvUe .hljs-selector-tag,.kNXvUe .hljs-name,.kNXvUe .hljs-meta,.kNXvUe .hljs-operator,.kNXvUe .hljs-char.escape_{color:#c56200;}/*!sc*/
.kNXvUe .hljs-keyword,.kNXvUe .hljs-deletion{color:#799f67;}/*!sc*/
.kNXvUe .hljs-regexp,.kNXvUe .hljs-selector-pseudo,.kNXvUe .hljs-selector-attr,.kNXvUe .hljs-variable.language_{color:#cc5e91;}/*!sc*/
.kNXvUe .hljs-subst,.kNXvUe .hljs-property,.kNXvUe .hljs-code,.kNXvUe .hljs-formula,.kNXvUe .hljs-section,.kNXvUe .hljs-title.function_{color:#e36b6b;}/*!sc*/
.kNXvUe .hljs-string,.kNXvUe .hljs-symbol,.kNXvUe .hljs-bullet,.kNXvUe .hljs-addition,.kNXvUe .hljs-selector-class,.kNXvUe .hljs-title.class_,.kNXvUe .hljs-title.class_.inherited__,.kNXvUe .hljs-meta .hljs-string{color:#c68032;}/*!sc*/
.kNXvUe .hljs-variable,.kNXvUe .hljs-template-variable,.kNXvUe .hljs-number,.kNXvUe .hljs-literal,.kNXvUe .hljs-link,.kNXvUe .hljs-built_in,.kNXvUe .hljs-title,.kNXvUe .hljs-selector-id,.kNXvUe .hljs-tag,.kNXvUe .hljs-doctag,.kNXvUe .hljs-attribute,.kNXvUe .hljs-template-tag,.kNXvUe .hljs-meta .hljs-keyword{color:#ae8d0b;}/*!sc*/
data-styled.g27[id="sc-584e939e-0"]{content:"kNXvUe,"}/*!sc*/
.fctdSe{display:none;transition:color 0.3s ease;cursor:pointer;}/*!sc*/
.fctdSe:hover{color:#e0c56e;}/*!sc*/
@media screen and (max-width:780px){.fctdSe{display:none;}}/*!sc*/
data-styled.g28[id="sc-fcd40355-0"]{content:"fctdSe,"}/*!sc*/
.dvINIM{height:63px;width:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;background-color:white;z-index:10;transform:translateY(0);transition:transform .5s ease;}/*!sc*/
data-styled.g30[id="sc-fcd40355-2"]{content:"dvINIM,"}/*!sc*/
.gZyyCK{flex:1 1 auto;display:flex;justify-content:flex-start;align-items:center;font-weight:600;width:210px;}/*!sc*/
.gZyyCK span{padding:0 0.5rem;}/*!sc*/
@media screen and (max-width:780px){.gZyyCK{width:100px;}.gZyyCK span{display:none;}}/*!sc*/
@media screen and (max-width:350px){.gZyyCK{display:none;}}/*!sc*/
data-styled.g31[id="sc-fcd40355-3"]{content:"gZyyCK,"}/*!sc*/
.kPhOBr{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;font-size:0.875em;width:210px;}/*!sc*/
.kPhOBr>div{margin-right:15px;}/*!sc*/
@media screen and (max-width:780px){.kPhOBr{width:100px;}}/*!sc*/
data-styled.g32[id="sc-fcd40355-4"]{content:"kPhOBr,"}/*!sc*/
.hDcclp{flex:2 1 auto;display:flex;justify-content:space-evenly;letter-spacing:0.02em;align-items:center;font-size:1.125rem;}/*!sc*/
@media screen and (min-width:780px){.hDcclp{max-width:50%;}}/*!sc*/
@media screen and (min-width:580px){.hDcclp{max-width:390px;}}/*!sc*/
@media screen and (max-width:580px){.hDcclp{max-width:290px;}}/*!sc*/
.hDcclp ol{padding:0 .5em;padding-top:2px;font-weight:600;}/*!sc*/
.hDcclp ol.current a{position:relative;}/*!sc*/
.hDcclp ol.current a:before{content:'';position:absolute;left:0;bottom:0;width:100%;border-radius:0.4em;height:0.4em;background:#e0c56e;mix-blend-mode:multiply;}/*!sc*/
data-styled.g33[id="sc-fcd40355-5"]{content:"hDcclp,"}/*!sc*/
.lbYXxg{display:flex;justify-content:center;}/*!sc*/
@media screen and (max-width:780px){.lbYXxg{flex-direction:column;}}/*!sc*/
data-styled.g35[id="sc-63f680a8-1"]{content:"lbYXxg,"}/*!sc*/
.gPzKAt{flex:3 1 0;position:relative;display:flex;flex-direction:column;}/*!sc*/
@media screen and (max-width:780px){.gPzKAt{flex:1 1 0;}}/*!sc*/
data-styled.g36[id="sc-63f680a8-2"]{content:"gPzKAt,"}/*!sc*/
.lojZEX{flex:1 1 0;display:flex;flex-direction:column;position:sticky;top:0px;max-height:100vh;}/*!sc*/
data-styled.g37[id="sc-63f680a8-3"]{content:"lojZEX,"}/*!sc*/
.bFhyit{font-size:0.9rem;}/*!sc*/
.bFhyit li{list-style:none;height:1.5em;overflow:hidden;}/*!sc*/
data-styled.g38[id="sc-5dcdea9e-0"]{content:"bFhyit,"}/*!sc*/
.iDdbJX{margin-top:2rem;max-width:8rem;padding:0.5rem 1rem;border-radius:0.75rem;border:1px solid #a2a2a260;font-weight:600;color:#343a3b;cursor:pointer;background:white;}/*!sc*/
@media screen and (max-width:780px){.iDdbJX{max-width:unset;background:#f4f5f7;}}/*!sc*/
.iDdbJX:hover{color:#ae8d0b;box-shadow:0 0 2px 0px #ae8d0b33,0 0 8px 0px #ae8d0b33;}/*!sc*/
data-styled.g39[id="sc-5dcdea9e-1"]{content:"iDdbJX,"}/*!sc*/
.bCezYv{position:absolute;top:0;left:0;width:100%;height:100%;}/*!sc*/
data-styled.g46[id="sc-879915bc-0"]{content:"bCezYv,"}/*!sc*/
.lfBPzH{border-radius:0.5rem;background:#f4f5f7;position:relative;overflow:hidden;aspect-ratio:1;cursor:zoom-in;user-select:none;-webkit-user-select:none;}/*!sc*/
.lfBPzH img{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;top:0;left:0;}/*!sc*/
.lfBPzH img:after{content:attr(alt);background:#f4f5f7;color:#a2a2a280;font-weight:bold;display:block;position:absolute;top:0;height:100%;width:100%;text-align:left;padding:1em;word-break:break-all;}/*!sc*/
data-styled.g47[id="sc-879915bc-1"]{content:"lfBPzH,"}/*!sc*/
.cQigcO{margin-top:1.5rem;padding-left:1rem;color:#343a3b;}/*!sc*/
.cQigcO .item{padding:0.25rem 0;margin-right:0.75rem;border-right:2px solid #a2a2a280;display:flex;align-items:flex-end;}/*!sc*/
.cQigcO .item.active{border-right:2px solid #ae8d0b;}/*!sc*/
.cQigcO .title{font-weight:600;margin-right:0.25rem;}/*!sc*/
.cQigcO .count{font-size:0.875rem;font-weight:600;color:#989898;vertical-align:bottom;}/*!sc*/
data-styled.g49[id="sc-ef5d5bff-0"]{content:"cQigcO,"}/*!sc*/
.hrUeov{background:white;margin:0.625rem 0;padding:1.25rem 1.5rem;border-radius:0.75rem;animation:fKuLCC .3s ease;}/*!sc*/
@media screen and (max-width:580px){.hrUeov{padding:1rem;border-radius:unset;}}/*!sc*/
.hrUeov>.content{position:relative;height:auto;overflow:hidden;}/*!sc*/
.hGqXun{background:white;margin:0.625rem 0;padding:1.25rem 1.5rem;border-radius:0.75rem;animation:fKuLCC .3s ease;}/*!sc*/
@media screen and (max-width:580px){.hGqXun{padding:1rem;border-radius:unset;}}/*!sc*/
.hGqXun>.content{position:relative;height:18.2rem;overflow:hidden;}/*!sc*/
data-styled.g54[id="sc-34044af7-0"]{content:"hrUeov,hGqXun,"}/*!sc*/
.dNlEEG{display:none;position:absolute;bottom:0;width:100%;height:7rem;text-align:right;color:#ae8d0b;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);background-image:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);}/*!sc*/
.dNlEEG .rd-more{font-size:0.875rem;letter-spacing:0.02rem;margin-top:5.5rem;cursor:pointer;}/*!sc*/
.dNlEEG .rd-more span{transition:box-shadow .3s;margin-right:0.5rem;}/*!sc*/
.dNlEEG .rd-more:hover span{box-shadow:inset 0 -1em 0 #00000022;}/*!sc*/
.ijkjhF{display:block;position:absolute;bottom:0;width:100%;height:7rem;text-align:right;color:#ae8d0b;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);background-image:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 75%);}/*!sc*/
.ijkjhF .rd-more{font-size:0.875rem;letter-spacing:0.02rem;margin-top:5.5rem;cursor:pointer;}/*!sc*/
.ijkjhF .rd-more span{transition:box-shadow .3s;margin-right:0.5rem;}/*!sc*/
.ijkjhF .rd-more:hover span{box-shadow:inset 0 -1em 0 #00000022;}/*!sc*/
data-styled.g55[id="sc-34044af7-1"]{content:"dNlEEG,ijkjhF,"}/*!sc*/
.gzXNHi{padding-bottom:inherit;padding-left:48px;}/*!sc*/
@media screen and (max-width:580px){.gzXNHi{padding-left:5px;}}/*!sc*/
.gzXNHi p,.gzXNHi ul,.gzXNHi ol{line-height:1.625rem;}/*!sc*/
.gzXNHi h1,.gzXNHi h2,.gzXNHi h3,.gzXNHi h4,.gzXNHi h5,.gzXNHi h6{font-size:1rem;}/*!sc*/
.gzXNHi .tag{color:#ae8d0b;}/*!sc*/
.gzXNHi .tag:hover{cursor:pointer;color:#e0c56e;}/*!sc*/
.bSahHD{padding-bottom:2rem;padding-left:48px;}/*!sc*/
@media screen and (max-width:580px){.bSahHD{padding-left:5px;}}/*!sc*/
.bSahHD p,.bSahHD ul,.bSahHD ol{line-height:1.625rem;}/*!sc*/
.bSahHD h1,.bSahHD h2,.bSahHD h3,.bSahHD h4,.bSahHD h5,.bSahHD h6{font-size:1rem;}/*!sc*/
.bSahHD .tag{color:#ae8d0b;}/*!sc*/
.bSahHD .tag:hover{cursor:pointer;color:#e0c56e;}/*!sc*/
data-styled.g56[id="sc-34044af7-2"]{content:"gzXNHi,bSahHD,"}/*!sc*/
.cOSeLv{display:flex;align-items:center;}/*!sc*/
.cOSeLv .avatar{width:40px;height:40px;margin-right:8px;border-radius:50%;border:1px solid #a2a2a280;}/*!sc*/
.cOSeLv .meta-text{display:flex;align-items:flex-start;flex-direction:column;}/*!sc*/
.cOSeLv .meta-sm{color:#777;font-size:0.8rem;}/*!sc*/
.cOSeLv .author{color:#343a3b;margin-right:0.25rem;font-weight:600;}/*!sc*/
.cOSeLv .word-count{position:absolute;right:0;}/*!sc*/
data-styled.g57[id="sc-34044af7-3"]{content:"cOSeLv,"}/*!sc*/
.hWVwPe{max-width:1080px;margin:0 auto;}/*!sc*/
.hWVwPe .button-float{display:none;}/*!sc*/
@media screen and (max-width:780px){.hWVwPe{max-width:100%;}.hWVwPe .button-float{display:unset;}}/*!sc*/
data-styled.g58[id="sc-ec28849d-0"]{content:"hWVwPe,"}/*!sc*/
.eMmYZP{width:100%;padding:73px 16px 48px 16px;align-self:flex-end;}/*!sc*/
.eMmYZP::-webkit-scrollbar{display:none;}/*!sc*/
@media screen and (min-width:1080px){.eMmYZP{max-width:640px;}}/*!sc*/
@media screen and (max-width:780px){.eMmYZP{width:100%;}}/*!sc*/
@media screen and (max-width:580px){.eMmYZP{padding-left:0;padding-right:0;}}/*!sc*/
data-styled.g59[id="sc-ec28849d-1"]{content:"eMmYZP,"}/*!sc*/
.cBkkAk{position:sticky;max-width:15rem;padding-top:83px;padding-bottom:64px;margin:0 0.5rem;height:100vh;overflow-y:auto;}/*!sc*/
.cBkkAk::-webkit-scrollbar{display:none;}/*!sc*/
.cBkkAk .close-btn{display:none;z-index:1;}/*!sc*/
@media screen and (max-width:1080px){.cBkkAk{margin:0;}}/*!sc*/
@media screen and (max-width:780px){.cBkkAk{border-radius:0.75rem;background:white;box-shadow:rgb(0 0 0 / 15%) 0px 0px 7px;position:fixed;bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:unset;width:96%;right:2%;height:66vh;padding:0rem 1rem 1rem 1rem;transition:transform .3s ease;transform:translateY(105%);}.cBkkAk .close-btn{position:sticky;top:0;background:inherit;display:flex;font-weight:600;justify-content:space-between;align-items:center;padding:1rem 0;visibility:hidden;color:#989898;font-size:1rem;cursor:pointer;}.cBkkAk .close-btn:hover{color:#ae8d0b;}}/*!sc*/
.cBkkAk .hover-gold{cursor:pointer;}/*!sc*/
.cBkkAk .hover-gold:hover{color:#ae8d0b;}/*!sc*/
data-styled.g60[id="sc-ec28849d-2"]{content:"cBkkAk,"}/*!sc*/
.dFUkQN{border-radius:0.75rem;background:white;color:#777;display:flex;align-items:center;margin:0 0.5rem;border:1px solid #a2a2a260;}/*!sc*/
.dFUkQN:focus-within{border:1px solid #e0c56e;}/*!sc*/
.dFUkQN input{border:none;background:inherit;line-height:2rem;color:inherit;flex:1 1 auto;width:0;margin-left:1rem;}/*!sc*/
.dFUkQN input:focus,.dFUkQN input:focus-visible{outline:none;}/*!sc*/
.dFUkQN input::placeholder{color:#aeaeae;}/*!sc*/
.dFUkQN svg{margin:0 auto;flex:0 0 auto;margin:0 0.6rem 0 0.5rem;color:#a2a2a280;}/*!sc*/
data-styled.g61[id="sc-ec28849d-3"]{content:"dFUkQN,"}/*!sc*/
.foGCWN{min-width:60px;min-height:60px;z-index:20;background:white;border-radius:0.75rem;transform:scale3d(1,1,1);box-shadow:0 0 2px 0px #ae8d0b33,0 0 8px 0px #ae8d0b33;}/*!sc*/
data-styled.g62[id="sc-238d0601-0"]{content:"foGCWN,"}/*!sc*/
.biFlEK{overflow-y:scroll;max-height:60vh;}/*!sc*/
data-styled.g63[id="sc-df26da6c-0"]{content:"biFlEK,"}/*!sc*/
.boefea{position:sticky;top:0;background:white;}/*!sc*/
data-styled.g64[id="sc-df26da6c-1"]{content:"boefea,"}/*!sc*/
.crTJGE{border:none;border-radius:0;background:white;width:100%;color:#1F2329;}/*!sc*/
.crTJGE:focus,.crTJGE:focus-visible{outline:none;}/*!sc*/
data-styled.g65[id="sc-df26da6c-2"]{content:"crTJGE,"}/*!sc*/
.kiOLzY{font-size:0.875rem;color:#777;overflow:hidden;white-space:nowrap;wrap:no-wrap;}/*!sc*/
data-styled.g67[id="sc-df26da6c-4"]{content:"kiOLzY,"}/*!sc*/
.fGanDw{min-height:unset;position:fixed;top:55px;right:0px;width:24rem;overflow:hidden;margin:0 10px;}/*!sc*/
.fGanDw mark{background:none;color:#ae8d0b;}/*!sc*/
@media screen and (max-width:580px){.fGanDw{width:96%;max-height:50%;}}/*!sc*/
data-styled.g68[id="sc-df26da6c-5"]{content:"fGanDw,"}/*!sc*/
@keyframes fKuLCC{0%{opacity:0;transform:translateY(10px);}100%{opacity:1;transform:translateY(0);}}/*!sc*/
data-styled.g70[id="sc-keyframes-fKuLCC"]{content:"fKuLCC,"}/*!sc*/
</style></head><body><div id="__next"><div style="display:none" class="sc-238d0601-0 sc-df26da6c-5 foGCWN fGanDw"><div style="padding:1rem 1rem 0 1rem" class="sc-df26da6c-1 boefea"><input type="text" placeholder="搜索你感兴趣的内容，以空格分词" class="sc-df26da6c-2 crTJGE"/></div><div style="padding:0.5rem 1rem" class="sc-df26da6c-0 biFlEK"><div style="font-size:0.875rem;opacity:0.5"><div class="sc-df26da6c-4 kiOLzY">搜索初始化中……</div></div></div></div><div style="transform:translateY(-100%)" class="sc-d7f4a716-3 ewTYkv"><div style="padding-top:8rem" class="sc-d7f4a716-4 jWaeMB"><h1><span>SANSUI'S BLOG</span></h1><div><span class="sc-d7f4a716-5 knKiOw">系统外观</span></div><div><span class="sc-d7f4a716-5 knKiOw"><a href="/categories">分类标签</a></span></div><div><span class="sc-d7f4a716-5 knKiOw"><a href="/atom.xml">RSS</a></span></div><div class="sc-d7f4a716-1 iPRoot"><div class="sc-d7f4a716-2 kfxPkz"><a href="https://github.com/sansui233"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a href="mailto:sansuilnm@gmail.com"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></a><a href="/rss"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a></div><div style="margin:1rem auto">Sansui 2023<br/>All rights reserved</div></div></div><div class="sc-d7f4a716-0 euEbpV"><div width="1em" height="1em" class="sc-98974ec8-0 iAQObY"><div class="sc-98974ec8-1 kkSwlU is-close"></div><div class="sc-98974ec8-2 dNDvpg"></div><div class="sc-98974ec8-1 kkSwlU is-close"></div></div></div></div><header class="sc-fcd40355-2 dvINIM"><div class="sc-fcd40355-3 gZyyCK"><a style="padding:0 1rem" href="/"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 72 72" width="36"><path d="M68.24 44.97a1 1 0 0 0 .73-1.21m0 0a1 1 0 0 0-1.21-.73l-4.61 1.15c1.06-5.18.9-11.77-1.14-20.18 0-7-1.45-14.23-3.24-14.91C56.78 8.34 47.01 15 46.01 18c-7-2-13-2-20 0-1-3-10.77-9.66-12.76-8.91-1.79.67-3.24 7.91-3.24 14.91-2.05 8.41-2.2 15-1.14 20.18l-4.61-1.15a.995.995 0 0 0-1.21.73c-.13.54.19 1.08.73 1.21l5.64 1.41c.33 1.14.72 2.21 1.18 3.2L5.93 50a1 1 0 0 0 .09 2h.09l5.49-.5c.44.75.92 1.46 1.42 2.11L8.7 55.05a.996.996 0 0 0 .32 1.94c.1 0 .21-.02.32-.05l5.08-1.69c6.8 7.11 17.32 7.75 21.6 7.75s14.8-.63 21.6-7.75l5.08 1.69c.11.04.21.05.32.05.42 0 .81-.26.95-.68a1 1 0 0 0-.63-1.26l-4.32-1.44c.51-.66.98-1.36 1.42-2.11l5.49.5h.09c.51 0 .95-.39 1-.91.05-.55-.36-1.04-.91-1.09l-4.67-.42c.45-.99.84-2.06 1.18-3.2l5.64-1.41M21.02 46c-5-1-7-5-6-10 .81-4.04 4.59-7.63 9-7 4.39.63 6.81 4.04 6.64 8.74-.18 4.98-4.64 9.26-9.64 8.26Zm21.45 1.28c-.64.32-1.36.48-2.09.48-.67 0-1.36-.14-2.01-.41a5.557 5.557 0 0 1-2.35-1.83c-.61.81-1.41 1.44-2.35 1.83-1.37.57-2.87.54-4.1-.07a1.01 1.01 0 0 1-.45-1.34c.25-.49.85-.69 1.34-.45.7.35 1.61.36 2.44.02 1.01-.42 1.78-1.28 2.16-2.44.03-.09.08-.17.13-.25-.7-.31-1.18-1.01-1.18-1.82 0-1.1.9-2 2-2s2 .9 2 2c0 .81-.49 1.51-1.18 1.82.05.08.1.16.13.25.38 1.15 1.15 2.02 2.16 2.44.83.34 1.74.34 2.44-.02.49-.25 1.09-.05 1.34.45s.05 1.09-.45 1.34ZM51.02 46c-5 1-9.46-3.28-9.64-8.26-.17-4.71 2.25-8.11 6.64-8.74 4.41-.63 8.19 2.96 9 7 1 5-1 9-6 10Z"></path><path d="M26 33c-.55 0-1-.45-1-1 0-.45.3-.81.7-.94-.16-.09-.32-.19-.5-.25C23 30 20 31 18.38 34.34c-1.6 3.29-1.17 7.39 2.48 8.79 3.31 1.27 7.01-.77 7.53-4.63.35-2.62-.16-4.96-1.41-6.41-.04.51-.46.92-.98.92ZM53.62 34.34a7.517 7.517 0 0 0-1.64-2.24.98.98 0 0 1-.98.9c-.55 0-1-.45-1-1 0-.4.24-.74.57-.9-1.27-.63-2.63-.72-3.78-.3-2.52.92-3.68 4.05-3.19 7.69.52 3.85 4.23 5.9 7.53 4.63 3.64-1.4 4.07-5.49 2.48-8.79Z"></path></svg><span>Sansui's 's blog</span></a></div><nav class="sc-fcd40355-5 hDcclp"><ol class=""><a class="sc-6343878f-0 bVseA-d" href="/">文章</a></ol><ol class="current"><a class="sc-6343878f-0 bVseA-d" href="/memos">说说</a></ol><ol class=""><a class="sc-6343878f-0 bVseA-d" href="/about">关于</a></ol></nav><div class="sc-fcd40355-4 kPhOBr"><div class="sc-fcd40355-0 fctdSe"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><div style="margin-right:20px;width:22px"><div width="100%" height="1.15rem" class="sc-98974ec8-0 bcRNvF"><div class="sc-98974ec8-1 kkSwlU"></div><div class="sc-98974ec8-2 cLsQWp"></div><div class="sc-98974ec8-1 kkSwlU"></div></div></div></div></header><main style="background:#f4f5f7"><div class="sc-ec28849d-0 hWVwPe"><button class="sc-d1583b70-0 hDcJjd button-float"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu-square"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 8h10"></path><path d="M7 12h10"></path><path d="M7 16h10"></path></svg></button><div class="sc-63f680a8-1 lbYXxg"><div class="sc-63f680a8-2 gPzKAt"><div class="sc-ec28849d-1 eMmYZP"><div style="margin-right:1rem" class="sc-47295c3a-0 fNogdI"></div><div style="min-height:80vh"><div style="position:relative;width:100%;min-height:3000px"><div style="position:absolute;width:100%;transform:translateY(0px);visibility:hidden"><section class="sc-34044af7-0 hrUeov"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-09-15 05:22</span><span class="meta-sm word-count">89<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe gzXNHi"><p>望着一年前写的类型推断发呆……这他妈是我能写出来的东西？好牛逼，怎么写的，看一眼。</p>
<p>是的如果 API 没有强健的类型检查我会死，只记得当时写得要死要活的感觉在手搓框架……</p></div><div class="sc-34044af7-1 dNlEEG"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(300px);visibility:hidden"><section class="sc-34044af7-0 hGqXun"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-09-10 19:07</span><span class="meta-sm word-count">362<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe bSahHD"><ul>
<li><a href="https://juejin.cn/post/6945319439772434469">从一道让我失眠的 Promise 面试题开始，深入分析 Promise</a></li>
</ul>
<p>我又在看手写 Promise，这个题也让我失眠……文章写得非常非常好。</p>
<p>到最后看到评论：wtf?? 竟然是引擎优化导致的，不是我对 Promise 机制理解有误……</p>
<p>有的评论强行说 Promise.resolve return 是两次微任务，不是 Promise 构造时被丢到微任务队列，而是 Promise 被 resolve 后，then 方法里的代码被丢到微任务队列。服了，谁会把构造函数扔队列……我也理解错了好久，Promise 构造是同步代码，但里面会有异步代码，then 进入队列时并不是在 Promise 构造时的那轮事件循环里。</p></div><div class="sc-34044af7-1 ijkjhF"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(600px);visibility:hidden"><section class="sc-34044af7-0 hrUeov"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-09-07 20:46</span><span class="meta-sm word-count">117<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe gzXNHi"><p>去朋友家帮忙搬家一天……对方已经搬得腰肌劳损了。我去就是想进行一些体力劳动，实在是久坐不住。搬家师傅竟然是广告行业的，周末出来兼职搬家……可恶，我也想做些带体力的工作，不是很想整天对着屏幕的这个小框框了，想动，想看看别的地方。</p></div><div class="sc-34044af7-1 dNlEEG"><div class="rd-more"><span>展开全文</span></div></div></div><div style="height:250px;padding-left:40px"><div style="max-width:100%;height:100%;aspect-ratio:1" class="sc-879915bc-1 lfBPzH"> <img loading="lazy" src="" alt="loading"/><div class="sc-879915bc-0 bCezYv"></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(900px);visibility:hidden"><section class="sc-34044af7-0 hrUeov"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-09-03 09:31</span><span class="meta-sm word-count">183<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe gzXNHi"><p>看到一个交互的仓库：<a href="https://veloxijs.com/">veloxijs.com</a>。瞪大了眼睛……其实 react-spring 做动画也好用但缺交互事件，交互要额外绑。而我觉得其实绑交互才是最麻烦，多平台有区分，还要干掉一些和原生交互冲突的问题……我在那手撮交互和动画算什么！！不过一看打包体积 50 多k，那还是手搓吧，按需手撮 5k 不到……</p></div><div class="sc-34044af7-1 dNlEEG"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(1200px);visibility:hidden"><section class="sc-34044af7-0 hGqXun"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-08-26 10:48</span><span class="meta-sm word-count">855<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe bSahHD"><p>推荐短篇漫画<a href="https://weibo.com/5790748645/Otq6Td0Jm">小狐狸化形记</a>。在作品要么连篇累牍的设定与废话，要么网文快节奏模板的时代，已经感觉已经好久好久，没有看过这样能写进教科书一般的，剧本了。</p>
<p>二游的剧情其实我都看不太进去，大概就 fgo 2.6 还行，1.6 已经不记得了……然后原里枫丹审判看得还行，没有逻辑 bug 已经万幸了，要有代入感就算了。二游太注重打造异世界和卖角色了，但<strong>代入感反而是要能映射现实才会有</strong>…支线有不少抄名著的但抄得很生硬，反应人性不是故意写脑子有病的家庭啊喂。</p>
<p>枫丹把矛盾归结在了“天理”上，为了解决“天理”的问题而选择牺牲自己，算是非常讨巧的做法，这是一种“虚构的矛盾”，虽然不符合现实但是非常符合异世界卖角色的二游。</p>
<p>崩铁 2.3匹诺康尼大立意很好，但小分段上也还是在卖异世界社达体验，观感上最好的是只为剧情服务的星期日……他出场不多（物理）却有非常多真实的侧写，一是和妹妹的互动，二是有领导压力和家族派系之间的压力，三是有真实的动机——想人们能快乐摸鱼。这些和异世界结合也没有违和感。大部分角色做好一个点就不错了，砂金做好童年创伤就大卖特卖…说到底还是大部分二游角色过于扁平，没有现实的复杂度支撑不住。</p>
<p>然后这也可以解释崩铁垃圾桶会塑造得很成功。首先主角独特的捡垃圾 xp 就逆天，其次“垃圾”这词在当代象征了太多。垃圾除了能指人，还有十连抽出“金色传说垃圾”嘲讽了抽卡。垃圾桶的外形和战斗机制也足够搞笑……符号比角色好出效果可太真实了。</p>
<p>然后说回 fgo 2.6，厉害的点就在于每个人都是活的，矛盾和动机是真实且鲜明的“人之间的故事”（指抽象的人）。明明都是异世界卖角色，蘑菇怎么写出来的……可能是 fgo 最不需要的就是沉浸感吧……对于看剧情的玩家，只要脱离沉浸感，纯写剧情反而结果会好…</p>
<p>古剑三也挺好的，很明显这也是不用代入主角的游戏，有沉浸感大概是本土文化滤镜吧。玩基于西方神话种族体系的就不行，代不了。</p></div><div class="sc-34044af7-1 ijkjhF"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(1500px);visibility:hidden"><section class="sc-34044af7-0 hrUeov"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-08-23 10:48</span><span class="meta-sm word-count">99<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe gzXNHi"><p>屏幕调白平衡的软件 <a href="https://justgetflux.com/">https://justgetflux.com/</a> ，才发现我最适应的色温大概在 5700k。标准的 6500K sRGB 对我来说太刺眼了，看不了太长时间的蓝光+高饱和……</p></div><div class="sc-34044af7-1 dNlEEG"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(1800px);visibility:hidden"><section class="sc-34044af7-0 hGqXun"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-08-23 08:18</span><span class="meta-sm word-count">715<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe bSahHD"><p>虽然但是，ppi 小于 200，一般场景还好，但一开始涉及打印，看小说一类的，就不免会和现实的媒介比，win 这不上 4k 屏感觉真眼瞎……什么，16寸的2.5k屏 ppi 还不够吗？你好，是的，真的很明显，被虫啃了。</p>
<p>另外，把网页的字体 fallback 换成了方正兰亭黑Pro，字形真的前所未有的顺眼……微软雅黑就算改进过的也还是烂……不过 hinting 做得最好的还是更纱黑体。思源的 hinting 是一坨了。</p>
<p>关于 <span class="tag">#<!-- -->博客<!-- --> </span> 搜索，有考虑改数据库存储的方案，方案早就有想好了，客户端的接口形式也预留了，现在的 memo 就是数据获取的其中一种实现，非常的 CSR。剩下的就是看能不能找到靠谱且没那么贵的服务了，个人博客的 hosting 没什么流量，我也不是很常用。说来其实 memo 想存数据库主要是考虑搜索，目前的全文搜索真的很全文，都没有索引的……虽然写了三年的废话大小加起来连500k 也没有，长文那边 100k 也没有，完全不必担心……</p>
<p>个人一生能写的字数，大概除了写小说的，做成搜索的话用无索引全文搜索完全够了……我好像十四年的微博7000条了吧，可能 50-80 万字。memo 差不多有十万字，但搜索起来感觉就是瞬间无延迟，连 Searching 的状态指示都看不到……最大的时间消耗在第一次获取搜索数据上，也就是网络延迟……而且不是全文匹配，结果一旦符合就中断相应条目的匹配，搜不到时才是用时最久的，也用不了几秒。这么一说，个人博客废话再多也还是没有必要上数据库……实在久了就加上，只搜最近的500条所有带 tag 的条目……然后以后的处理器会越来越好，感觉远远大于，人的废话膨胀速度……</p></div><div class="sc-34044af7-1 ijkjhF"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(2100px);visibility:hidden"><section class="sc-34044af7-0 hGqXun"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-08-18 00:30</span><span class="meta-sm word-count">689<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe bSahHD"><p>跟着一梦徽州教程一步步摆做了几次后，突然就会变得会设计家园了……对于信息密度的把控与刻画细节，是可以通过重复临摹提升的，如果要走商业风格，前期多临摹很有用，真的。</p>
<p>另外谢谢谦谦……虽然自己还是很菜，但少了一些，再学什么都不会有所改变的想法。</p>
<p>真的不能总是让某些人狭窄的人生观去占据脑子，当把人考虑为一个定量的因素后，人才真的变成了一个定量的因素。但本不应如此，不应由过去的经验塑造未来，而应由当下。总是看别人、看过去，情况不会有任何改善。对未来做出承诺也是不可能的，只有看着过去决定未来的人可以对未来做出预测，想要有改变那未来必定难以预测。</p>
<p>所以请不要使用过去决定未来，会真正完全地丧失掉应有的活力。悲观的是简中的大氛围都是这样，存在着“无法赎清的罪孽”，甚至虚构的角色都不放过，比如散兵。</p>
<p>然后去了听 logseq 在 discord 的直播……全英文还是，可怕！只有在带耳机、网络好、对方没有很含糊不清的情况下比较听得懂。那个提问的有一点点印度口音的说话比管社区的人听得懂一些……很难想象这样要怎么面试啊啊啊啊！</p>
<p>我自从没什么机会说话后，又因为唱歌狂念日语歌词，中文已经说不太好了，稍微快一点舌头和口腔就会不听使唤，然后结巴……最近过剧情的时候都有意开始念台词了，像小学生一样，念不顺的词就重复念，练中文发音会用到的肌肉，特别是 ji 和 yi，舌根处用力把气流收得很窄，标准发音时会口吃，如果是说南方口音就不会口吃。才发现其实配音说话都很快，又快又清楚。天哪之前根本没觉得把话说得快而清楚是需要努力的一件事，我 18 年的视频说话就是又快又清楚的……落泪了</p></div><div class="sc-34044af7-1 ijkjhF"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(2400px);visibility:hidden"><section class="sc-34044af7-0 hrUeov"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-08-05 23:28</span><span class="meta-sm word-count">140<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe gzXNHi"><p>才发现代码随想录的题解是相当个人的，废话超级多而且不说人话。KMP那里才完全感受到，一直在套名词定义，但其实直观解释两句就能让人明白，但就一直搁那里套定义，然后为了定义准确说了一堆废话。我感觉自从我做碎片化笔记后就变得不太会写教程了，我还是要努力去变得直观一些，多加一些图！</p></div><div class="sc-34044af7-1 dNlEEG"><div class="rd-more"><span>展开全文</span></div></div></div></section></div><div style="position:absolute;width:100%;transform:translateY(2700px);visibility:hidden"><section class="sc-34044af7-0 hGqXun"><div class="content"><div class="sc-34044af7-3 cOSeLv"><img class="avatar" src="/avatar-white.png" alt="Sansui"/><div class="meta-text"><span class="author">Sansui</span><span class="meta-sm date">2024-08-01 17:45</span><span class="meta-sm word-count">260<!-- --> 字</span></div></div><div class="sc-584e939e-0 sc-34044af7-2 kNXvUe bSahHD"><p>解决 2024年 windows 只能设置一个字体的应用们的无衬线中文还是优先 fallback 到新宋体的问题：去注册表，<code>HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontLink\SystemLink</code>把 Microsoft Sans Serif 中 SIMSUN.TTC 那一行去掉……服惹 win7 就有微软雅黑了留着宋体 fallback 干嘛……还是说他们也知道微软雅黑的正文阅读体验很差劲……但宋体不搭更差劲啊！</p></div><div class="sc-34044af7-1 ijkjhF"><div class="rd-more"><span>展开全文</span></div></div></div></section></div></div></div><footer style="margin-top:5rem" class="sc-705178b-0 cPWGjz"><a href="https://github.com/sansui233"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a href="mailto:sansuilnm@gmail.com"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></a><a href="/rss"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a><div>Code & Design by Sansui 2023<!-- --> <br/> <!-- -->All rights reserved</div></footer></div></div><div class="sc-63f680a8-3 lojZEX"><div class="sc-ec28849d-2 cBkkAk"><div class="close-btn">小小の菜单<svg xmlns="http://www.w3.org/2000/svg" width="1.25em" height="1.25em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" style="margin-left:.5rem"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><div class="sc-ec28849d-3 dFUkQN"><input type="text" placeholder="搜索"/><svg xmlns="http://www.w3.org/2000/svg" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hover-gold"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><section class="sc-ef5d5bff-0 cQigcO"><div class="item active"><span class="title">说说</span><span class="count">212</span></div><div class="item"><span class="title">图片</span><span class="count">18</span></div></section><section class="sc-8d318c76-0 cmZtGJ"><div class="sc-8d318c76-1 jKGhWN"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag" style="margin-right:0.5em"><path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z"></path><path d="M7 7h.01"></path></svg>标签</div><div style="padding-top:0.5rem;font-size:0.9rem"><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>博客<span style="opacity:0.5">(<!-- -->4<!-- -->)</span></span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>沉思<span style="opacity:0.5">(<!-- -->4<!-- -->)</span></span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>obsidian</span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>五笔输入法</span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>书</span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>工具<span style="opacity:0.5">(<!-- -->5<!-- -->)</span></span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>故事</span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>react</span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>漫画</span><span class="hover-gold" style="display:inline-block;padding-right:0.75em"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash" style="opacity:0.5;padding-right:1px"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg>mdx</span></div></section><section class="sc-8d318c76-0 cmZtGJ"><div class="sc-8d318c76-1 jKGhWN"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" style="margin-right:0.5em"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>朋友</div><div style="padding-top:0.5rem;font-size:0.9rem"><div><a class="sc-6343878f-0 bVseA-d" href="https://gawainx.github.io/">Gawain Antarx</a></div><div><a class="sc-6343878f-0 bVseA-d" href="https://starfish.yuzhehao.com/">ABYSS WHALE</a></div></div></section><section class="sc-8d318c76-0 cmZtGJ"><div class="sc-8d318c76-1 jKGhWN"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" style="margin-right:0.5em"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>最近留言</div><div style="padding-top:0.5rem;font-size:0.9rem"><div class="sc-5dcdea9e-0 bFhyit"><li>等等，好像没有评论哦~</li></div><button class="sc-5dcdea9e-1 iDdbJX"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil-line" style="margin-right:0.5em"><path d="M12 20h9"></path><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"></path><path d="m15 5 3 3"></path></svg><span>添加留言</span></button></div></section></div></div></div></div></main></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"client":"static","source":[{"id":"2024-09-15 05:22:27","content":"\n望着一年前写的类型推断发呆……这他妈是我能写出来的东西？好牛逼，怎么写的，看一眼。\n\n是的如果 API 没有强健的类型检查我会死，只记得当时写得要死要活的感觉在手搓框架……\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,0],"code":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ...props.components\n };\n return _jsxs(_Fragment, {\n children: [_jsx(_components.p, {\n children: \"望着一年前写的类型推断发呆……这他妈是我能写出来的东西？好牛逼，怎么写的，看一眼。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"是的如果 API 没有强健的类型检查我会死，只记得当时写得要死要活的感觉在手搓框架……\"\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":89},{"id":"2024-09-10 19:07:59","content":"\n- [从一道让我失眠的 Promise 面试题开始，深入分析 Promise](https://juejin.cn/post/6945319439772434469)\n\n我又在看手写 Promise，这个题也让我失眠……文章写得非常非常好。\n\n到最后看到评论：wtf?? 竟然是引擎优化导致的，不是我对 Promise 机制理解有误……\n\n有的评论强行说 Promise.resolve return 是两次微任务，不是 Promise 构造时被丢到微任务队列，而是 Promise 被 resolve 后，then 方法里的代码被丢到微任务队列。服了，谁会把构造函数扔队列……我也理解错了好久，Promise 构造是同步代码，但里面会有异步代码，then 进入队列时并不是在 Promise 构造时的那轮事件循环里。\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,1],"code":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n li: \"li\",\n p: \"p\",\n ul: \"ul\",\n ...props.components\n };\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.ul, {\n children: [\"\\n\", _jsx(_components.li, {\n children: _jsx(_components.a, {\n href: \"https://juejin.cn/post/6945319439772434469\",\n children: \"从一道让我失眠的 Promise 面试题开始，深入分析 Promise\"\n })\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"我又在看手写 Promise，这个题也让我失眠……文章写得非常非常好。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"到最后看到评论：wtf?? 竟然是引擎优化导致的，不是我对 Promise 机制理解有误……\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"有的评论强行说 Promise.resolve return 是两次微任务，不是 Promise 构造时被丢到微任务队列，而是 Promise 被 resolve 后，then 方法里的代码被丢到微任务队列。服了，谁会把构造函数扔队列……我也理解错了好久，Promise 构造是同步代码，但里面会有异步代码，then 进入队列时并不是在 Promise 构造时的那轮事件循环里。\"\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":362},{"id":"2024-09-07 20:46:22","content":"\n去朋友家帮忙搬家一天……对方已经搬得腰肌劳损了。我去就是想进行一些体力劳动，实在是久坐不住。搬家师傅竟然是广告行业的，周末出来兼职搬家……可恶，我也想做些带体力的工作，不是很想整天对着屏幕的这个小框框了，想动，想看看别的地方。\n\n\n","tags":[],"imgsmd":[""],"sourceFile":"003.md","csrIndex":[0,2],"code":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"去朋友家帮忙搬家一天……对方已经搬得腰肌劳损了。我去就是想进行一些体力劳动，实在是久坐不住。搬家师傅竟然是广告行业的，周末出来兼职搬家……可恶，我也想做些带体力的工作，不是很想整天对着屏幕的这个小框框了，想动，想看看别的地方。\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":117},{"id":"2024-09-03 09:31:00","content":"\n看到一个交互的仓库：[veloxijs.com](https://veloxijs.com/)。瞪大了眼睛……其实 react-spring 做动画也好用但缺交互事件，交互要额外绑。而我觉得其实绑交互才是最麻烦，多平台有区分，还要干掉一些和原生交互冲突的问题……我在那手撮交互和动画算什么！！不过一看打包体积 50 多k，那还是手搓吧，按需手撮 5k 不到……\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,3],"code":"\"use strict\";\nconst {jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n p: \"p\",\n ...props.components\n };\n return _jsxs(_components.p, {\n children: [\"看到一个交互的仓库：\", _jsx(_components.a, {\n href: \"https://veloxijs.com/\",\n children: \"veloxijs.com\"\n }), \"。瞪大了眼睛……其实 react-spring 做动画也好用但缺交互事件，交互要额外绑。而我觉得其实绑交互才是最麻烦，多平台有区分，还要干掉一些和原生交互冲突的问题……我在那手撮交互和动画算什么！！不过一看打包体积 50 多k，那还是手搓吧，按需手撮 5k 不到……\"]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":183},{"id":"2024-08-26 10:48:17","content":"\n推荐短篇漫画[小狐狸化形记](https://weibo.com/5790748645/Otq6Td0Jm)。在作品要么连篇累牍的设定与废话，要么网文快节奏模板的时代，已经感觉已经好久好久，没有看过这样能写进教科书一般的，剧本了。\n\n二游的剧情其实我都看不太进去，大概就 fgo 2.6 还行，1.6 已经不记得了……然后原里枫丹审判看得还行，没有逻辑 bug 已经万幸了，要有代入感就算了。二游太注重打造异世界和卖角色了，但**代入感反而是要能映射现实才会有**…支线有不少抄名著的但抄得很生硬，反应人性不是故意写脑子有病的家庭啊喂。\n\n枫丹把矛盾归结在了“天理”上，为了解决“天理”的问题而选择牺牲自己，算是非常讨巧的做法，这是一种“虚构的矛盾”，虽然不符合现实但是非常符合异世界卖角色的二游。\n\n崩铁 2.3匹诺康尼大立意很好，但小分段上也还是在卖异世界社达体验，观感上最好的是只为剧情服务的星期日……他出场不多（物理）却有非常多真实的侧写，一是和妹妹的互动，二是有领导压力和家族派系之间的压力，三是有真实的动机——想人们能快乐摸鱼。这些和异世界结合也没有违和感。大部分角色做好一个点就不错了，砂金做好童年创伤就大卖特卖…说到底还是大部分二游角色过于扁平，没有现实的复杂度支撑不住。\n\n然后这也可以解释崩铁垃圾桶会塑造得很成功。首先主角独特的捡垃圾 xp 就逆天，其次“垃圾”这词在当代象征了太多。垃圾除了能指人，还有十连抽出“金色传说垃圾”嘲讽了抽卡。垃圾桶的外形和战斗机制也足够搞笑……符号比角色好出效果可太真实了。\n\n然后说回 fgo 2.6，厉害的点就在于每个人都是活的，矛盾和动机是真实且鲜明的“人之间的故事”（指抽象的人）。明明都是异世界卖角色，蘑菇怎么写出来的……可能是 fgo 最不需要的就是沉浸感吧……对于看剧情的玩家，只要脱离沉浸感，纯写剧情反而结果会好…\n\n古剑三也挺好的，很明显这也是不用代入主角的游戏，有沉浸感大概是本土文化滤镜吧。玩基于西方神话种族体系的就不行，代不了。\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,4],"code":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n p: \"p\",\n strong: \"strong\",\n ...props.components\n };\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"推荐短篇漫画\", _jsx(_components.a, {\n href: \"https://weibo.com/5790748645/Otq6Td0Jm\",\n children: \"小狐狸化形记\"\n }), \"。在作品要么连篇累牍的设定与废话，要么网文快节奏模板的时代，已经感觉已经好久好久，没有看过这样能写进教科书一般的，剧本了。\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"二游的剧情其实我都看不太进去，大概就 fgo 2.6 还行，1.6 已经不记得了……然后原里枫丹审判看得还行，没有逻辑 bug 已经万幸了，要有代入感就算了。二游太注重打造异世界和卖角色了，但\", _jsx(_components.strong, {\n children: \"代入感反而是要能映射现实才会有\"\n }), \"…支线有不少抄名著的但抄得很生硬，反应人性不是故意写脑子有病的家庭啊喂。\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"枫丹把矛盾归结在了“天理”上，为了解决“天理”的问题而选择牺牲自己，算是非常讨巧的做法，这是一种“虚构的矛盾”，虽然不符合现实但是非常符合异世界卖角色的二游。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"崩铁 2.3匹诺康尼大立意很好，但小分段上也还是在卖异世界社达体验，观感上最好的是只为剧情服务的星期日……他出场不多（物理）却有非常多真实的侧写，一是和妹妹的互动，二是有领导压力和家族派系之间的压力，三是有真实的动机——想人们能快乐摸鱼。这些和异世界结合也没有违和感。大部分角色做好一个点就不错了，砂金做好童年创伤就大卖特卖…说到底还是大部分二游角色过于扁平，没有现实的复杂度支撑不住。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"然后这也可以解释崩铁垃圾桶会塑造得很成功。首先主角独特的捡垃圾 xp 就逆天，其次“垃圾”这词在当代象征了太多。垃圾除了能指人，还有十连抽出“金色传说垃圾”嘲讽了抽卡。垃圾桶的外形和战斗机制也足够搞笑……符号比角色好出效果可太真实了。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"然后说回 fgo 2.6，厉害的点就在于每个人都是活的，矛盾和动机是真实且鲜明的“人之间的故事”（指抽象的人）。明明都是异世界卖角色，蘑菇怎么写出来的……可能是 fgo 最不需要的就是沉浸感吧……对于看剧情的玩家，只要脱离沉浸感，纯写剧情反而结果会好…\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"古剑三也挺好的，很明显这也是不用代入主角的游戏，有沉浸感大概是本土文化滤镜吧。玩基于西方神话种族体系的就不行，代不了。\"\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":855},{"id":"2024-08-23 10:48:53","content":"\n屏幕调白平衡的软件 https://justgetflux.com/ ，才发现我最适应的色温大概在 5700k。标准的 6500K sRGB 对我来说太刺眼了，看不了太长时间的蓝光+高饱和……\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,5],"code":"\"use strict\";\nconst {jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n p: \"p\",\n ...props.components\n };\n return _jsxs(_components.p, {\n children: [\"屏幕调白平衡的软件 \", _jsx(_components.a, {\n href: \"https://justgetflux.com/\",\n children: \"https://justgetflux.com/\"\n }), \" ，才发现我最适应的色温大概在 5700k。标准的 6500K sRGB 对我来说太刺眼了，看不了太长时间的蓝光+高饱和……\"]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":99},{"id":"2024-08-23 08:18:14","content":"\n虽然但是，ppi 小于 200，一般场景还好，但一开始涉及打印，看小说一类的，就不免会和现实的媒介比，win 这不上 4k 屏感觉真眼瞎……什么，16寸的2.5k屏 ppi 还不够吗？你好，是的，真的很明显，被虫啃了。\n\n另外，把网页的字体 fallback 换成了方正兰亭黑Pro，字形真的前所未有的顺眼……微软雅黑就算改进过的也还是烂……不过 hinting 做得最好的还是更纱黑体。思源的 hinting 是一坨了。\n\n关于 #博客 搜索，有考虑改数据库存储的方案，方案早就有想好了，客户端的接口形式也预留了，现在的 memo 就是数据获取的其中一种实现，非常的 CSR。剩下的就是看能不能找到靠谱且没那么贵的服务了，个人博客的 hosting 没什么流量，我也不是很常用。说来其实 memo 想存数据库主要是考虑搜索，目前的全文搜索真的很全文，都没有索引的……虽然写了三年的废话大小加起来连500k 也没有，长文那边 100k 也没有，完全不必担心……\n\n个人一生能写的字数，大概除了写小说的，做成搜索的话用无索引全文搜索完全够了……我好像十四年的微博7000条了吧，可能 50-80 万字。memo 差不多有十万字，但搜索起来感觉就是瞬间无延迟，连 Searching 的状态指示都看不到……最大的时间消耗在第一次获取搜索数据上，也就是网络延迟……而且不是全文匹配，结果一旦符合就中断相应条目的匹配，搜不到时才是用时最久的，也用不了几秒。这么一说，个人博客废话再多也还是没有必要上数据库……实在久了就加上，只搜最近的500条所有带 tag 的条目……然后以后的处理器会越来越好，感觉远远大于，人的废话膨胀速度……\n\n","tags":["博客"],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,6],"code":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ...props.components\n }, {Tag} = _components;\n if (!Tag) _missingMdxReference(\"Tag\", true);\n return _jsxs(_Fragment, {\n children: [_jsx(_components.p, {\n children: \"虽然但是，ppi 小于 200，一般场景还好，但一开始涉及打印，看小说一类的，就不免会和现实的媒介比，win 这不上 4k 屏感觉真眼瞎……什么，16寸的2.5k屏 ppi 还不够吗？你好，是的，真的很明显，被虫啃了。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"另外，把网页的字体 fallback 换成了方正兰亭黑Pro，字形真的前所未有的顺眼……微软雅黑就算改进过的也还是烂……不过 hinting 做得最好的还是更纱黑体。思源的 hinting 是一坨了。\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"关于 \", _jsx(Tag, {\n text: \"博客\"\n }), \" 搜索，有考虑改数据库存储的方案，方案早就有想好了，客户端的接口形式也预留了，现在的 memo 就是数据获取的其中一种实现，非常的 CSR。剩下的就是看能不能找到靠谱且没那么贵的服务了，个人博客的 hosting 没什么流量，我也不是很常用。说来其实 memo 想存数据库主要是考虑搜索，目前的全文搜索真的很全文，都没有索引的……虽然写了三年的废话大小加起来连500k 也没有，长文那边 100k 也没有，完全不必担心……\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"个人一生能写的字数，大概除了写小说的，做成搜索的话用无索引全文搜索完全够了……我好像十四年的微博7000条了吧，可能 50-80 万字。memo 差不多有十万字，但搜索起来感觉就是瞬间无延迟，连 Searching 的状态指示都看不到……最大的时间消耗在第一次获取搜索数据上，也就是网络延迟……而且不是全文匹配，结果一旦符合就中断相应条目的匹配，搜不到时才是用时最久的，也用不了几秒。这么一说，个人博客废话再多也还是没有必要上数据库……实在久了就加上，只搜最近的500条所有带 tag 的条目……然后以后的处理器会越来越好，感觉远远大于，人的废话膨胀速度……\"\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","length":715},{"id":"2024-08-18 00:30:21","content":"\n跟着一梦徽州教程一步步摆做了几次后，突然就会变得会设计家园了……对于信息密度的把控与刻画细节，是可以通过重复临摹提升的，如果要走商业风格，前期多临摹很有用，真的。\n\n另外谢谢谦谦……虽然自己还是很菜，但少了一些，再学什么都不会有所改变的想法。\n\n真的不能总是让某些人狭窄的人生观去占据脑子，当把人考虑为一个定量的因素后，人才真的变成了一个定量的因素。但本不应如此，不应由过去的经验塑造未来，而应由当下。总是看别人、看过去，情况不会有任何改善。对未来做出承诺也是不可能的，只有看着过去决定未来的人可以对未来做出预测，想要有改变那未来必定难以预测。\n\n所以请不要使用过去决定未来，会真正完全地丧失掉应有的活力。悲观的是简中的大氛围都是这样，存在着“无法赎清的罪孽”，甚至虚构的角色都不放过，比如散兵。\n\n然后去了听 logseq 在 discord 的直播……全英文还是，可怕！只有在带耳机、网络好、对方没有很含糊不清的情况下比较听得懂。那个提问的有一点点印度口音的说话比管社区的人听得懂一些……很难想象这样要怎么面试啊啊啊啊！\n\n我自从没什么机会说话后，又因为唱歌狂念日语歌词，中文已经说不太好了，稍微快一点舌头和口腔就会不听使唤，然后结巴……最近过剧情的时候都有意开始念台词了，像小学生一样，念不顺的词就重复念，练中文发音会用到的肌肉，特别是 ji 和 yi，舌根处用力把气流收得很窄，标准发音时会口吃，如果是说南方口音就不会口吃。才发现其实配音说话都很快，又快又清楚。天哪之前根本没觉得把话说得快而清楚是需要努力的一件事，我 18 年的视频说话就是又快又清楚的……落泪了\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,7],"code":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ...props.components\n };\n return _jsxs(_Fragment, {\n children: [_jsx(_components.p, {\n children: \"跟着一梦徽州教程一步步摆做了几次后，突然就会变得会设计家园了……对于信息密度的把控与刻画细节，是可以通过重复临摹提升的，如果要走商业风格，前期多临摹很有用，真的。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"另外谢谢谦谦……虽然自己还是很菜，但少了一些，再学什么都不会有所改变的想法。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"真的不能总是让某些人狭窄的人生观去占据脑子，当把人考虑为一个定量的因素后，人才真的变成了一个定量的因素。但本不应如此，不应由过去的经验塑造未来，而应由当下。总是看别人、看过去，情况不会有任何改善。对未来做出承诺也是不可能的，只有看着过去决定未来的人可以对未来做出预测，想要有改变那未来必定难以预测。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"所以请不要使用过去决定未来，会真正完全地丧失掉应有的活力。悲观的是简中的大氛围都是这样，存在着“无法赎清的罪孽”，甚至虚构的角色都不放过，比如散兵。\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"然后去了听 logseq 在 discord 的直播……全英文还是，可怕！只有在带耳机、网络好、对方没有很含糊不清的情况下比较听得懂。那个提问的有一点点印度口音的说话比管社区的人听得懂一些……很难想象这样要怎么面试啊啊啊啊！\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"我自从没什么机会说话后，又因为唱歌狂念日语歌词，中文已经说不太好了，稍微快一点舌头和口腔就会不听使唤，然后结巴……最近过剧情的时候都有意开始念台词了，像小学生一样，念不顺的词就重复念，练中文发音会用到的肌肉，特别是 ji 和 yi，舌根处用力把气流收得很窄，标准发音时会口吃，如果是说南方口音就不会口吃。才发现其实配音说话都很快，又快又清楚。天哪之前根本没觉得把话说得快而清楚是需要努力的一件事，我 18 年的视频说话就是又快又清楚的……落泪了\"\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":689},{"id":"2024-08-05 23:28:21","content":"\n才发现代码随想录的题解是相当个人的，废话超级多而且不说人话。KMP那里才完全感受到，一直在套名词定义，但其实直观解释两句就能让人明白，但就一直搁那里套定义，然后为了定义准确说了一堆废话。我感觉自从我做碎片化笔记后就变得不太会写教程了，我还是要努力去变得直观一些，多加一些图！\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,8],"code":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"才发现代码随想录的题解是相当个人的，废话超级多而且不说人话。KMP那里才完全感受到，一直在套名词定义，但其实直观解释两句就能让人明白，但就一直搁那里套定义，然后为了定义准确说了一堆废话。我感觉自从我做碎片化笔记后就变得不太会写教程了，我还是要努力去变得直观一些，多加一些图！\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":140},{"id":"2024-08-01 17:45:27","content":"\n解决 2024年 windows 只能设置一个字体的应用们的无衬线中文还是优先 fallback 到新宋体的问题：去注册表，`HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows NT\\CurrentVersion\\FontLink\\SystemLink`把 Microsoft Sans Serif 中 SIMSUN.TTC 那一行去掉……服惹 win7 就有微软雅黑了留着宋体 fallback 干嘛……还是说他们也知道微软雅黑的正文阅读体验很差劲……但宋体不搭更差劲啊！\n\n","tags":[],"imgsmd":[],"sourceFile":"003.md","csrIndex":[0,9],"code":"\"use strict\";\nconst {jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n code: \"code\",\n p: \"p\",\n ...props.components\n };\n return _jsxs(_components.p, {\n children: [\"解决 2024年 windows 只能设置一个字体的应用们的无衬线中文还是优先 fallback 到新宋体的问题：去注册表，\", _jsx(_components.code, {\n children: \"HKEY_LOCAL_MACHINE\\\\SOFTWARE\\\\Microsoft\\\\Windows NT\\\\CurrentVersion\\\\FontLink\\\\SystemLink\"\n }), \"把 Microsoft Sans Serif 中 SIMSUN.TTC 那一行去掉……服惹 win7 就有微软雅黑了留着宋体 fallback 干嘛……还是说他们也知道微软雅黑的正文阅读体验很差劲……但宋体不搭更差劲啊！\"]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","length":260}],"info":{"pages":21,"memos":212,"tags":10,"imgs":18,"fileMap":[{"srcName":"003.md","lastModified":1726349118106,"dateRange":{"start":"2024-09-15 05:22","end":"2024-01-01 00:00"},"startAt":{"page":0,"index":0},"endAt":{"page":5,"index":0}},{"srcName":"002.md","lastModified":1704142441953,"dateRange":{"start":"2023-12-30 01:38","end":"2023-08-21 08:00"},"startAt":{"page":5,"index":1},"endAt":{"page":11,"index":7}},{"srcName":"001.md","lastModified":1708185575449,"dateRange":{"start":"2023-03-17 08:00","end":"2019-07-16 08:00"},"startAt":{"page":11,"index":8},"endAt":{"page":21,"index":0}},{"srcName":"000.md","lastModified":1704112748054,"dateRange":{"start":"1980-01-01 00:48","end":"1980-01-01 00:48"},"startAt":{"page":21,"index":1},"endAt":{"page":21,"index":1}}],"pageMap":[{"page":0,"startDate":1726348947000,"endDate":1722505527000},{"page":1,"startDate":1722055609000,"endDate":1711040337000},{"page":2,"startDate":1710506445000,"endDate":1708285396000},{"page":3,"startDate":1708274543000,"endDate":1706525503000},{"page":4,"startDate":1706190577000,"endDate":1704244521000},{"page":5,"startDate":1704038400000,"endDate":1702161776000},{"page":6,"startDate":1701895968000,"endDate":1700931080000},{"page":7,"startDate":1700921595000,"endDate":1700312752000},{"page":8,"startDate":1700309068000,"endDate":1699488259000},{"page":9,"startDate":1699451679000,"endDate":1698867557000},{"page":10,"startDate":1698780786000,"endDate":1695168000000},{"page":11,"startDate":1694736000000,"endDate":1677974400000},{"page":12,"startDate":1677888000000,"endDate":1676073600000},{"page":13,"startDate":1675987200000,"endDate":1670025600000},{"page":14,"startDate":1670001564000,"endDate":1662681600000},{"page":15,"startDate":1661385600000,"endDate":1654732800000},{"page":16,"startDate":1654473600000,"endDate":1652745600000},{"page":17,"startDate":1652659200000,"endDate":1638230400000},{"page":18,"startDate":1638057600000,"endDate":1633996800000},{"page":19,"startDate":1632931199000,"endDate":1616083199000},{"page":20,"startDate":1615910399000,"endDate":1606319999000},{"page":21,"startDate":1563235200000,"endDate":-1}]},"memotags":[{"name":"博客","memoIds":["2024-08-23 08:18:14","2023-11-06 21:20:06","2023-10-29 01:13:43","1980-01-01 00:48:28"]},{"name":"沉思","memoIds":["2024-02-28 17:24:54","2024-02-22 15:36:59","2024-02-13 16:01:25","2024-02-09 00:34:23"]},{"name":"obsidian","memoIds":["2024-02-18 01:19:32"]},{"name":"五笔输入法","memoIds":["2024-02-18 01:19:32"]},{"name":"书","memoIds":["2024-02-16 00:17:38"]},{"name":"工具","memoIds":["2023-12-27 18:09:43","2023-11-29 03:12:05","2023-11-21 00:57:14","2023-11-02 22:20:54","2023-08-30"]},{"name":"故事","memoIds":["2023-12-10 06:42:56"]},{"name":"react","memoIds":["2023-11-08 01:30:55"]},{"name":"漫画","memoIds":["2023-11-06 21:20:06"]},{"name":"mdx","memoIds":["2023-11-05 21:04:56"]}]},"__N_SSG":true},"page":"/memos","query":{},"buildId":"v2xs9-He_PmF63Y79luuY","isFallback":false,"dynamicIds":[3758],"gsp":true,"scriptLoader":[]}</script></body></html>