@wcj/github-rank 22.3.30 → 22.4.2

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 +28781 -28782
  2. package/dist/sifou-daily.json +100 -55
  3. package/dist/sifou-monthly.json +85 -85
  4. package/dist/sifou-weekly.json +155 -146
  5. package/dist/toutiao-30.json +90 -90
  6. package/dist/toutiao-7.json +121 -121
  7. package/dist/toutiao-90.json +48 -48
  8. package/dist/trending-daily.json +172 -172
  9. package/dist/trending-monthly.json +163 -174
  10. package/dist/trending-weekly.json +171 -171
  11. package/dist/users.china.json +2728 -2729
  12. package/dist/users.json +3408 -3408
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +28781 -28782
  16. package/web/data/sifou-daily.json +100 -55
  17. package/web/data/sifou-monthly.json +85 -85
  18. package/web/data/sifou-weekly.json +155 -146
  19. package/web/data/toutiao-30.json +90 -90
  20. package/web/data/toutiao-7.json +121 -121
  21. package/web/data/toutiao-90.json +48 -48
  22. package/web/data/trending-daily.json +172 -172
  23. package/web/data/trending-monthly.json +163 -174
  24. package/web/data/trending-weekly.json +171 -171
  25. package/web/data/users.china.json +2728 -2729
  26. package/web/data/users.json +3408 -3408
  27. package/web/index.html +1763 -1763
  28. package/web/repos.html +3639 -3639
  29. package/web/sifou-daily.html +187 -47
  30. package/web/sifou-monthly.html +101 -101
  31. package/web/sifou-weekly.html +163 -135
  32. package/web/toutiao-30.html +99 -99
  33. package/web/toutiao-7.html +77 -77
  34. package/web/toutiao-90.html +75 -75
  35. package/web/trending-monthly.html +143 -177
  36. package/web/trending-weekly.html +150 -146
  37. package/web/trending.html +158 -142
  38. package/web/users.china.html +1331 -1331
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/3/30 by
119
+ <div class="time">Last cache created on 2022/4/2 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>79</span>
161
+ <span>80</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/chengxy" 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>50</span>
189
+ <span>52</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
@@ -214,7 +214,7 @@
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>39</span>
217
+ <span>40</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -242,7 +242,7 @@
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>41</span>
245
+ <span>42</span>
246
246
  </span>
247
247
  &nbsp;
248
248
  <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</a>
318
+ <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
326
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"/>
327
327
  </g>
328
328
  </svg>
329
- <span>25</span>
329
+ <span>24</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
333
- <span>程序猿阿朗</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
333
+ <span>chokcoco</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...
337
+ 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -354,7 +354,7 @@
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>21</span>
357
+ <span>22</span>
358
358
  </span>
359
359
  &nbsp;
360
360
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -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/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
374
+ <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -385,12 +385,12 @@
385
385
  <span>23</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
389
- <span>chokcoco</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
389
+ <span>杨成功</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
393
+ 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
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/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
402
+ <a href="https://segmentfault.com/a/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -413,12 +413,12 @@
413
413
  <span>25</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
417
- <span>谭光志</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
417
+ <span>程序猿阿朗</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
421
+ 最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...
422
422
  </div>
423
423
  </div>
424
424
  </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/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
458
+ <a href="https://segmentfault.com/a/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</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>20</span>
469
+ <span>22</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
473
- <span>杨成功</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
473
+ <span>前端私教年年</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
477
+ 当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -511,34 +511,6 @@
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/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</a>
515
- </div>
516
- <div class="sub-title followers">
517
-
518
- <span title="Stargazers Count">
519
- <svg width="12" height="12" viewBox="0 0 16 16">
520
- <g fill="none" fill-rule="evenodd">
521
- <path d="M0 0h16v16H0z"/>
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"/>
523
- </g>
524
- </svg>
525
- <span>20</span>
526
- </span>
527
- &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
529
- <span>前端私教年年</span>
530
- </a>
531
- </div>
532
- <div class="details">
533
- 当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...
534
- </div>
535
- </div>
536
- </li>
537
-
538
- <li>
539
- <div class="info">
540
- <div class="rank">
541
- <span title="Ranking 15">15</span>
542
514
  <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
543
515
  </div>
544
516
  <div class="sub-title followers">
@@ -566,7 +538,7 @@
566
538
  <li>
567
539
  <div class="info">
568
540
  <div class="rank">
569
- <span title="Ranking 16">16</span>
541
+ <span title="Ranking 15">15</span>
570
542
  <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
571
543
  </div>
572
544
  <div class="sub-title followers">
@@ -594,8 +566,8 @@
594
566
  <li>
595
567
  <div class="info">
596
568
  <div class="rank">
597
- <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
569
+ <span title="Ranking 16">16</span>
570
+ <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
599
571
  </div>
600
572
  <div class="sub-title followers">
601
573
 
@@ -606,15 +578,15 @@
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>14</span>
581
+ <span>18</span>
610
582
  </span>
611
583
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
613
- <span>码哥字节</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
585
+ <span>前端小智</span>
614
586
  </a>
615
587
  </div>
616
588
  <div class="details">
617
- 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
589
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
618
590
  </div>
619
591
  </div>
620
592
  </li>
@@ -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/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
597
+ <span title="Ranking 17">17</span>
598
+ <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</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>14</span>
638
610
  </span>
639
611
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
641
- <span>chokcoco</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
613
+ <span>码哥字节</span>
642
614
  </a>
643
615
  </div>
644
616
  <div class="details">
645
- 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
617
+ 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
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/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
655
627
  </div>
656
628
  <div class="sub-title followers">
@@ -662,7 +634,7 @@
662
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"/>
663
635
  </g>
664
636
  </svg>
665
- <span>16</span>
637
+ <span>17</span>
666
638
  </span>
667
639
  &nbsp;
668
640
  <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
@@ -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/1190000041542431" target="_blank" title="2022招聘季｜如何写一份好的前端面试简历?">2022招聘季｜如何写一份好的前端面试简历?</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/1190000041524121" target="_blank" title="Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化">Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化</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/1190000041501520" target="_blank" title="从头梳理，看看中国的 ICP 备案制度">从头梳理，看看中国的 ICP 备案制度</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/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</a>
767
739
  </div>
768
740
  <div class="sub-title followers">
@@ -790,8 +762,8 @@
790
762
  <li>
791
763
  <div class="info">
792
764
  <div class="rank">
793
- <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
765
+ <span title="Ranking 23">23</span>
766
+ <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
795
767
  </div>
796
768
  <div class="sub-title followers">
797
769
 
@@ -802,15 +774,15 @@
802
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"/>
803
775
  </g>
804
776
  </svg>
805
- <span>16</span>
777
+ <span>12</span>
806
778
  </span>
807
779
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
809
- <span>前端小智</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
781
+ <span>kumfo</span>
810
782
  </a>
811
783
  </div>
812
784
  <div class="details">
813
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
785
+ 最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细致化的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
814
786
  </div>
815
787
  </div>
816
788
  </li>
@@ -818,7 +790,7 @@
818
790
  <li>
819
791
  <div class="info">
820
792
  <div class="rank">
821
- <span title="Ranking 25">25</span>
793
+ <span title="Ranking 24">24</span>
822
794
  <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
823
795
  </div>
824
796
  <div class="sub-title followers">
@@ -830,7 +802,7 @@
830
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"/>
831
803
  </g>
832
804
  </svg>
833
- <span>17</span>
805
+ <span>18</span>
834
806
  </span>
835
807
  &nbsp;
836
808
  <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
@@ -846,7 +818,7 @@
846
818
  <li>
847
819
  <div class="info">
848
820
  <div class="rank">
849
- <span title="Ranking 26">26</span>
821
+ <span title="Ranking 25">25</span>
850
822
  <a href="https://segmentfault.com/a/1190000041510006" target="_blank" title="28张图助我学废TS">28张图助我学废TS</a>
851
823
  </div>
852
824
  <div class="sub-title followers">
@@ -871,11 +843,39 @@
871
843
  </div>
872
844
  </li>
873
845
 
846
+ <li>
847
+ <div class="info">
848
+ <div class="rank">
849
+ <span title="Ranking 26">26</span>
850
+ <a href="https://segmentfault.com/a/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</a>
851
+ </div>
852
+ <div class="sub-title followers">
853
+
854
+ <span title="Stargazers Count">
855
+ <svg width="12" height="12" viewBox="0 0 16 16">
856
+ <g fill="none" fill-rule="evenodd">
857
+ <path d="M0 0h16v16H0z"/>
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"/>
859
+ </g>
860
+ </svg>
861
+ <span>16</span>
862
+ </span>
863
+ &nbsp;
864
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
865
+ <span>前端小智</span>
866
+ </a>
867
+ </div>
868
+ <div class="details">
869
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
870
+ </div>
871
+ </div>
872
+ </li>
873
+
874
874
  <li>
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
878
+ <a href="https://segmentfault.com/a/1190000041558580" target="_blank" title="招聘季征文活动丨如何“反杀”面试官？">招聘季征文活动丨如何“反杀”面试官？</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
886
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"/>
887
887
  </g>
888
888
  </svg>
889
- <span>11</span>
889
+ <span>12</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
893
- <span>kumfo</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
893
+ <span>SegmentFault思否</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
897
+ 💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -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/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
906
+ <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</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>15</span>
917
+ <span>10</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
921
- <span>xiangzhihong</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
921
+ <span>Shenfq</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
925
+ 缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041480003" target="_blank" title="从业务组件库看前端工程化">从业务组件库看前端工程化</a>
934
+ <a href="https://segmentfault.com/a/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
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"/>
943
943
  </g>
944
944
  </svg>
945
- <span>14</span>
945
+ <span>12</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/lizongyuan" title="Programming Language">
949
- <span>玩弄心里的鬼</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
949
+ <span>凹凸实验室</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。
953
+ 最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。
954
954
  </div>
955
955
  </div>
956
956
  </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/1190000041480883" target="_blank" title="国外排名前 15 的 Vue 后台管理模板">国外排名前 15 的 Vue 后台管理模板</a>
962
+ <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</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>13</span>
973
+ <span>14</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/meathill" title="Programming Language">
977
+ <span>Meathill</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/3/30 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/2 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>