@wcj/github-rank 22.3.17 → 22.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +31159 -31154
  2. package/dist/sifou-daily.json +33 -87
  3. package/dist/sifou-monthly.json +116 -116
  4. package/dist/sifou-weekly.json +165 -165
  5. package/dist/toutiao-30.json +74 -74
  6. package/dist/toutiao-7.json +111 -111
  7. package/dist/toutiao-90.json +50 -50
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +166 -166
  10. package/dist/trending-weekly.json +164 -164
  11. package/dist/users.china.json +2342 -2343
  12. package/dist/users.json +3531 -3531
  13. package/package.json +1 -1
  14. package/web/36kr.html +35 -13
  15. package/web/data/repos.json +31159 -31154
  16. package/web/data/sifou-daily.json +33 -87
  17. package/web/data/sifou-monthly.json +116 -116
  18. package/web/data/sifou-weekly.json +165 -165
  19. package/web/data/toutiao-30.json +74 -74
  20. package/web/data/toutiao-7.json +111 -111
  21. package/web/data/toutiao-90.json +50 -50
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +166 -166
  24. package/web/data/trending-weekly.json +164 -164
  25. package/web/data/users.china.json +2342 -2343
  26. package/web/data/users.json +3531 -3531
  27. package/web/index.html +1791 -1769
  28. package/web/repos.html +3961 -3939
  29. package/web/sifou-daily.html +62 -208
  30. package/web/sifou-monthly.html +176 -154
  31. package/web/sifou-weekly.html +176 -154
  32. package/web/toutiao-30.html +121 -99
  33. package/web/toutiao-7.html +111 -89
  34. package/web/toutiao-90.html +98 -76
  35. package/web/trending-monthly.html +185 -159
  36. package/web/trending-weekly.html +185 -151
  37. package/web/trending.html +189 -163
  38. package/web/users.china.html +1245 -1223
package/web/sifou-monthly.html CHANGED
@@ -7,41 +7,63 @@
7
7
  <link rel="icon" type="image/x-icon" href="https://github.githubassets.com/favicon.ico">
8
8
  <title> Segmentfault 思否热门 </title>
9
9
  <meta name="description" content="Segmentfault 思否热门">
10
+ <style>
11
+ [data-color-mode*='dark'] {
12
+ --color-fg-default: #c9d1d9;
13
+ --color-fg-muted: #8b949e;
14
+ --color-fg-subtle: #484f58;
15
+ --color-accent-fg: #58a6ff;
16
+ --color-accent-emphasis: #1f6feb;
17
+ --color-link-hover: #58a6ff;
18
+ --color-tab-fg: #494949;
19
+ --color-border: #e2e2e2;
20
+ --color-neutral-muted: rgba(110,118,129,0.4);
21
+ }
22
+ [data-color-mode*='light'] {
23
+ --color-fg-default: #24292f;
24
+ --color-fg-muted: #57606a;
25
+ --color-fg-subtle: #6e7781;
26
+ --color-accent-fg: #0969da;
27
+ --color-accent-emphasis: #0969da;
28
+ --color-link-hover: #58a6ff;
29
+ --color-tab-fg: #e2e2e2;
30
+ --color-border: #000;
31
+ --color-neutral-muted: rgba(175,184,193,0.2);
32
+ }
33
+ </style>
10
34
  <style>
11
35
  * { box-sizing: border-box; }
12
36
  html, body, ul, li, h1 { margin: 0; padding: 0 }
13
37
  html, body { font-size: 16px; font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif; }
14
38
  ul { list-style: none; }
15
39
 
16
- a { color: #333; text-decoration: none; transition: all .2s ease-in; }
17
- a:hover { color: #1600ff; }
40
+ a { color: var(--color-accent-fg); text-decoration: none; transition: all .2s ease-in; }
41
+ a:hover { color: var(--color-link-hover); text-decoration: underline; }
18
42
  a.github-corner:hover .octo-arm { animation: octocat-wave 560ms infinite linear; }
19
43
  a.github-corner svg { fill: #f1f1f1; color: #000; position: absolute; top: 0; border: 0; right: 0; z-index: 99; width: 70px; height: 70px; }
20
44
  a.github-corner { position: fixed; z-index: 9999; top: 0; right: 0; }
21
45
 
22
46
  .title { padding: 32px 20px 10px 20px; font-size: 32px; display: flex; }
23
47
  .title a svg { display: block; }
24
- .title a { color: #0059ff; display: inline-block; margin-left: 10px; }
48
+ .title a { color: var(--color-accent-fg); display: inline-block; margin-left: 10px; }
25
49
  .time, .footer { padding: 5px 20px 2px 20px; font-size: 12px; color: #adadad; }
26
50
  .tabs { padding: 0 20px 5px 20px;}
27
- .tabs a { background: #e2e2e2; display: inline-block; border-radius: 2px; margin: 2px 0; padding: 2px 5px; font-size: 12px; line-height: 16px; color: #0366d6; }
51
+ .tabs a { background: var(--color-tab-fg); display: inline-block; border-radius: 2px; margin: 2px 0; padding: 2px 5px; font-size: 12px; line-height: 16px; color: var(--color-accent-fg); }
28
52
  .tabs a.active { background: #333; color: #efefef; }
29
53
  .tabs a:hover:not(.active) { background: #efefef; }
30
54
  .footer { padding: 0 20px 30px 20px; font-size: 12px; color: #adadad; }
31
55
  .footer .time { padding: 0; }
32
56
  .list { text-align: left; padding-bottom: 10px; margin: 0 15px; }
33
57
  .list img { width: 36px; height: 36px; border-radius: 3px; display: block; margin: 0 auto; background-color: #e2e2e2; border: 0; overflow: hidden; }
34
- .list a { color: #0366d6; }
35
- .list a:hover { color: #1600ff; }
36
58
  .list li { padding: 10px; transition: all .3s; }
37
59
  .list li.rank-title { margin: 0; padding: 3px 0 0 7px; margin-bottom: 10px; border-radius: 5px; font-size: 12px; line-height: 16px; }
38
60
  .list li.rank-title > a { margin-right: 10px; }
39
61
  .list li.rank-title:hover { background: transparent; }
40
62
  .list li:last-child, .list li.rank-title { border-bottom: 0; }
41
- .list li:hover { background: #efefef8f; }
63
+ .list li:hover { background: var(--color-neutral-muted); }
42
64
  .list li > div { display: table-cell; vertical-align: top; font-size: 14px; }
43
65
  .list li div.rank span { font-weight: bold; }
44
- .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: #b9b9b9; }
66
+ .list li div.details { padding: 2px 0 0 0; font-size: 12px; float: left; color: var(--color-fg-muted); }
45
67
  .list li div.details a { color: #b9b9b9; transition: all .3s; }
46
68
  .list li div.details a:hover { color: #1600ff; }
47
69
  .list li div.details a:hover svg { fill: #1600ff; }
@@ -51,12 +73,12 @@
51
73
  .list li > div.info { width: 100%; }
52
74
  .list li > div.info i { color: #717171; }
53
75
  .list li > div.info a:hover i { color: #333; }
54
- .list li div.sub-title { color: #333; margin: 4px 0 0 0; }
76
+ .list li div.sub-title { color: var(--color-theme-text); margin: 4px 0 0 0; }
55
77
  .list li div.avatar { padding-right: 10px; }
56
78
 
57
79
 
58
80
  .list .select { }
59
- .list .select .active { color: #333; font-weight: bold; border-bottom: 1px dotted #000;}
81
+ .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
60
82
 
61
83
 
62
84
 
@@ -70,8 +92,7 @@
70
92
  .title { padding-top: 16px; font-size: 21px; }
71
93
  }
72
94
  </style>
73
- <style>
74
- </style>
95
+ <script src="https://unpkg.com/@wcj/dark-mode"></script>
75
96
  </head>
76
97
  <body>
77
98
  <a href="https://github.com/jaywcjlove/github-rank" target="_blank" class="github-corner">
@@ -82,6 +103,7 @@
82
103
  </svg>
83
104
  </a>
84
105
  <h1 class="title">
106
+ <dark-mode permanent></dark-mode>
85
107
  Segmentfault 思否热门
86
108
 
87
109
 
@@ -94,7 +116,7 @@
94
116
 
95
117
 
96
118
  </h1>
97
- <div class="time">Last cache created on 2022/3/17 by
119
+ <div class="time">Last cache created on 2022/3/20 by
98
120
 
99
121
 
100
122
 
@@ -136,7 +158,7 @@
136
158
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
137
159
  </g>
138
160
  </svg>
139
- <span>68</span>
161
+ <span>72</span>
140
162
  </span>
141
163
  &nbsp;
142
164
  <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
@@ -164,7 +186,7 @@
164
186
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
165
187
  </g>
166
188
  </svg>
167
- <span>44</span>
189
+ <span>46</span>
168
190
  </span>
169
191
  &nbsp;
170
192
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -181,7 +203,7 @@
181
203
  <div class="info">
182
204
  <div class="rank">
183
205
  <span title="Ranking 3">3</span>
184
- <a href="https://segmentfault.com/a/1190000041405707" target="_blank" title="【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1">【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1</a>
206
+ <a href="https://segmentfault.com/a/1190000041517764" target="_blank" title="音视频通信加餐 —— WebRTC一肝到底">音视频通信加餐 —— WebRTC一肝到底</a>
185
207
  </div>
186
208
  <div class="sub-title followers">
187
209
 
@@ -195,12 +217,12 @@
195
217
  <span>36</span>
196
218
  </span>
197
219
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
199
- <span>wlove</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
221
+ <span>杨成功</span>
200
222
  </a>
201
223
  </div>
202
224
  <div class="details">
203
- 在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
225
+ 原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。
204
226
  </div>
205
227
  </div>
206
228
  </li>
@@ -209,7 +231,7 @@
209
231
  <div class="info">
210
232
  <div class="rank">
211
233
  <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041517764" target="_blank" title="音视频通信加餐 —— WebRTC一肝到底">音视频通信加餐 —— WebRTC一肝到底</a>
234
+ <a href="https://segmentfault.com/a/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
213
235
  </div>
214
236
  <div class="sub-title followers">
215
237
 
@@ -220,15 +242,15 @@
220
242
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
221
243
  </g>
222
244
  </svg>
223
- <span>28</span>
245
+ <span>31</span>
224
246
  </span>
225
247
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
227
- <span>杨成功</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
249
+ <span>wuwhs</span>
228
250
  </a>
229
251
  </div>
230
252
  <div class="details">
231
- 原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。
253
+ 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
232
254
  </div>
233
255
  </div>
234
256
  </li>
@@ -237,7 +259,7 @@
237
259
  <div class="info">
238
260
  <div class="rank">
239
261
  <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041415254" target="_blank" title="7个杀手级的JS一行代码">7个杀手级的JS一行代码</a>
262
+ <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
241
263
  </div>
242
264
  <div class="sub-title followers">
243
265
 
@@ -248,15 +270,15 @@
248
270
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
249
271
  </g>
250
272
  </svg>
251
- <span>32</span>
273
+ <span>27</span>
252
274
  </span>
253
275
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
255
- <span>gaoryrt</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
277
+ <span>码哥字节</span>
256
278
  </a>
257
279
  </div>
258
280
  <div class="details">
259
- 这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...
281
+ Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
260
282
  </div>
261
283
  </div>
262
284
  </li>
@@ -265,7 +287,7 @@
265
287
  <div class="info">
266
288
  <div class="rank">
267
289
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
290
+ <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
269
291
  </div>
270
292
  <div class="sub-title followers">
271
293
 
@@ -276,15 +298,15 @@
276
298
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
277
299
  </g>
278
300
  </svg>
279
- <span>31</span>
301
+ <span>27</span>
280
302
  </span>
281
303
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
283
- <span>wuwhs</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
305
+ <span>XboxYan</span>
284
306
  </a>
285
307
  </div>
286
308
  <div class="details">
287
- 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
309
+ linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
288
310
  </div>
289
311
  </div>
290
312
  </li>
@@ -293,7 +315,7 @@
293
315
  <div class="info">
294
316
  <div class="rank">
295
317
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
318
+ <a href="https://segmentfault.com/a/1190000041549883" target="_blank" title="css 的 filter属性竟然如此好玩">css 的 filter属性竟然如此好玩</a>
297
319
  </div>
298
320
  <div class="sub-title followers">
299
321
 
@@ -304,15 +326,15 @@
304
326
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
305
327
  </g>
306
328
  </svg>
307
- <span>27</span>
329
+ <span>29</span>
308
330
  </span>
309
331
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
311
- <span>码哥字节</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
333
+ <span>lulu_up</span>
312
334
  </a>
313
335
  </div>
314
336
  <div class="details">
315
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
337
+ 在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。
316
338
  </div>
317
339
  </div>
318
340
  </li>
@@ -321,7 +343,7 @@
321
343
  <div class="info">
322
344
  <div class="rank">
323
345
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！(协同仓库该有的规范)🔥">谁动了我的代码！(协同仓库该有的规范)🔥</a>
346
+ <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
325
347
  </div>
326
348
  <div class="sub-title followers">
327
349
 
@@ -332,15 +354,15 @@
332
354
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
333
355
  </g>
334
356
  </svg>
335
- <span>23</span>
357
+ <span>24</span>
336
358
  </span>
337
359
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
339
- <span>荣顶</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
361
+ <span>chokcoco</span>
340
362
  </a>
341
363
  </div>
342
364
  <div class="details">
343
- 公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；
365
+ 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
344
366
  </div>
345
367
  </div>
346
368
  </li>
@@ -349,7 +371,7 @@
349
371
  <div class="info">
350
372
  <div class="rank">
351
373
  <span title="Ranking 9">9</span>
352
- <a href="https://segmentfault.com/a/1190000041399412" target="_blank" title="展开操作符：一家人就这么被拆散了">展开操作符：一家人就这么被拆散了</a>
374
+ <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
353
375
  </div>
354
376
  <div class="sub-title followers">
355
377
 
@@ -360,15 +382,15 @@
360
382
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
361
383
  </g>
362
384
  </svg>
363
- <span>20</span>
385
+ <span>22</span>
364
386
  </span>
365
387
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
367
- <span>卡颂</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
389
+ <span>谭光志</span>
368
390
  </a>
369
391
  </div>
370
392
  <div class="details">
371
- 大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...
393
+ 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
372
394
  </div>
373
395
  </div>
374
396
  </li>
@@ -377,7 +399,7 @@
377
399
  <div class="info">
378
400
  <div class="rank">
379
401
  <span title="Ranking 10">10</span>
380
- <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
402
+ <a href="https://segmentfault.com/a/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</a>
381
403
  </div>
382
404
  <div class="sub-title followers">
383
405
 
@@ -388,15 +410,15 @@
388
410
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
389
411
  </g>
390
412
  </svg>
391
- <span>26</span>
413
+ <span>22</span>
392
414
  </span>
393
415
  &nbsp;
394
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
395
- <span>XboxYan</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
417
+ <span>程序猿阿朗</span>
396
418
  </a>
397
419
  </div>
398
420
  <div class="details">
399
- linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
421
+ 最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...
400
422
  </div>
401
423
  </div>
402
424
  </li>
@@ -405,7 +427,7 @@
405
427
  <div class="info">
406
428
  <div class="rank">
407
429
  <span title="Ranking 11">11</span>
408
- <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
430
+ <a href="https://segmentfault.com/a/1190000041447795" target="_blank" title="前端生成PDF，让后端刮目相看">前端生成PDF，让后端刮目相看</a>
409
431
  </div>
410
432
  <div class="sub-title followers">
411
433
 
@@ -416,15 +438,15 @@
416
438
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
417
439
  </g>
418
440
  </svg>
419
- <span>24</span>
441
+ <span>22</span>
420
442
  </span>
421
443
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
423
- <span>chokcoco</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
445
+ <span>葡萄城技术团队</span>
424
446
  </a>
425
447
  </div>
426
448
  <div class="details">
427
- 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
449
+ PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...
428
450
  </div>
429
451
  </div>
430
452
  </li>
@@ -433,7 +455,7 @@
433
455
  <div class="info">
434
456
  <div class="rank">
435
457
  <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041447795" target="_blank" title="前端生成PDF，让后端刮目相看">前端生成PDF，让后端刮目相看</a>
458
+ <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
437
459
  </div>
438
460
  <div class="sub-title followers">
439
461
 
@@ -444,15 +466,15 @@
444
466
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
445
467
  </g>
446
468
  </svg>
447
- <span>22</span>
469
+ <span>20</span>
448
470
  </span>
449
471
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
451
- <span>葡萄城技术团队</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
473
+ <span>chokcoco</span>
452
474
  </a>
453
475
  </div>
454
476
  <div class="details">
455
- PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...
477
+ 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
456
478
  </div>
457
479
  </div>
458
480
  </li>
@@ -461,7 +483,7 @@
461
483
  <div class="info">
462
484
  <div class="rank">
463
485
  <span title="Ranking 13">13</span>
464
- <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
486
+ <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
465
487
  </div>
466
488
  <div class="sub-title followers">
467
489
 
@@ -472,15 +494,15 @@
472
494
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
473
495
  </g>
474
496
  </svg>
475
- <span>19</span>
497
+ <span>13</span>
476
498
  </span>
477
499
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
479
- <span>chokcoco</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
501
+ <span>JenK</span>
480
502
  </a>
481
503
  </div>
482
504
  <div class="details">
483
- 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
505
+ 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
484
506
  </div>
485
507
  </div>
486
508
  </li>
@@ -489,7 +511,7 @@
489
511
  <div class="info">
490
512
  <div class="rank">
491
513
  <span title="Ranking 14">14</span>
492
- <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
514
+ <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
493
515
  </div>
494
516
  <div class="sub-title followers">
495
517
 
@@ -500,15 +522,15 @@
500
522
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
501
523
  </g>
502
524
  </svg>
503
- <span>19</span>
525
+ <span>16</span>
504
526
  </span>
505
527
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
507
- <span>谭光志</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
529
+ <span>皮小蛋</span>
508
530
  </a>
509
531
  </div>
510
532
  <div class="details">
511
- 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
533
+ 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
512
534
  </div>
513
535
  </div>
514
536
  </li>
@@ -517,7 +539,7 @@
517
539
  <div class="info">
518
540
  <div class="rank">
519
541
  <span title="Ranking 15">15</span>
520
- <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
542
+ <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
521
543
  </div>
522
544
  <div class="sub-title followers">
523
545
 
@@ -531,12 +553,12 @@
531
553
  <span>15</span>
532
554
  </span>
533
555
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
535
- <span>皮小蛋</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
557
+ <span>而井</span>
536
558
  </a>
537
559
  </div>
538
560
  <div class="details">
539
- 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
561
+ 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
540
562
  </div>
541
563
  </div>
542
564
  </li>
@@ -545,7 +567,7 @@
545
567
  <div class="info">
546
568
  <div class="rank">
547
569
  <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
570
+ <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
549
571
  </div>
550
572
  <div class="sub-title followers">
551
573
 
@@ -556,15 +578,15 @@
556
578
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
557
579
  </g>
558
580
  </svg>
559
- <span>12</span>
581
+ <span>15</span>
560
582
  </span>
561
583
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
563
- <span>JenK</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
585
+ <span>边城</span>
564
586
  </a>
565
587
  </div>
566
588
  <div class="details">
567
- 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
589
+ 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
568
590
  </div>
569
591
  </div>
570
592
  </li>
@@ -573,7 +595,7 @@
573
595
  <div class="info">
574
596
  <div class="rank">
575
597
  <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
598
+ <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
577
599
  </div>
578
600
  <div class="sub-title followers">
579
601
 
@@ -584,15 +606,15 @@
584
606
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
585
607
  </g>
586
608
  </svg>
587
- <span>15</span>
609
+ <span>14</span>
588
610
  </span>
589
611
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
591
- <span>而井</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
613
+ <span>码哥字节</span>
592
614
  </a>
593
615
  </div>
594
616
  <div class="details">
595
- 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
617
+ 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
596
618
  </div>
597
619
  </div>
598
620
  </li>
@@ -601,7 +623,7 @@
601
623
  <div class="info">
602
624
  <div class="rank">
603
625
  <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
626
+ <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
605
627
  </div>
606
628
  <div class="sub-title followers">
607
629
 
@@ -612,15 +634,15 @@
612
634
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
613
635
  </g>
614
636
  </svg>
615
- <span>15</span>
637
+ <span>14</span>
616
638
  </span>
617
639
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
619
- <span>边城</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
641
+ <span>TNTWEB</span>
620
642
  </a>
621
643
  </div>
622
644
  <div class="details">
623
- 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
645
+ 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
624
646
  </div>
625
647
  </div>
626
648
  </li>
@@ -629,7 +651,7 @@
629
651
  <div class="info">
630
652
  <div class="rank">
631
653
  <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
654
+ <a href="https://segmentfault.com/a/1190000041501520" target="_blank" title="从头梳理，看看中国的 ICP 备案制度">从头梳理，看看中国的 ICP 备案制度</a>
633
655
  </div>
634
656
  <div class="sub-title followers">
635
657
 
@@ -640,15 +662,15 @@
640
662
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
641
663
  </g>
642
664
  </svg>
643
- <span>14</span>
665
+ <span>11</span>
644
666
  </span>
645
667
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
647
- <span>码哥字节</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/xiqingongzi" title="Programming Language">
669
+ <span>白宦成</span>
648
670
  </a>
649
671
  </div>
650
672
  <div class="details">
651
- 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
673
+ 对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...
652
674
  </div>
653
675
  </div>
654
676
  </li>
@@ -657,7 +679,7 @@
657
679
  <div class="info">
658
680
  <div class="rank">
659
681
  <span title="Ranking 20">20</span>
660
- <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
682
+ <a href="https://segmentfault.com/a/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</a>
661
683
  </div>
662
684
  <div class="sub-title followers">
663
685
 
@@ -668,15 +690,15 @@
668
690
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
669
691
  </g>
670
692
  </svg>
671
- <span>13</span>
693
+ <span>14</span>
672
694
  </span>
673
695
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
675
- <span>TNTWEB</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
697
+ <span>煎鱼</span>
676
698
  </a>
677
699
  </div>
678
700
  <div class="details">
679
- 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
701
+ 甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？
680
702
  </div>
681
703
  </div>
682
704
  </li>
@@ -685,7 +707,7 @@
685
707
  <div class="info">
686
708
  <div class="rank">
687
709
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</a>
710
+ <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
689
711
  </div>
690
712
  <div class="sub-title followers">
691
713
 
@@ -696,15 +718,15 @@
696
718
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
697
719
  </g>
698
720
  </svg>
699
- <span>18</span>
721
+ <span>14</span>
700
722
  </span>
701
723
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
703
- <span>程序猿阿朗</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
725
+ <span>chokcoco</span>
704
726
  </a>
705
727
  </div>
706
728
  <div class="details">
707
- 最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...
729
+ 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
708
730
  </div>
709
731
  </div>
710
732
  </li>
@@ -713,7 +735,7 @@
713
735
  <div class="info">
714
736
  <div class="rank">
715
737
  <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
738
+ <a href="https://segmentfault.com/a/1190000041458272" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
717
739
  </div>
718
740
  <div class="sub-title followers">
719
741
 
@@ -724,15 +746,15 @@
724
746
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
725
747
  </g>
726
748
  </svg>
727
- <span>12</span>
749
+ <span>18</span>
728
750
  </span>
729
751
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
731
- <span>杭州程序员张张</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
753
+ <span>前端小智</span>
732
754
  </a>
733
755
  </div>
734
756
  <div class="details">
735
- urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
757
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
736
758
  </div>
737
759
  </div>
738
760
  </li>
@@ -741,7 +763,7 @@
741
763
  <div class="info">
742
764
  <div class="rank">
743
765
  <span title="Ranking 23">23</span>
744
- <a href="https://segmentfault.com/a/1190000041501520" target="_blank" title="从头梳理，看看中国的 ICP 备案制度">从头梳理，看看中国的 ICP 备案制度</a>
766
+ <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
745
767
  </div>
746
768
  <div class="sub-title followers">
747
769
 
@@ -752,15 +774,15 @@
752
774
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
753
775
  </g>
754
776
  </svg>
755
- <span>11</span>
777
+ <span>14</span>
756
778
  </span>
757
779
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/xiqingongzi" title="Programming Language">
759
- <span>白宦成</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
781
+ <span>小小蚊子</span>
760
782
  </a>
761
783
  </div>
762
784
  <div class="details">
763
- 对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...
785
+ 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
764
786
  </div>
765
787
  </div>
766
788
  </li>
@@ -769,7 +791,7 @@
769
791
  <div class="info">
770
792
  <div class="rank">
771
793
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
794
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
773
795
  </div>
774
796
  <div class="sub-title followers">
775
797
 
@@ -780,15 +802,15 @@
780
802
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
781
803
  </g>
782
804
  </svg>
783
- <span>16</span>
805
+ <span>17</span>
784
806
  </span>
785
807
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
787
- <span>JackJiang</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
809
+ <span>chokcoco</span>
788
810
  </a>
789
811
  </div>
790
812
  <div class="details">
791
- 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
813
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
792
814
  </div>
793
815
  </div>
794
816
  </li>
@@ -797,7 +819,7 @@
797
819
  <div class="info">
798
820
  <div class="rank">
799
821
  <span title="Ranking 25">25</span>
800
- <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
822
+ <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
801
823
  </div>
802
824
  <div class="sub-title followers">
803
825
 
@@ -808,15 +830,15 @@
808
830
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
809
831
  </g>
810
832
  </svg>
811
- <span>14</span>
833
+ <span>16</span>
812
834
  </span>
813
835
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
815
- <span>chokcoco</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
837
+ <span>MangoGoing</span>
816
838
  </a>
817
839
  </div>
818
840
  <div class="details">
819
- 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
841
+ !!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...
820
842
  </div>
821
843
  </div>
822
844
  </li>
@@ -825,7 +847,7 @@
825
847
  <div class="info">
826
848
  <div class="rank">
827
849
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041458272" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
850
+ <a href="https://segmentfault.com/a/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
829
851
  </div>
830
852
  <div class="sub-title followers">
831
853
 
@@ -836,15 +858,15 @@
836
858
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
837
859
  </g>
838
860
  </svg>
839
- <span>18</span>
861
+ <span>14</span>
840
862
  </span>
841
863
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
843
- <span>前端小智</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
865
+ <span>xiangzhihong</span>
844
866
  </a>
845
867
  </div>
846
868
  <div class="details">
847
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
869
+ 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
848
870
  </div>
849
871
  </div>
850
872
  </li>
@@ -853,7 +875,7 @@
853
875
  <div class="info">
854
876
  <div class="rank">
855
877
  <span title="Ranking 27">27</span>
856
- <a href="https://segmentfault.com/a/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</a>
878
+ <a href="https://segmentfault.com/a/1190000041418454" target="_blank" title="React 源码解析系列 - React 的 render 异常处理机制">React 源码解析系列 - React 的 render 异常处理机制</a>
857
879
  </div>
858
880
  <div class="sub-title followers">
859
881
 
@@ -864,15 +886,15 @@
864
886
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
865
887
  </g>
866
888
  </svg>
867
- <span>13</span>
889
+ <span>11</span>
868
890
  </span>
869
891
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
871
- <span>煎鱼</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
893
+ <span>array_huang</span>
872
894
  </a>
873
895
  </div>
874
896
  <div class="details">
875
- 甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？
897
+ 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
876
898
  </div>
877
899
  </div>
878
900
  </li>
@@ -881,7 +903,7 @@
881
903
  <div class="info">
882
904
  <div class="rank">
883
905
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
906
+ <a href="https://segmentfault.com/a/1190000041510006" target="_blank" title="28张图助我学废TS">28张图助我学废TS</a>
885
907
  </div>
886
908
  <div class="sub-title followers">
887
909
 
@@ -892,15 +914,15 @@
892
914
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
893
915
  </g>
894
916
  </svg>
895
- <span>14</span>
917
+ <span>17</span>
896
918
  </span>
897
919
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
899
- <span>小小蚊子</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
921
+ <span>执鸢者</span>
900
922
  </a>
901
923
  </div>
902
924
  <div class="details">
903
- 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
925
+ Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）
904
926
  </div>
905
927
  </div>
906
928
  </li>
@@ -909,7 +931,7 @@
909
931
  <div class="info">
910
932
  <div class="rank">
911
933
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
934
+ <a href="https://segmentfault.com/a/1190000041480003" target="_blank" title="从业务组件库看前端工程化">从业务组件库看前端工程化</a>
913
935
  </div>
914
936
  <div class="sub-title followers">
915
937
 
@@ -920,15 +942,15 @@
920
942
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
921
943
  </g>
922
944
  </svg>
923
- <span>15</span>
945
+ <span>13</span>
924
946
  </span>
925
947
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
927
- <span>XboxYan</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/lizongyuan" title="Programming Language">
949
+ <span>玩弄心里的鬼</span>
928
950
  </a>
929
951
  </div>
930
952
  <div class="details">
931
- 在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
953
+ 本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。
932
954
  </div>
933
955
  </div>
934
956
  </li>
@@ -937,7 +959,7 @@
937
959
  <div class="info">
938
960
  <div class="rank">
939
961
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
962
+ <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
941
963
  </div>
942
964
  <div class="sub-title followers">
943
965
 
@@ -948,15 +970,15 @@
948
970
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
949
971
  </g>
950
972
  </svg>
951
- <span>14</span>
973
+ <span>10</span>
952
974
  </span>
953
975
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
955
- <span>xiangzhihong</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
977
+ <span>Shenfq</span>
956
978
  </a>
957
979
  </div>
958
980
  <div class="details">
959
- 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
981
+ 缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...
960
982
  </div>
961
983
  </div>
962
984
  </li>
@@ -977,7 +999,7 @@
977
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
1000
  </a>
979
1001
  </div>
980
- <div class="time">Last cache created on 2022/3/17 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/3/20 by Github API v3.</div>
981
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
1004
  </div>
983
1005
  </body>