@wcj/github-rank 22.9.15 → 22.9.16

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 +19886 -19885
  2. package/dist/sifou-daily.json +12 -66
  3. package/dist/sifou-monthly.json +67 -67
  4. package/dist/sifou-weekly.json +130 -130
  5. package/dist/toutiao-30.json +32 -32
  6. package/dist/toutiao-7.json +80 -80
  7. package/dist/toutiao-90.json +24 -24
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +139 -139
  10. package/dist/trending-weekly.json +148 -159
  11. package/dist/users.china.json +1519 -1519
  12. package/dist/users.json +2478 -2478
  13. package/package.json +1 -1
  14. package/web/data/repos.json +19886 -19885
  15. package/web/data/sifou-daily.json +12 -66
  16. package/web/data/sifou-monthly.json +67 -67
  17. package/web/data/sifou-weekly.json +130 -130
  18. package/web/data/toutiao-30.json +32 -32
  19. package/web/data/toutiao-7.json +80 -80
  20. package/web/data/toutiao-90.json +24 -24
  21. package/web/data/trending-daily.json +171 -171
  22. package/web/data/trending-monthly.json +139 -139
  23. package/web/data/trending-weekly.json +148 -159
  24. package/web/data/users.china.json +1519 -1519
  25. package/web/data/users.json +2478 -2478
  26. package/web/index.html +1289 -1289
  27. package/web/repos.html +2525 -2525
  28. package/web/sifou-daily.html +11 -179
  29. package/web/sifou-monthly.html +110 -110
  30. package/web/sifou-weekly.html +137 -137
  31. package/web/toutiao-30.html +85 -85
  32. package/web/toutiao-7.html +70 -70
  33. package/web/toutiao-90.html +48 -48
  34. package/web/trending-monthly.html +128 -128
  35. package/web/trending-weekly.html +135 -165
  36. package/web/trending.html +152 -144
  37. package/web/users.china.html +760 -760
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/9/15 by
119
+ <div class="time">Last cache created on 2022/9/16 by
120
120
 
121
121
 
122
122
 
@@ -145,62 +145,6 @@
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/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
149
- </div>
150
- <div class="sub-title followers">
151
-
152
- <span title="Stargazers Count">
153
- <svg width="12" height="12" viewBox="0 0 16 16">
154
- <g fill="none" fill-rule="evenodd">
155
- <path d="M0 0h16v16H0z"/>
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
- </g>
158
- </svg>
159
- <span>36</span>
160
- </span>
161
- &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
- <span>XboxYan</span>
164
- </a>
165
- </div>
166
- <div class="details">
167
- 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
168
- </div>
169
- </div>
170
- </li>
171
-
172
- <li>
173
- <div class="info">
174
- <div class="rank">
175
- <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
177
- </div>
178
- <div class="sub-title followers">
179
-
180
- <span title="Stargazers Count">
181
- <svg width="12" height="12" viewBox="0 0 16 16">
182
- <g fill="none" fill-rule="evenodd">
183
- <path d="M0 0h16v16H0z"/>
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
- </g>
186
- </svg>
187
- <span>29</span>
188
- </span>
189
- &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
- <span>chokcoco</span>
192
- </a>
193
- </div>
194
- <div class="details">
195
- 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
196
- </div>
197
- </div>
198
- </li>
199
-
200
- <li>
201
- <div class="info">
202
- <div class="rank">
203
- <span title="Ranking 3">3</span>
204
148
  <a href="https://segmentfault.com/a/1190000042447341" target="_blank" title="如何优雅地中断 Promise？来试试 AbortController 吧！">如何优雅地中断 Promise？来试试 AbortController 吧！</a>
205
149
  </div>
206
150
  <div class="sub-title followers">
@@ -228,7 +172,7 @@
228
172
  <li>
229
173
  <div class="info">
230
174
  <div class="rank">
231
- <span title="Ranking 4">4</span>
175
+ <span title="Ranking 2">2</span>
232
176
  <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
233
177
  </div>
234
178
  <div class="sub-title followers">
@@ -256,7 +200,7 @@
256
200
  <li>
257
201
  <div class="info">
258
202
  <div class="rank">
259
- <span title="Ranking 5">5</span>
203
+ <span title="Ranking 3">3</span>
260
204
  <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</a>
261
205
  </div>
262
206
  <div class="sub-title followers">
@@ -284,7 +228,7 @@
284
228
  <li>
285
229
  <div class="info">
286
230
  <div class="rank">
287
- <span title="Ranking 6">6</span>
231
+ <span title="Ranking 4">4</span>
288
232
  <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
289
233
  </div>
290
234
  <div class="sub-title followers">
@@ -312,7 +256,7 @@
312
256
  <li>
313
257
  <div class="info">
314
258
  <div class="rank">
315
- <span title="Ranking 7">7</span>
259
+ <span title="Ranking 5">5</span>
316
260
  <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！</a>
317
261
  </div>
318
262
  <div class="sub-title followers">
@@ -340,7 +284,7 @@
340
284
  <li>
341
285
  <div class="info">
342
286
  <div class="rank">
343
- <span title="Ranking 8">8</span>
287
+ <span title="Ranking 6">6</span>
344
288
  <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
345
289
  </div>
346
290
  <div class="sub-title followers">
@@ -368,7 +312,7 @@
368
312
  <li>
369
313
  <div class="info">
370
314
  <div class="rank">
371
- <span title="Ranking 9">9</span>
315
+ <span title="Ranking 7">7</span>
372
316
  <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
373
317
  </div>
374
318
  <div class="sub-title followers">
@@ -396,7 +340,7 @@
396
340
  <li>
397
341
  <div class="info">
398
342
  <div class="rank">
399
- <span title="Ranking 10">10</span>
343
+ <span title="Ranking 8">8</span>
400
344
  <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
401
345
  </div>
402
346
  <div class="sub-title followers">
@@ -424,7 +368,7 @@
424
368
  <li>
425
369
  <div class="info">
426
370
  <div class="rank">
427
- <span title="Ranking 11">11</span>
371
+ <span title="Ranking 9">9</span>
428
372
  <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
429
373
  </div>
430
374
  <div class="sub-title followers">
@@ -452,7 +396,7 @@
452
396
  <li>
453
397
  <div class="info">
454
398
  <div class="rank">
455
- <span title="Ranking 12">12</span>
399
+ <span title="Ranking 10">10</span>
456
400
  <a href="https://segmentfault.com/a/1190000042391998" target="_blank" title="盘点一些好用的 JS 单行代码">盘点一些好用的 JS 单行代码</a>
457
401
  </div>
458
402
  <div class="sub-title followers">
@@ -480,7 +424,7 @@
480
424
  <li>
481
425
  <div class="info">
482
426
  <div class="rank">
483
- <span title="Ranking 13">13</span>
427
+ <span title="Ranking 11">11</span>
484
428
  <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
485
429
  </div>
486
430
  <div class="sub-title followers">
@@ -508,7 +452,7 @@
508
452
  <li>
509
453
  <div class="info">
510
454
  <div class="rank">
511
- <span title="Ranking 14">14</span>
455
+ <span title="Ranking 12">12</span>
512
456
  <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
513
457
  </div>
514
458
  <div class="sub-title followers">
@@ -536,7 +480,7 @@
536
480
  <li>
537
481
  <div class="info">
538
482
  <div class="rank">
539
- <span title="Ranking 15">15</span>
483
+ <span title="Ranking 13">13</span>
540
484
  <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
541
485
  </div>
542
486
  <div class="sub-title followers">
@@ -564,7 +508,7 @@
564
508
  <li>
565
509
  <div class="info">
566
510
  <div class="rank">
567
- <span title="Ranking 16">16</span>
511
+ <span title="Ranking 14">14</span>
568
512
  <a href="https://segmentfault.com/a/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
569
513
  </div>
570
514
  <div class="sub-title followers">
@@ -592,7 +536,7 @@
592
536
  <li>
593
537
  <div class="info">
594
538
  <div class="rank">
595
- <span title="Ranking 17">17</span>
539
+ <span title="Ranking 15">15</span>
596
540
  <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
597
541
  </div>
598
542
  <div class="sub-title followers">
@@ -620,7 +564,7 @@
620
564
  <li>
621
565
  <div class="info">
622
566
  <div class="rank">
623
- <span title="Ranking 18">18</span>
567
+ <span title="Ranking 16">16</span>
624
568
  <a href="https://segmentfault.com/a/1190000042367660" target="_blank" title="你不知道的 console，让 JS 调试更简单">你不知道的 console，让 JS 调试更简单</a>
625
569
  </div>
626
570
  <div class="sub-title followers">
@@ -648,8 +592,8 @@
648
592
  <li>
649
593
  <div class="info">
650
594
  <div class="rank">
651
- <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
595
+ <span title="Ranking 17">17</span>
596
+ <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
653
597
  </div>
654
598
  <div class="sub-title followers">
655
599
 
@@ -660,15 +604,15 @@
660
604
  <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
605
  </g>
662
606
  </svg>
663
- <span>6</span>
607
+ <span>9</span>
664
608
  </span>
665
609
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
667
- <span>程序员秋风</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
611
+ <span>散一群逗逼</span>
668
612
  </a>
669
613
  </div>
670
614
  <div class="details">
671
- 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
615
+ transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
672
616
  </div>
673
617
  </div>
674
618
  </li>
@@ -676,8 +620,8 @@
676
620
  <li>
677
621
  <div class="info">
678
622
  <div class="rank">
679
- <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042329366" target="_blank" title="js 使用reduce方法合并两个对象数组，有则替换，无则新增">js 使用reduce方法合并两个对象数组，有则替换，无则新增</a>
623
+ <span title="Ranking 18">18</span>
624
+ <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
681
625
  </div>
682
626
  <div class="sub-title followers">
683
627
 
@@ -688,15 +632,15 @@
688
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"/>
689
633
  </g>
690
634
  </svg>
691
- <span>7</span>
635
+ <span>4</span>
692
636
  </span>
693
637
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/awbeci" title="Programming Language">
695
- <span>Awbeci</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
639
+ <span>SegmentFault思否</span>
696
640
  </a>
697
641
  </div>
698
642
  <div class="details">
699
- 我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：
643
+ 黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...
700
644
  </div>
701
645
  </div>
702
646
  </li>
@@ -704,8 +648,8 @@
704
648
  <li>
705
649
  <div class="info">
706
650
  <div class="rank">
707
- <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042443056" target="_blank" title="有意思的水平横向溢出滚动">有意思的水平横向溢出滚动</a>
651
+ <span title="Ranking 19">19</span>
652
+ <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
709
653
  </div>
710
654
  <div class="sub-title followers">
711
655
 
@@ -719,12 +663,12 @@
719
663
  <span>6</span>
720
664
  </span>
721
665
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
723
- <span>chokcoco</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
667
+ <span>程序员秋风</span>
724
668
  </a>
725
669
  </div>
726
670
  <div class="details">
727
- 最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...
671
+ 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
728
672
  </div>
729
673
  </div>
730
674
  </li>
@@ -732,8 +676,8 @@
732
676
  <li>
733
677
  <div class="info">
734
678
  <div class="rank">
735
- <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
679
+ <span title="Ranking 20">20</span>
680
+ <a href="https://segmentfault.com/a/1190000042443056" target="_blank" title="有意思的水平横向溢出滚动">有意思的水平横向溢出滚动</a>
737
681
  </div>
738
682
  <div class="sub-title followers">
739
683
 
@@ -744,15 +688,15 @@
744
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"/>
745
689
  </g>
746
690
  </svg>
747
- <span>8</span>
691
+ <span>6</span>
748
692
  </span>
749
693
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
751
- <span>散一群逗逼</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
+ <span>chokcoco</span>
752
696
  </a>
753
697
  </div>
754
698
  <div class="details">
755
- transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
699
+ 最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...
756
700
  </div>
757
701
  </div>
758
702
  </li>
@@ -760,7 +704,7 @@
760
704
  <li>
761
705
  <div class="info">
762
706
  <div class="rank">
763
- <span title="Ranking 23">23</span>
707
+ <span title="Ranking 21">21</span>
764
708
  <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
765
709
  </div>
766
710
  <div class="sub-title followers">
@@ -788,7 +732,7 @@
788
732
  <li>
789
733
  <div class="info">
790
734
  <div class="rank">
791
- <span title="Ranking 24">24</span>
735
+ <span title="Ranking 22">22</span>
792
736
  <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
793
737
  </div>
794
738
  <div class="sub-title followers">
@@ -816,7 +760,7 @@
816
760
  <li>
817
761
  <div class="info">
818
762
  <div class="rank">
819
- <span title="Ranking 25">25</span>
763
+ <span title="Ranking 23">23</span>
820
764
  <a href="https://segmentfault.com/a/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</a>
821
765
  </div>
822
766
  <div class="sub-title followers">
@@ -844,7 +788,35 @@
844
788
  <li>
845
789
  <div class="info">
846
790
  <div class="rank">
847
- <span title="Ranking 26">26</span>
791
+ <span title="Ranking 24">24</span>
792
+ <a href="https://segmentfault.com/a/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
793
+ </div>
794
+ <div class="sub-title followers">
795
+
796
+ <span title="Stargazers Count">
797
+ <svg width="12" height="12" viewBox="0 0 16 16">
798
+ <g fill="none" fill-rule="evenodd">
799
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
802
+ </svg>
803
+ <span>9</span>
804
+ </span>
805
+ &nbsp;
806
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
807
+ <span>XboxYan</span>
808
+ </a>
809
+ </div>
810
+ <div class="details">
811
+ 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
812
+ </div>
813
+ </div>
814
+ </li>
815
+
816
+ <li>
817
+ <div class="info">
818
+ <div class="rank">
819
+ <span title="Ranking 25">25</span>
848
820
  <a href="https://segmentfault.com/a/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</a>
849
821
  </div>
850
822
  <div class="sub-title followers">
@@ -872,7 +844,7 @@
872
844
  <li>
873
845
  <div class="info">
874
846
  <div class="rank">
875
- <span title="Ranking 27">27</span>
847
+ <span title="Ranking 26">26</span>
876
848
  <a href="https://segmentfault.com/a/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</a>
877
849
  </div>
878
850
  <div class="sub-title followers">
@@ -900,7 +872,7 @@
900
872
  <li>
901
873
  <div class="info">
902
874
  <div class="rank">
903
- <span title="Ranking 28">28</span>
875
+ <span title="Ranking 27">27</span>
904
876
  <a href="https://segmentfault.com/a/1190000042432407" target="_blank" title="为什么vue.config.js中使用require，而vite.config.js使用 import?">为什么vue.config.js中使用require，而vite.config.js使用 import?</a>
905
877
  </div>
906
878
  <div class="sub-title followers">
@@ -925,11 +897,39 @@
925
897
  </div>
926
898
  </li>
927
899
 
900
+ <li>
901
+ <div class="info">
902
+ <div class="rank">
903
+ <span title="Ranking 28">28</span>
904
+ <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
905
+ </div>
906
+ <div class="sub-title followers">
907
+
908
+ <span title="Stargazers Count">
909
+ <svg width="12" height="12" viewBox="0 0 16 16">
910
+ <g fill="none" fill-rule="evenodd">
911
+ <path d="M0 0h16v16H0z"/>
912
+ <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"/>
913
+ </g>
914
+ </svg>
915
+ <span>5</span>
916
+ </span>
917
+ &nbsp;
918
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
919
+ <span>null仔</span>
920
+ </a>
921
+ </div>
922
+ <div class="details">
923
+ 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
924
+ </div>
925
+ </div>
926
+ </li>
927
+
928
928
  <li>
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/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
932
+ <a href="https://segmentfault.com/a/1190000042453662" target="_blank" title="SegmentFault 思否技术征文丨浅谈 Java 进阶之路">SegmentFault 思否技术征文丨浅谈 Java 进阶之路</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,7 +940,7 @@
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>3</span>
943
+ <span>7</span>
944
944
  </span>
945
945
  &nbsp;
946
946
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -948,7 +948,7 @@
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...
951
+ 亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...
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/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
960
+ <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</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>5</span>
971
+ <span>2</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
975
- <span>null仔</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
975
+ <span>葡萄城技术团队</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
979
+ 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
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/9/15 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/16 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>