@wcj/github-rank 22.4.9 → 22.4.12

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 +37193 -37193
  2. package/dist/sifou-daily.json +53 -35
  3. package/dist/sifou-monthly.json +85 -85
  4. package/dist/sifou-weekly.json +159 -159
  5. package/dist/toutiao-30.json +92 -92
  6. package/dist/toutiao-7.json +108 -108
  7. package/dist/toutiao-90.json +25 -25
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +171 -171
  11. package/dist/users.china.json +2554 -2555
  12. package/dist/users.json +2810 -2810
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +37193 -37193
  16. package/web/data/sifou-daily.json +53 -35
  17. package/web/data/sifou-monthly.json +85 -85
  18. package/web/data/sifou-weekly.json +159 -159
  19. package/web/data/toutiao-30.json +92 -92
  20. package/web/data/toutiao-7.json +108 -108
  21. package/web/data/toutiao-90.json +25 -25
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +171 -171
  25. package/web/data/users.china.json +2554 -2555
  26. package/web/data/users.json +2810 -2810
  27. package/web/index.html +1513 -1513
  28. package/web/repos.html +4312 -4312
  29. package/web/sifou-daily.html +86 -30
  30. package/web/sifou-monthly.html +104 -104
  31. package/web/sifou-weekly.html +141 -141
  32. package/web/toutiao-30.html +84 -84
  33. package/web/toutiao-7.html +85 -85
  34. package/web/toutiao-90.html +73 -73
  35. package/web/trending-monthly.html +145 -145
  36. package/web/trending-weekly.html +148 -148
  37. package/web/trending.html +150 -146
  38. package/web/users.china.html +1533 -1533
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/4/9 by
119
+ <div class="time">Last cache created on 2022/4/12 by
120
120
 
121
121
 
122
122
 
@@ -158,7 +158,7 @@
158
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"/>
159
159
  </g>
160
160
  </svg>
161
- <span>57</span>
161
+ <span>60</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
@@ -186,7 +186,7 @@
186
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"/>
187
187
  </g>
188
188
  </svg>
189
- <span>43</span>
189
+ <span>46</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
206
+ <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <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"/>
215
215
  </g>
216
216
  </svg>
217
- <span>32</span>
217
+ <span>25</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
221
- <span>chokcoco</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
221
+ <span>杨成功</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
225
+ 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
234
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -242,15 +242,15 @@
242
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"/>
243
243
  </g>
244
244
  </svg>
245
- <span>24</span>
245
+ <span>32</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
249
- <span>杨成功</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
+ <span>chokcoco</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
253
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -270,7 +270,7 @@
270
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"/>
271
271
  </g>
272
272
  </svg>
273
- <span>25</span>
273
+ <span>26</span>
274
274
  </span>
275
275
  &nbsp;
276
276
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
346
+ <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
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"/>
355
355
  </g>
356
356
  </svg>
357
- <span>24</span>
357
+ <span>22</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
361
- <span>linong</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
361
+ <span>WonderfulSoap</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
365
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
374
+ <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
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"/>
383
383
  </g>
384
384
  </svg>
385
- <span>14</span>
385
+ <span>24</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
389
- <span>张京</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
389
+ <span>linong</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
393
+ 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
402
+ <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
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"/>
411
411
  </g>
412
412
  </svg>
413
- <span>18</span>
413
+ <span>14</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
417
- <span>前端小智</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
417
+ <span>张京</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
421
+ 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
430
+ <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
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"/>
439
439
  </g>
440
440
  </svg>
441
- <span>17</span>
441
+ <span>21</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
445
- <span>WonderfulSoap</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
445
+ <span>chokcoco</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
449
+ 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
458
+ <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
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"/>
467
467
  </g>
468
468
  </svg>
469
- <span>19</span>
469
+ <span>18</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
473
- <span>MangoGoing</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
473
+ <span>XboxYan</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- !!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...
477
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
486
+ <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
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"/>
495
495
  </g>
496
496
  </svg>
497
- <span>17</span>
497
+ <span>19</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
501
- <span>码哥字节</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
501
+ <span>杨成功</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
505
+ 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="2022招聘季｜如何写一份好的前端面试简历?">2022招聘季｜如何写一份好的前端面试简历?</a>
514
+ <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -525,12 +525,12 @@
525
525
  <span>18</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
529
- <span>wscats</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
529
+ <span>前端小智</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...
533
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
542
+ <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -553,12 +553,12 @@
553
553
  <span>17</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
557
- <span>杨成功</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
557
+ <span>码哥字节</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
561
+ 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,34 +567,6 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041524121" target="_blank" title="Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化">Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化</a>
571
- </div>
572
- <div class="sub-title followers">
573
-
574
- <span title="Stargazers Count">
575
- <svg width="12" height="12" viewBox="0 0 16 16">
576
- <g fill="none" fill-rule="evenodd">
577
- <path d="M0 0h16v16H0z"/>
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"/>
579
- </g>
580
- </svg>
581
- <span>18</span>
582
- </span>
583
- &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
585
- <span>linong</span>
586
- </a>
587
- </div>
588
- <div class="details">
589
- Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。
590
- </div>
591
- </div>
592
- </li>
593
-
594
- <li>
595
- <div class="info">
596
- <div class="rank">
597
- <span title="Ranking 17">17</span>
598
570
  <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</a>
599
571
  </div>
600
572
  <div class="sub-title followers">
@@ -606,7 +578,7 @@
606
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"/>
607
579
  </g>
608
580
  </svg>
609
- <span>17</span>
581
+ <span>18</span>
610
582
  </span>
611
583
  &nbsp;
612
584
  <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
@@ -622,8 +594,8 @@
622
594
  <li>
623
595
  <div class="info">
624
596
  <div class="rank">
625
- <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</a>
597
+ <span title="Ranking 17">17</span>
598
+ <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="2022招聘季｜如何写一份好的前端面试简历?">2022招聘季｜如何写一份好的前端面试简历?</a>
627
599
  </div>
628
600
  <div class="sub-title followers">
629
601
 
@@ -634,15 +606,15 @@
634
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"/>
635
607
  </g>
636
608
  </svg>
637
- <span>15</span>
609
+ <span>18</span>
638
610
  </span>
639
611
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
641
- <span>煎鱼</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
613
+ <span>wscats</span>
642
614
  </a>
643
615
  </div>
644
616
  <div class="details">
645
- 甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？
617
+ 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...
646
618
  </div>
647
619
  </div>
648
620
  </li>
@@ -650,7 +622,7 @@
650
622
  <li>
651
623
  <div class="info">
652
624
  <div class="rank">
653
- <span title="Ranking 19">19</span>
625
+ <span title="Ranking 18">18</span>
654
626
  <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
655
627
  </div>
656
628
  <div class="sub-title followers">
@@ -678,7 +650,7 @@
678
650
  <li>
679
651
  <div class="info">
680
652
  <div class="rank">
681
- <span title="Ranking 20">20</span>
653
+ <span title="Ranking 19">19</span>
682
654
  <a href="https://segmentfault.com/a/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</a>
683
655
  </div>
684
656
  <div class="sub-title followers">
@@ -706,7 +678,7 @@
706
678
  <li>
707
679
  <div class="info">
708
680
  <div class="rank">
709
- <span title="Ranking 21">21</span>
681
+ <span title="Ranking 20">20</span>
710
682
  <a href="https://segmentfault.com/a/1190000041558580" target="_blank" title="招聘季有奖征文活动丨面试趣事等你分享">招聘季有奖征文活动丨面试趣事等你分享</a>
711
683
  </div>
712
684
  <div class="sub-title followers">
@@ -734,7 +706,7 @@
734
706
  <li>
735
707
  <div class="info">
736
708
  <div class="rank">
737
- <span title="Ranking 22">22</span>
709
+ <span title="Ranking 21">21</span>
738
710
  <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</a>
739
711
  </div>
740
712
  <div class="sub-title followers">
@@ -762,7 +734,7 @@
762
734
  <li>
763
735
  <div class="info">
764
736
  <div class="rank">
765
- <span title="Ranking 23">23</span>
737
+ <span title="Ranking 22">22</span>
766
738
  <a href="https://segmentfault.com/a/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
767
739
  </div>
768
740
  <div class="sub-title followers">
@@ -790,7 +762,7 @@
790
762
  <li>
791
763
  <div class="info">
792
764
  <div class="rank">
793
- <span title="Ranking 24">24</span>
765
+ <span title="Ranking 23">23</span>
794
766
  <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
795
767
  </div>
796
768
  <div class="sub-title followers">
@@ -815,6 +787,34 @@
815
787
  </div>
816
788
  </li>
817
789
 
790
+ <li>
791
+ <div class="info">
792
+ <div class="rank">
793
+ <span title="Ranking 24">24</span>
794
+ <a href="https://segmentfault.com/a/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
795
+ </div>
796
+ <div class="sub-title followers">
797
+
798
+ <span title="Stargazers Count">
799
+ <svg width="12" height="12" viewBox="0 0 16 16">
800
+ <g fill="none" fill-rule="evenodd">
801
+ <path d="M0 0h16v16H0z"/>
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"/>
803
+ </g>
804
+ </svg>
805
+ <span>13</span>
806
+ </span>
807
+ &nbsp;
808
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
809
+ <span>冴羽</span>
810
+ </a>
811
+ </div>
812
+ <div class="details">
813
+ 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...
814
+ </div>
815
+ </div>
816
+ </li>
817
+
818
818
  <li>
819
819
  <div class="info">
820
820
  <div class="rank">
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
906
+ <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
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"/>
915
915
  </g>
916
916
  </svg>
917
- <span>13</span>
917
+ <span>10</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
921
- <span>超大只乌龟</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
921
+ <span>杨成功</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
925
+ 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
962
+ <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>8</span>
973
+ <span>13</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
977
- <span>前端小智</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
977
+ <span>超大只乌龟</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
981
+ 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/4/9 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/12 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>