@wcj/github-rank 22.4.20 → 22.4.21

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 +20543 -20543
  2. package/dist/sifou-daily.json +65 -29
  3. package/dist/sifou-monthly.json +66 -66
  4. package/dist/sifou-weekly.json +125 -125
  5. package/dist/toutiao-30.json +68 -68
  6. package/dist/toutiao-7.json +96 -96
  7. package/dist/toutiao-90.json +44 -44
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +139 -139
  10. package/dist/trending-weekly.json +160 -160
  11. package/dist/users.china.json +1701 -1701
  12. package/dist/users.json +2015 -2015
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20543 -20543
  16. package/web/data/sifou-daily.json +65 -29
  17. package/web/data/sifou-monthly.json +66 -66
  18. package/web/data/sifou-weekly.json +125 -125
  19. package/web/data/toutiao-30.json +68 -68
  20. package/web/data/toutiao-7.json +96 -96
  21. package/web/data/toutiao-90.json +44 -44
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +139 -139
  24. package/web/data/trending-weekly.json +160 -160
  25. package/web/data/users.china.json +1701 -1701
  26. package/web/data/users.json +2015 -2015
  27. package/web/index.html +1052 -1052
  28. package/web/repos.html +2884 -2884
  29. package/web/sifou-daily.html +138 -26
  30. package/web/sifou-monthly.html +95 -95
  31. package/web/sifou-weekly.html +116 -116
  32. package/web/toutiao-30.html +65 -65
  33. package/web/toutiao-7.html +76 -76
  34. package/web/toutiao-90.html +61 -61
  35. package/web/trending-monthly.html +126 -122
  36. package/web/trending-weekly.html +141 -141
  37. package/web/trending.html +158 -142
  38. package/web/users.china.html +889 -889
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/20 by
119
+ <div class="time">Last cache created on 2022/4/21 by
120
120
 
121
121
 
122
122
 
@@ -147,7 +147,7 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
150
+ <a href="https://segmentfault.com/a/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
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>40</span>
161
+ <span>44</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
- <span>XboxYan</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
165
+ <span>pingan8787</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
169
+ 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
178
+ <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
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>42</span>
189
+ <span>40</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
193
- <span>pingan8787</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
193
+ <span>XboxYan</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
197
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -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>37</span>
217
+ <span>38</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -315,34 +315,6 @@
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/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</a>
319
- </div>
320
- <div class="sub-title followers">
321
-
322
- <span title="Stargazers Count">
323
- <svg width="12" height="12" viewBox="0 0 16 16">
324
- <g fill="none" fill-rule="evenodd">
325
- <path d="M0 0h16v16H0z"/>
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
- </g>
328
- </svg>
329
- <span>28</span>
330
- </span>
331
- &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
333
- <span>XboxYan</span>
334
- </a>
335
- </div>
336
- <div class="details">
337
- 欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...
338
- </div>
339
- </div>
340
- </li>
341
-
342
- <li>
343
- <div class="info">
344
- <div class="rank">
345
- <span title="Ranking 8">8</span>
346
318
  <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</a>
347
319
  </div>
348
320
  <div class="sub-title followers">
@@ -354,7 +326,7 @@
354
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"/>
355
327
  </g>
356
328
  </svg>
357
- <span>24</span>
329
+ <span>25</span>
358
330
  </span>
359
331
  &nbsp;
360
332
  <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
@@ -370,7 +342,7 @@
370
342
  <li>
371
343
  <div class="info">
372
344
  <div class="rank">
373
- <span title="Ranking 9">9</span>
345
+ <span title="Ranking 8">8</span>
374
346
  <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</a>
375
347
  </div>
376
348
  <div class="sub-title followers">
@@ -398,7 +370,7 @@
398
370
  <li>
399
371
  <div class="info">
400
372
  <div class="rank">
401
- <span title="Ranking 10">10</span>
373
+ <span title="Ranking 9">9</span>
402
374
  <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
403
375
  </div>
404
376
  <div class="sub-title followers">
@@ -426,7 +398,7 @@
426
398
  <li>
427
399
  <div class="info">
428
400
  <div class="rank">
429
- <span title="Ranking 11">11</span>
401
+ <span title="Ranking 10">10</span>
430
402
  <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
431
403
  </div>
432
404
  <div class="sub-title followers">
@@ -454,7 +426,7 @@
454
426
  <li>
455
427
  <div class="info">
456
428
  <div class="rank">
457
- <span title="Ranking 12">12</span>
429
+ <span title="Ranking 11">11</span>
458
430
  <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
459
431
  </div>
460
432
  <div class="sub-title followers">
@@ -482,7 +454,7 @@
482
454
  <li>
483
455
  <div class="info">
484
456
  <div class="rank">
485
- <span title="Ranking 13">13</span>
457
+ <span title="Ranking 12">12</span>
486
458
  <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
487
459
  </div>
488
460
  <div class="sub-title followers">
@@ -510,8 +482,8 @@
510
482
  <li>
511
483
  <div class="info">
512
484
  <div class="rank">
513
- <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
485
+ <span title="Ranking 13">13</span>
486
+ <a href="https://segmentfault.com/a/1190000041718060" target="_blank" title="Amazing！巧用 CSS 视差实现酷炫交互动效">Amazing！巧用 CSS 视差实现酷炫交互动效</a>
515
487
  </div>
516
488
  <div class="sub-title followers">
517
489
 
@@ -522,15 +494,15 @@
522
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"/>
523
495
  </g>
524
496
  </svg>
525
- <span>16</span>
497
+ <span>17</span>
526
498
  </span>
527
499
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
529
- <span>Asheng</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
501
+ <span>chokcoco</span>
530
502
  </a>
531
503
  </div>
532
504
  <div class="details">
533
- 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
505
+ 本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...
534
506
  </div>
535
507
  </div>
536
508
  </li>
@@ -538,8 +510,8 @@
538
510
  <li>
539
511
  <div class="info">
540
512
  <div class="rank">
541
- <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041718060" target="_blank" title="Amazing！巧用 CSS 视差实现酷炫交互动效">Amazing！巧用 CSS 视差实现酷炫交互动效</a>
513
+ <span title="Ranking 14">14</span>
514
+ <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
543
515
  </div>
544
516
  <div class="sub-title followers">
545
517
 
@@ -550,15 +522,15 @@
550
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"/>
551
523
  </g>
552
524
  </svg>
553
- <span>15</span>
525
+ <span>16</span>
554
526
  </span>
555
527
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
557
- <span>chokcoco</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
529
+ <span>Asheng</span>
558
530
  </a>
559
531
  </div>
560
532
  <div class="details">
561
- 本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...
533
+ 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
562
534
  </div>
563
535
  </div>
564
536
  </li>
@@ -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/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
571
543
  </div>
572
544
  <div class="sub-title followers">
@@ -594,7 +566,7 @@
594
566
  <li>
595
567
  <div class="info">
596
568
  <div class="rank">
597
- <span title="Ranking 17">17</span>
569
+ <span title="Ranking 16">16</span>
598
570
  <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</a>
599
571
  </div>
600
572
  <div class="sub-title followers">
@@ -622,7 +594,7 @@
622
594
  <li>
623
595
  <div class="info">
624
596
  <div class="rank">
625
- <span title="Ranking 18">18</span>
597
+ <span title="Ranking 17">17</span>
626
598
  <a href="https://segmentfault.com/a/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
627
599
  </div>
628
600
  <div class="sub-title followers">
@@ -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/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</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/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</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/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
711
683
  </div>
712
684
  <div class="sub-title followers">
@@ -731,6 +703,34 @@
731
703
  </div>
732
704
  </li>
733
705
 
706
+ <li>
707
+ <div class="info">
708
+ <div class="rank">
709
+ <span title="Ranking 21">21</span>
710
+ <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
711
+ </div>
712
+ <div class="sub-title followers">
713
+
714
+ <span title="Stargazers Count">
715
+ <svg width="12" height="12" viewBox="0 0 16 16">
716
+ <g fill="none" fill-rule="evenodd">
717
+ <path d="M0 0h16v16H0z"/>
718
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
719
+ </g>
720
+ </svg>
721
+ <span>12</span>
722
+ </span>
723
+ &nbsp;
724
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
725
+ <span>lulu_up</span>
726
+ </a>
727
+ </div>
728
+ <div class="details">
729
+ 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
730
+ </div>
731
+ </div>
732
+ </li>
733
+
734
734
  <li>
735
735
  <div class="info">
736
736
  <div class="rank">
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041598952" target="_blank" title="从0到1教你在AWS中部署动态网站Typecho系统">从0到1教你在AWS中部署动态网站Typecho系统</a>
822
+ <a href="https://segmentfault.com/a/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
831
831
  </g>
832
832
  </svg>
833
- <span>10</span>
833
+ <span>8</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
837
- <span>沈唁</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
837
+ <span>前端小智</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。
841
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
850
+ <a href="https://segmentfault.com/a/1190000041598952" target="_blank" title="从0到1教你在AWS中部署动态网站Typecho系统">从0到1教你在AWS中部署动态网站Typecho系统</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
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
859
  </g>
860
860
  </svg>
861
- <span>8</span>
861
+ <span>10</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
865
- <span>前端小智</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
865
+ <span>沈唁</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
869
+ Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
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/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</a>
878
+ <a href="https://segmentfault.com/a/1190000041693503" 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>12</span>
889
+ <span>13</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
893
- <span>码哥字节</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
893
+ <span>恪晨</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
897
+ 2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...
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/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
906
+ <a href="https://segmentfault.com/a/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</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>11</span>
917
+ <span>9</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
921
- <span>lulu_up</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
921
+ <span>卡颂</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
925
+ 大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...
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/1190000041693503" target="_blank" title="🔥前端脚手架辣么多，那我也要写一个玩玩">🔥前端脚手架辣么多，那我也要写一个玩玩</a>
934
+ <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</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>13</span>
945
+ <span>12</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
949
- <span>恪晨</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
949
+ <span>码哥字节</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...
953
+ 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
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/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
962
+ <a href="https://segmentfault.com/a/1190000041585906" target="_blank" title="Three.js 火焰效果实现艾尔登法环动态logo 🔥">Three.js 火焰效果实现艾尔登法环动态logo 🔥</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>9</span>
973
+ <span>13</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
977
- <span>卡颂</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
977
+ <span>dragonir</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...
981
+ 《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...
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/20 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/21 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>