@wcj/github-rank 22.7.19 → 22.7.22

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 (37) hide show
  1. package/dist/repos.json +43461 -43456
  2. package/dist/sifou-daily.json +33 -87
  3. package/dist/sifou-monthly.json +91 -91
  4. package/dist/sifou-weekly.json +160 -160
  5. package/dist/toutiao-30.json +93 -93
  6. package/dist/toutiao-7.json +106 -106
  7. package/dist/toutiao-90.json +33 -33
  8. package/dist/trending-daily.json +165 -165
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +162 -173
  11. package/dist/users.china.json +2534 -2534
  12. package/dist/users.json +3639 -3639
  13. package/package.json +1 -1
  14. package/web/data/repos.json +43461 -43456
  15. package/web/data/sifou-daily.json +33 -87
  16. package/web/data/sifou-monthly.json +91 -91
  17. package/web/data/sifou-weekly.json +160 -160
  18. package/web/data/toutiao-30.json +93 -93
  19. package/web/data/toutiao-7.json +106 -106
  20. package/web/data/toutiao-90.json +33 -33
  21. package/web/data/trending-daily.json +165 -165
  22. package/web/data/trending-monthly.json +155 -155
  23. package/web/data/trending-weekly.json +162 -173
  24. package/web/data/users.china.json +2534 -2534
  25. package/web/data/users.json +3639 -3639
  26. package/web/index.html +1903 -1903
  27. package/web/repos.html +4936 -4940
  28. package/web/sifou-daily.html +28 -196
  29. package/web/sifou-monthly.html +108 -108
  30. package/web/sifou-weekly.html +141 -141
  31. package/web/toutiao-30.html +94 -94
  32. package/web/toutiao-7.html +83 -83
  33. package/web/toutiao-90.html +36 -36
  34. package/web/trending-monthly.html +133 -137
  35. package/web/trending-weekly.html +142 -176
  36. package/web/trending.html +145 -141
  37. package/web/users.china.html +1195 -1195
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/7/19 by
119
+ <div class="time">Last cache created on 2022/7/22 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
148
+ <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
156
156
  <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"/>
157
157
  </g>
158
158
  </svg>
159
- <span>34</span>
159
+ <span>27</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
- <span>XboxYan</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
+ <span>chokcoco</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
167
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
176
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>25</span>
187
+ <span>20</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
- <span>chokcoco</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
+ <span>XboxYan</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
195
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
204
+ <a href="https://segmentfault.com/a/1190000042011578" target="_blank" title="如何移除你项目中99%的JS代码">如何移除你项目中99%的JS代码</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <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"/>
213
213
  </g>
214
214
  </svg>
215
- <span>20</span>
215
+ <span>18</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
- <span>XboxYan</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
219
+ <span>卡颂</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
223
+ 在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042011578" target="_blank" title="如何移除你项目中99%的JS代码">如何移除你项目中99%的JS代码</a>
232
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <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"/>
241
241
  </g>
242
242
  </svg>
243
- <span>18</span>
243
+ <span>16</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
247
- <span>卡颂</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
247
+ <span>边城</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。
251
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
260
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <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"/>
269
269
  </g>
270
270
  </svg>
271
- <span>16</span>
271
+ <span>14</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
275
- <span>边城</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
275
+ <span>null仔</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
279
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
316
+ <a href="https://segmentfault.com/a/1190000042103702" target="_blank" title="利用噪声构建美妙的 CSS 图形">利用噪声构建美妙的 CSS 图形</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>13</span>
327
+ <span>12</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
331
- <span>null仔</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
331
+ <span>chokcoco</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
335
+ 在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042094549" target="_blank" title="动画合成小技巧！CSS 实现动感的倒计时效果">动画合成小技巧！CSS 实现动感的倒计时效果</a>
428
+ <a href="https://segmentfault.com/a/1190000042059652" target="_blank" title="熬夜爆肝整理的一份elasticsearch中文文档手册">熬夜爆肝整理的一份elasticsearch中文文档手册</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>15</span>
439
+ <span>13</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
- <span>XboxYan</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
443
+ <span>7small7</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...
447
+ Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
456
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -467,12 +467,12 @@
467
467
  <span>11</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
471
- <span>思否编辑部</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
471
+ <span>Beverly</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
475
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
484
+ <a href="https://segmentfault.com/a/1190000042094549" target="_blank" title="动画合成小技巧！CSS 实现动感的倒计时效果">动画合成小技巧！CSS 实现动感的倒计时效果</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <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"/>
493
493
  </g>
494
494
  </svg>
495
- <span>10</span>
495
+ <span>16</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
499
- <span>Beverly</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
499
+ <span>XboxYan</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
503
+ 欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042103702" target="_blank" title="利用噪声构建美妙的 CSS 图形">利用噪声构建美妙的 CSS 图形</a>
512
+ <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -523,12 +523,12 @@
523
523
  <span>9</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
527
- <span>chokcoco</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
527
+ <span>IT小马</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...
531
+ 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
540
+ <a href="https://segmentfault.com/a/1190000042184163" target="_blank" title="CSS color-scheme 和夜间模式">CSS color-scheme 和夜间模式</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>9</span>
551
+ <span>11</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
555
- <span>IT小马</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
555
+ <span>XboxYan</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
559
+ 欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042059652" target="_blank" title="熬夜爆肝整理的一份elasticsearch中文文档手册">熬夜爆肝整理的一份elasticsearch中文文档手册</a>
568
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>10</span>
579
+ <span>7</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
583
- <span>7small7</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
583
+ <span>SegmentFault思否</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。
587
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
596
+ <a href="https://segmentfault.com/a/1190000042184211" target="_blank" title="超酷炫的转场动画？CSS 轻松拿下！">超酷炫的转场动画？CSS 轻松拿下！</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <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"/>
605
605
  </g>
606
606
  </svg>
607
- <span>7</span>
607
+ <span>11</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
611
- <span>SegmentFault思否</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
611
+ <span>chokcoco</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
615
+ 在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042003368" target="_blank" title="Sass应用之实现主题切换">Sass应用之实现主题切换</a>
624
+ <a href="https://segmentfault.com/a/1190000042093955" target="_blank" title="webpack 拆包：关于 splitChunks 的几个重点属性解析">webpack 拆包：关于 splitChunks 的几个重点属性解析</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
632
  <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"/>
633
633
  </g>
634
634
  </svg>
635
- <span>7</span>
635
+ <span>6</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/zhouqichao" title="Programming Language">
639
- <span>玛尔斯通</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
639
+ <span>deepfunc</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。
643
+ 先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
652
+ <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -663,12 +663,12 @@
663
663
  <span>6</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
667
- <span>jump__jump</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
667
+ <span>边城</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
671
+ 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</a>
680
+ <a href="https://segmentfault.com/a/1190000042094334" target="_blank" title="Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴">Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
688
  <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"/>
689
689
  </g>
690
690
  </svg>
691
- <span>6</span>
691
+ <span>5</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
695
- <span>边城</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
695
+ <span>程序员秋风</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
699
+ 最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042094334" target="_blank" title="Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴">Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴</a>
764
+ <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>5</span>
775
+ <span>7</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
779
- <span>程序员秋风</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
779
+ <span>卤代烃</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。
783
+ 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
820
+ <a href="https://segmentfault.com/a/1190000042037852" target="_blank" title="热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)">热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <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"/>
829
829
  </g>
830
830
  </svg>
831
- <span>7</span>
831
+ <span>12</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
835
- <span>卤代烃</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
835
+ <span>lulu_up</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
839
+ 这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042093955" target="_blank" title="webpack 拆包：关于 splitChunks 的几个重点属性解析">webpack 拆包：关于 splitChunks 的几个重点属性解析</a>
848
+ <a href="https://segmentfault.com/a/1190000042092852" target="_blank" title="面试官：主说 Git Rebase 和 Git Merge 差异">面试官：主说 Git Rebase 和 Git Merge 差异</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>5</span>
859
+ <span>8</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
863
- <span>deepfunc</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
863
+ <span>前端小智</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...
867
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042037852" target="_blank" title="热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)">热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)</a>
876
+ <a href="https://segmentfault.com/a/1190000042089218" target="_blank" title="Nginx部署配置">Nginx部署配置</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>12</span>
887
+ <span>5</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
891
- <span>lulu_up</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
891
+ <span>MangoGoing</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。
895
+ 常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042089218" target="_blank" title="Nginx部署配置">Nginx部署配置</a>
904
+ <a href="https://segmentfault.com/a/1190000042020576" target="_blank" title="SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>5</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
919
- <span>MangoGoing</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
919
+ <span>SegmentFault思否</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...
923
+ 【问答有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是...
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042020576" target="_blank" title="SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~</a>
932
+ <a href="https://segmentfault.com/a/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理（上）">Nginx 实战核心知识点整理（上）</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <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"/>
941
941
  </g>
942
942
  </svg>
943
- <span>5</span>
943
+ <span>6</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
947
- <span>SegmentFault思否</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/rhythm_2019" title="Programming Language">
947
+ <span>Rhythm_2019</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 【问答有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是...
951
+ Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/7/19 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/22 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>