@wcj/github-rank 22.7.5 → 22.7.6

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 +19135 -19135
  2. package/dist/sifou-daily.json +58 -94
  3. package/dist/sifou-monthly.json +59 -59
  4. package/dist/sifou-weekly.json +148 -148
  5. package/dist/toutiao-30.json +49 -49
  6. package/dist/toutiao-7.json +87 -87
  7. package/dist/toutiao-90.json +14 -14
  8. package/dist/trending-daily.json +162 -162
  9. package/dist/trending-monthly.json +138 -138
  10. package/dist/trending-weekly.json +160 -160
  11. package/dist/users.china.json +1793 -1793
  12. package/dist/users.json +2365 -2365
  13. package/package.json +1 -1
  14. package/web/36kr.html +7 -7
  15. package/web/data/repos.json +19135 -19135
  16. package/web/data/sifou-daily.json +58 -94
  17. package/web/data/sifou-monthly.json +59 -59
  18. package/web/data/sifou-weekly.json +148 -148
  19. package/web/data/toutiao-30.json +49 -49
  20. package/web/data/toutiao-7.json +87 -87
  21. package/web/data/toutiao-90.json +14 -14
  22. package/web/data/trending-daily.json +162 -162
  23. package/web/data/trending-monthly.json +138 -138
  24. package/web/data/trending-weekly.json +160 -160
  25. package/web/data/users.china.json +1793 -1793
  26. package/web/data/users.json +2365 -2365
  27. package/web/index.html +1657 -1653
  28. package/web/repos.html +2658 -2652
  29. package/web/sifou-daily.html +58 -169
  30. package/web/sifou-monthly.html +108 -107
  31. package/web/sifou-weekly.html +138 -137
  32. package/web/toutiao-30.html +66 -63
  33. package/web/toutiao-7.html +94 -91
  34. package/web/toutiao-90.html +34 -31
  35. package/web/trending-monthly.html +161 -156
  36. package/web/trending-weekly.html +164 -155
  37. package/web/trending.html +161 -156
  38. package/web/users.china.html +1524 -1520
package/web/sifou-monthly.html CHANGED
@@ -75,14 +75,6 @@
75
75
  .list li > div.info a:hover i { color: #333; }
76
76
  .list li div.sub-title { color: var(--color-theme-text); margin: 4px 0 0 0; }
77
77
  .list li div.avatar { padding-right: 10px; }
78
-
79
-
80
- .list .select { }
81
- .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
82
-
83
-
84
-
85
-
86
78
  @keyframes octocat-wave {
87
79
  0%,100%{-webkit-transform:rotate(0); transform:rotate(0);}
88
80
  20%,60%{-webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
@@ -92,6 +84,15 @@
92
84
  .title { padding-top: 16px; font-size: 21px; }
93
85
  }
94
86
  </style>
87
+
88
+
89
+ <style>
90
+ .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
91
+ </style>
92
+
93
+
94
+
95
+
95
96
  <script src="https://unpkg.com/@wcj/dark-mode"></script>
96
97
  </head>
97
98
  <body>
@@ -116,7 +117,7 @@
116
117
 
117
118
 
118
119
  </h1>
119
- <div class="time">Last cache created on 2022/7/5 by
120
+ <div class="time">Last cache created on 2022/7/6 by
120
121
 
121
122
 
122
123
 
@@ -214,7 +215,7 @@
214
215
  <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
216
  </g>
216
217
  </svg>
217
- <span>25</span>
218
+ <span>26</span>
218
219
  </span>
219
220
  &nbsp;
220
221
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -399,6 +400,34 @@
399
400
  <div class="info">
400
401
  <div class="rank">
401
402
  <span title="Ranking 10">10</span>
403
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
404
+ </div>
405
+ <div class="sub-title followers">
406
+
407
+ <span title="Stargazers Count">
408
+ <svg width="12" height="12" viewBox="0 0 16 16">
409
+ <g fill="none" fill-rule="evenodd">
410
+ <path d="M0 0h16v16H0z"/>
411
+ <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"/>
412
+ </g>
413
+ </svg>
414
+ <span>12</span>
415
+ </span>
416
+ &nbsp;
417
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
418
+ <span>边城</span>
419
+ </a>
420
+ </div>
421
+ <div class="details">
422
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
423
+ </div>
424
+ </div>
425
+ </li>
426
+
427
+ <li>
428
+ <div class="info">
429
+ <div class="rank">
430
+ <span title="Ranking 11">11</span>
402
431
  <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
403
432
  </div>
404
433
  <div class="sub-title followers">
@@ -426,7 +455,7 @@
426
455
  <li>
427
456
  <div class="info">
428
457
  <div class="rank">
429
- <span title="Ranking 11">11</span>
458
+ <span title="Ranking 12">12</span>
430
459
  <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
431
460
  </div>
432
461
  <div class="sub-title followers">
@@ -454,7 +483,7 @@
454
483
  <li>
455
484
  <div class="info">
456
485
  <div class="rank">
457
- <span title="Ranking 12">12</span>
486
+ <span title="Ranking 13">13</span>
458
487
  <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
459
488
  </div>
460
489
  <div class="sub-title followers">
@@ -482,7 +511,7 @@
482
511
  <li>
483
512
  <div class="info">
484
513
  <div class="rank">
485
- <span title="Ranking 13">13</span>
514
+ <span title="Ranking 14">14</span>
486
515
  <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
487
516
  </div>
488
517
  <div class="sub-title followers">
@@ -510,7 +539,7 @@
510
539
  <li>
511
540
  <div class="info">
512
541
  <div class="rank">
513
- <span title="Ranking 14">14</span>
542
+ <span title="Ranking 15">15</span>
514
543
  <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
515
544
  </div>
516
545
  <div class="sub-title followers">
@@ -538,7 +567,7 @@
538
567
  <li>
539
568
  <div class="info">
540
569
  <div class="rank">
541
- <span title="Ranking 15">15</span>
570
+ <span title="Ranking 16">16</span>
542
571
  <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
543
572
  </div>
544
573
  <div class="sub-title followers">
@@ -566,7 +595,7 @@
566
595
  <li>
567
596
  <div class="info">
568
597
  <div class="rank">
569
- <span title="Ranking 16">16</span>
598
+ <span title="Ranking 17">17</span>
570
599
  <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
571
600
  </div>
572
601
  <div class="sub-title followers">
@@ -591,39 +620,11 @@
591
620
  </div>
592
621
  </li>
593
622
 
594
- <li>
595
- <div class="info">
596
- <div class="rank">
597
- <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
599
- </div>
600
- <div class="sub-title followers">
601
-
602
- <span title="Stargazers Count">
603
- <svg width="12" height="12" viewBox="0 0 16 16">
604
- <g fill="none" fill-rule="evenodd">
605
- <path d="M0 0h16v16H0z"/>
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"/>
607
- </g>
608
- </svg>
609
- <span>11</span>
610
- </span>
611
- &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
613
- <span>前端小智</span>
614
- </a>
615
- </div>
616
- <div class="details">
617
- 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
618
- </div>
619
- </div>
620
- </li>
621
-
622
623
  <li>
623
624
  <div class="info">
624
625
  <div class="rank">
625
626
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
627
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
627
628
  </div>
628
629
  <div class="sub-title followers">
629
630
 
@@ -634,15 +635,15 @@
634
635
  <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
636
  </g>
636
637
  </svg>
637
- <span>9</span>
638
+ <span>14</span>
638
639
  </span>
639
640
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
641
- <span>边城</span>
641
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
642
+ <span>XboxYan</span>
642
643
  </a>
643
644
  </div>
644
645
  <div class="details">
645
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
646
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
646
647
  </div>
647
648
  </div>
648
649
  </li>
@@ -651,7 +652,7 @@
651
652
  <div class="info">
652
653
  <div class="rank">
653
654
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
655
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
655
656
  </div>
656
657
  <div class="sub-title followers">
657
658
 
@@ -662,15 +663,15 @@
662
663
  <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
664
  </g>
664
665
  </svg>
665
- <span>7</span>
666
+ <span>10</span>
666
667
  </span>
667
668
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
669
- <span>SegmentFault思否</span>
669
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
670
+ <span>null仔</span>
670
671
  </a>
671
672
  </div>
672
673
  <div class="details">
673
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
674
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
674
675
  </div>
675
676
  </div>
676
677
  </li>
@@ -679,7 +680,7 @@
679
680
  <div class="info">
680
681
  <div class="rank">
681
682
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
683
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
683
684
  </div>
684
685
  <div class="sub-title followers">
685
686
 
@@ -690,15 +691,15 @@
690
691
  <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"/>
691
692
  </g>
692
693
  </svg>
693
- <span>9</span>
694
+ <span>11</span>
694
695
  </span>
695
696
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
697
- <span>六一</span>
697
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
698
+ <span>前端小智</span>
698
699
  </a>
699
700
  </div>
700
701
  <div class="details">
701
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
702
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
702
703
  </div>
703
704
  </div>
704
705
  </li>
@@ -707,7 +708,7 @@
707
708
  <div class="info">
708
709
  <div class="rank">
709
710
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
711
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
711
712
  </div>
712
713
  <div class="sub-title followers">
713
714
 
@@ -718,15 +719,15 @@
718
719
  <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
720
  </g>
720
721
  </svg>
721
- <span>10</span>
722
+ <span>7</span>
722
723
  </span>
723
724
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
725
- <span>沉静地闪光</span>
725
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
726
+ <span>SegmentFault思否</span>
726
727
  </a>
727
728
  </div>
728
729
  <div class="details">
729
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
730
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
730
731
  </div>
731
732
  </div>
732
733
  </li>
@@ -735,7 +736,7 @@
735
736
  <div class="info">
736
737
  <div class="rank">
737
738
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
739
+ <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
739
740
  </div>
740
741
  <div class="sub-title followers">
741
742
 
@@ -746,15 +747,15 @@
746
747
  <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"/>
747
748
  </g>
748
749
  </svg>
749
- <span>6</span>
750
+ <span>11</span>
750
751
  </span>
751
752
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
753
- <span>Beverly</span>
753
+ <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
754
+ <span>沉静地闪光</span>
754
755
  </a>
755
756
  </div>
756
757
  <div class="details">
757
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
758
+ 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
758
759
  </div>
759
760
  </div>
760
761
  </li>
@@ -763,7 +764,7 @@
763
764
  <div class="info">
764
765
  <div class="rank">
765
766
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
767
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
767
768
  </div>
768
769
  <div class="sub-title followers">
769
770
 
@@ -774,7 +775,7 @@
774
775
  <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"/>
775
776
  </g>
776
777
  </svg>
777
- <span>6</span>
778
+ <span>7</span>
778
779
  </span>
779
780
  &nbsp;
780
781
  <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
@@ -782,7 +783,7 @@
782
783
  </a>
783
784
  </div>
784
785
  <div class="details">
785
- 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
786
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
786
787
  </div>
787
788
  </div>
788
789
  </li>
@@ -791,7 +792,7 @@
791
792
  <div class="info">
792
793
  <div class="rank">
793
794
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
795
+ <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
795
796
  </div>
796
797
  <div class="sub-title followers">
797
798
 
@@ -802,15 +803,15 @@
802
803
  <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
804
  </g>
804
805
  </svg>
805
- <span>6</span>
806
+ <span>9</span>
806
807
  </span>
807
808
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
809
- <span>jump__jump</span>
809
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
810
+ <span>六一</span>
810
811
  </a>
811
812
  </div>
812
813
  <div class="details">
813
- 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
814
+ 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
814
815
  </div>
815
816
  </div>
816
817
  </li>
@@ -819,7 +820,7 @@
819
820
  <div class="info">
820
821
  <div class="rank">
821
822
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
823
+ <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
823
824
  </div>
824
825
  <div class="sub-title followers">
825
826
 
@@ -830,15 +831,15 @@
830
831
  <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
832
  </g>
832
833
  </svg>
833
- <span>5</span>
834
+ <span>6</span>
834
835
  </span>
835
836
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
837
- <span>黄子毅</span>
837
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
838
+ <span>Beverly</span>
838
839
  </a>
839
840
  </div>
840
841
  <div class="details">
841
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
842
+ 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
842
843
  </div>
843
844
  </div>
844
845
  </li>
@@ -847,7 +848,7 @@
847
848
  <div class="info">
848
849
  <div class="rank">
849
850
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
851
+ <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
851
852
  </div>
852
853
  <div class="sub-title followers">
853
854
 
@@ -858,15 +859,15 @@
858
859
  <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
860
  </g>
860
861
  </svg>
861
- <span>5</span>
862
+ <span>6</span>
862
863
  </span>
863
864
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
865
- <span>葡萄城技术团队</span>
865
+ <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
866
+ <span>jump__jump</span>
866
867
  </a>
867
868
  </div>
868
869
  <div class="details">
869
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
870
+ 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
870
871
  </div>
871
872
  </div>
872
873
  </li>
@@ -875,7 +876,7 @@
875
876
  <div class="info">
876
877
  <div class="rank">
877
878
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
879
+ <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
879
880
  </div>
880
881
  <div class="sub-title followers">
881
882
 
@@ -886,15 +887,15 @@
886
887
  <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
888
  </g>
888
889
  </svg>
889
- <span>4</span>
890
+ <span>5</span>
890
891
  </span>
891
892
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
893
- <span>卡颂</span>
893
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
894
+ <span>黄子毅</span>
894
895
  </a>
895
896
  </div>
896
897
  <div class="details">
897
- 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
898
+ TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
898
899
  </div>
899
900
  </div>
900
901
  </li>
@@ -903,7 +904,7 @@
903
904
  <div class="info">
904
905
  <div class="rank">
905
906
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041980427" target="_blank" title="使用 content-visibility 优化渲染性能">使用 content-visibility 优化渲染性能</a>
907
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
907
908
  </div>
908
909
  <div class="sub-title followers">
909
910
 
@@ -914,15 +915,15 @@
914
915
  <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
916
  </g>
916
917
  </svg>
917
- <span>11</span>
918
+ <span>5</span>
918
919
  </span>
919
920
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
921
- <span>chokcoco</span>
921
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
922
+ <span>葡萄城技术团队</span>
922
923
  </a>
923
924
  </div>
924
925
  <div class="details">
925
- content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。
926
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
926
927
  </div>
927
928
  </div>
928
929
  </li>
@@ -931,7 +932,7 @@
931
932
  <div class="info">
932
933
  <div class="rank">
933
934
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
935
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
935
936
  </div>
936
937
  <div class="sub-title followers">
937
938
 
@@ -942,15 +943,15 @@
942
943
  <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
944
  </g>
944
945
  </svg>
945
- <span>5</span>
946
+ <span>4</span>
946
947
  </span>
947
948
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
949
- <span>crossoverJie</span>
949
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
950
+ <span>卡颂</span>
950
951
  </a>
951
952
  </div>
952
953
  <div class="details">
953
- 以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。
954
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
954
955
  </div>
955
956
  </div>
956
957
  </li>
@@ -959,7 +960,7 @@
959
960
  <div class="info">
960
961
  <div class="rank">
961
962
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041995552" target="_blank" title="Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队">Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队</a>
963
+ <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
963
964
  </div>
964
965
  <div class="sub-title followers">
965
966
 
@@ -973,12 +974,12 @@
973
974
  <span>7</span>
974
975
  </span>
975
976
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
977
- <span>思否编辑部</span>
977
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
978
+ <span>云叔_又拍云</span>
978
979
  </a>
979
980
  </div>
980
981
  <div class="details">
981
- 2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。
982
+ 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
982
983
  </div>
983
984
  </div>
984
985
  </li>
@@ -999,7 +1000,7 @@
999
1000
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1001
  </a>
1001
1002
  </div>
1002
- <div class="time">Last cache created on 2022/7/5 by Github API v3.</div>
1003
+ <div class="time">Last cache created on 2022/7/6 by Github API v3.</div>
1003
1004
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1005
  </div>
1005
1006
  </body>