@wcj/github-rank 22.8.26 → 22.8.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/repos.json +31562 -31562
  2. package/dist/sifou-daily.json +11 -47
  3. package/dist/sifou-monthly.json +72 -72
  4. package/dist/sifou-weekly.json +161 -161
  5. package/dist/toutiao-30.json +81 -81
  6. package/dist/toutiao-7.json +121 -121
  7. package/dist/toutiao-90.json +43 -43
  8. package/dist/trending-daily.json +175 -175
  9. package/dist/trending-monthly.json +162 -162
  10. package/dist/trending-weekly.json +161 -161
  11. package/dist/users.china.json +2112 -2112
  12. package/dist/users.json +3564 -3564
  13. package/package.json +1 -1
  14. package/web/data/repos.json +31562 -31562
  15. package/web/data/sifou-daily.json +11 -47
  16. package/web/data/sifou-monthly.json +72 -72
  17. package/web/data/sifou-weekly.json +161 -161
  18. package/web/data/toutiao-30.json +81 -81
  19. package/web/data/toutiao-7.json +121 -121
  20. package/web/data/toutiao-90.json +43 -43
  21. package/web/data/trending-daily.json +175 -175
  22. package/web/data/trending-monthly.json +162 -162
  23. package/web/data/trending-weekly.json +161 -161
  24. package/web/data/users.china.json +2112 -2112
  25. package/web/data/users.json +3564 -3564
  26. package/web/index.html +1827 -1827
  27. package/web/repos.html +3913 -3913
  28. package/web/sifou-daily.html +11 -123
  29. package/web/sifou-monthly.html +96 -96
  30. package/web/sifou-weekly.html +138 -138
  31. package/web/toutiao-30.html +103 -103
  32. package/web/toutiao-7.html +90 -90
  33. package/web/toutiao-90.html +88 -88
  34. package/web/trending-monthly.html +145 -145
  35. package/web/trending-weekly.html +139 -151
  36. package/web/trending.html +156 -148
  37. package/web/users.china.html +1107 -1107
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/8/26 by
119
+ <div class="time">Last cache created on 2022/8/29 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
148
+ <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>24</span>
159
+ <span>32</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
- <span>chokcoco</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
+ <span>XboxYan</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
167
+ 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
176
+ <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>30</span>
187
+ <span>24</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
- <span>XboxYan</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
+ <span>chokcoco</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
195
+ 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -285,34 +285,6 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042203704" target="_blank" title="社区维基：将你的问答捐赠给社区">社区维基：将你的问答捐赠给社区</a>
289
- </div>
290
- <div class="sub-title followers">
291
-
292
- <span title="Stargazers Count">
293
- <svg width="12" height="12" viewBox="0 0 16 16">
294
- <g fill="none" fill-rule="evenodd">
295
- <path d="M0 0h16v16H0z"/>
296
- <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"/>
297
- </g>
298
- </svg>
299
- <span>13</span>
300
- </span>
301
- &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/fenbox" title="Programming Language">
303
- <span>fenbox</span>
304
- </a>
305
- </div>
306
- <div class="details">
307
- 小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。
308
- </div>
309
- </div>
310
- </li>
311
-
312
- <li>
313
- <div class="info">
314
- <div class="rank">
315
- <span title="Ranking 7">7</span>
316
288
  <a href="https://segmentfault.com/a/1190000042272755" target="_blank" title="防御式CSS是什么？这几点属性重点防御！">防御式CSS是什么？这几点属性重点防御！</a>
317
289
  </div>
318
290
  <div class="sub-title followers">
@@ -340,7 +312,7 @@
340
312
  <li>
341
313
  <div class="info">
342
314
  <div class="rank">
343
- <span title="Ranking 8">8</span>
315
+ <span title="Ranking 7">7</span>
344
316
  <a href="https://segmentfault.com/a/1190000042256837" target="_blank" title="前端构建效率优化之路">前端构建效率优化之路</a>
345
317
  </div>
346
318
  <div class="sub-title followers">
@@ -368,7 +340,7 @@
368
340
  <li>
369
341
  <div class="info">
370
342
  <div class="rank">
371
- <span title="Ranking 9">9</span>
343
+ <span title="Ranking 8">8</span>
372
344
  <a href="https://segmentfault.com/a/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析（四）">可视化拖拽组件库一些技术要点原理分析（四）</a>
373
345
  </div>
374
346
  <div class="sub-title followers">
@@ -396,7 +368,7 @@
396
368
  <li>
397
369
  <div class="info">
398
370
  <div class="rank">
399
- <span title="Ranking 10">10</span>
371
+ <span title="Ranking 9">9</span>
400
372
  <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
401
373
  </div>
402
374
  <div class="sub-title followers">
@@ -424,7 +396,7 @@
424
396
  <li>
425
397
  <div class="info">
426
398
  <div class="rank">
427
- <span title="Ranking 11">11</span>
399
+ <span title="Ranking 10">10</span>
428
400
  <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！</a>
429
401
  </div>
430
402
  <div class="sub-title followers">
@@ -452,7 +424,7 @@
452
424
  <li>
453
425
  <div class="info">
454
426
  <div class="rank">
455
- <span title="Ranking 12">12</span>
427
+ <span title="Ranking 11">11</span>
456
428
  <a href="https://segmentfault.com/a/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
457
429
  </div>
458
430
  <div class="sub-title followers">
@@ -480,7 +452,7 @@
480
452
  <li>
481
453
  <div class="info">
482
454
  <div class="rank">
483
- <span title="Ranking 13">13</span>
455
+ <span title="Ranking 12">12</span>
484
456
  <a href="https://segmentfault.com/a/1190000042261453" target="_blank" title="使用前端技术实现静态图片局部流动效果 🌊">使用前端技术实现静态图片局部流动效果 🌊</a>
485
457
  </div>
486
458
  <div class="sub-title followers">
@@ -508,7 +480,7 @@
508
480
  <li>
509
481
  <div class="info">
510
482
  <div class="rank">
511
- <span title="Ranking 14">14</span>
483
+ <span title="Ranking 13">13</span>
512
484
  <a href="https://segmentfault.com/a/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</a>
513
485
  </div>
514
486
  <div class="sub-title followers">
@@ -536,7 +508,7 @@
536
508
  <li>
537
509
  <div class="info">
538
510
  <div class="rank">
539
- <span title="Ranking 15">15</span>
511
+ <span title="Ranking 14">14</span>
540
512
  <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
541
513
  </div>
542
514
  <div class="sub-title followers">
@@ -564,7 +536,7 @@
564
536
  <li>
565
537
  <div class="info">
566
538
  <div class="rank">
567
- <span title="Ranking 16">16</span>
539
+ <span title="Ranking 15">15</span>
568
540
  <a href="https://segmentfault.com/a/1190000042244854" target="_blank" title="Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用">Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用</a>
569
541
  </div>
570
542
  <div class="sub-title followers">
@@ -592,7 +564,7 @@
592
564
  <li>
593
565
  <div class="info">
594
566
  <div class="rank">
595
- <span title="Ranking 17">17</span>
567
+ <span title="Ranking 16">16</span>
596
568
  <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
597
569
  </div>
598
570
  <div class="sub-title followers">
@@ -620,7 +592,7 @@
620
592
  <li>
621
593
  <div class="info">
622
594
  <div class="rank">
623
- <span title="Ranking 18">18</span>
595
+ <span title="Ranking 17">17</span>
624
596
  <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</a>
625
597
  </div>
626
598
  <div class="sub-title followers">
@@ -645,11 +617,39 @@
645
617
  </div>
646
618
  </li>
647
619
 
620
+ <li>
621
+ <div class="info">
622
+ <div class="rank">
623
+ <span title="Ranking 18">18</span>
624
+ <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
625
+ </div>
626
+ <div class="sub-title followers">
627
+
628
+ <span title="Stargazers Count">
629
+ <svg width="12" height="12" viewBox="0 0 16 16">
630
+ <g fill="none" fill-rule="evenodd">
631
+ <path d="M0 0h16v16H0z"/>
632
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
633
+ </g>
634
+ </svg>
635
+ <span>7</span>
636
+ </span>
637
+ &nbsp;
638
+ <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
639
+ <span>胡哥有话说</span>
640
+ </a>
641
+ </div>
642
+ <div class="details">
643
+ 本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
644
+ </div>
645
+ </div>
646
+ </li>
647
+
648
648
  <li>
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042232699" target="_blank" title="梳理 Webpack 知识体系与学习资源推荐">梳理 Webpack 知识体系与学习资源推荐</a>
652
+ <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <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"/>
661
661
  </g>
662
662
  </svg>
663
- <span>16</span>
663
+ <span>6</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/jackysummer" title="Programming Language">
667
- <span>JackySummer</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
667
+ <span>六一</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...
671
+ 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
680
+ <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
688
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
689
689
  </g>
690
690
  </svg>
691
- <span>7</span>
691
+ <span>5</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
695
- <span>胡哥有话说</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
695
+ <span>葡萄城技术团队</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
699
+ 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
708
+ <a href="https://segmentfault.com/a/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <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"/>
717
717
  </g>
718
718
  </svg>
719
- <span>6</span>
719
+ <span>8</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
723
- <span>六一</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
723
+ <span>卡颂</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
727
+ 大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042238526" target="_blank" title="你的 Tap bar 不够花里胡哨，试试这个！">你的 Tap bar 不够花里胡哨，试试这个！</a>
736
+ <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>8</span>
747
+ <span>13</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
751
- <span>前端小智</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
751
+ <span>chokcoco</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
755
+ 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
764
+ <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
773
773
  </g>
774
774
  </svg>
775
- <span>5</span>
775
+ <span>6</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
779
- <span>葡萄城技术团队</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
779
+ <span>冴羽</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
783
+ 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042229850" target="_blank" title="低代码是开发的未来吗？浅谈低代码平台">低代码是开发的未来吗？浅谈低代码平台</a>
792
+ <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -800,15 +800,15 @@
800
800
  <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"/>
801
801
  </g>
802
802
  </svg>
803
- <span>11</span>
803
+ <span>6</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
807
- <span>云叔_又拍云</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
807
+ <span>Gopal</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...
811
+ 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</a>
820
+ <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
829
829
  </g>
830
830
  </svg>
831
- <span>8</span>
831
+ <span>10</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
835
- <span>卡颂</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
835
+ <span>XboxYan</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...
839
+ 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
932
+ <a href="https://segmentfault.com/a/1190000042267983" target="_blank" title="electron 应用开发优秀实践">electron 应用开发优秀实践</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
941
941
  </g>
942
942
  </svg>
943
- <span>6</span>
943
+ <span>8</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
947
- <span>冴羽</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
947
+ <span>vivo互联网技术</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
951
+ 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
960
+ <a href="https://segmentfault.com/a/1190000042280585" target="_blank" title="PHP如何提高高并发能力">PHP如何提高高并发能力</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <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"/>
969
969
  </g>
970
970
  </svg>
971
- <span>6</span>
971
+ <span>5</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
975
- <span>Gopal</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
975
+ <span>7small7</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
979
+ 用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/8/26 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/29 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>