@wcj/github-rank 22.9.14 → 22.9.15

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 +22212 -22206
  2. package/dist/sifou-daily.json +54 -36
  3. package/dist/sifou-monthly.json +58 -58
  4. package/dist/sifou-weekly.json +92 -92
  5. package/dist/toutiao-30.json +56 -56
  6. package/dist/toutiao-7.json +89 -89
  7. package/dist/toutiao-90.json +26 -26
  8. package/dist/trending-daily.json +163 -163
  9. package/dist/trending-monthly.json +137 -137
  10. package/dist/trending-weekly.json +153 -153
  11. package/dist/users.china.json +1391 -1391
  12. package/dist/users.json +2298 -2298
  13. package/package.json +1 -1
  14. package/web/data/repos.json +22212 -22206
  15. package/web/data/sifou-daily.json +54 -36
  16. package/web/data/sifou-monthly.json +58 -58
  17. package/web/data/sifou-weekly.json +92 -92
  18. package/web/data/toutiao-30.json +56 -56
  19. package/web/data/toutiao-7.json +89 -89
  20. package/web/data/toutiao-90.json +26 -26
  21. package/web/data/trending-daily.json +163 -163
  22. package/web/data/trending-monthly.json +137 -137
  23. package/web/data/trending-weekly.json +153 -153
  24. package/web/data/users.china.json +1391 -1391
  25. package/web/data/users.json +2298 -2298
  26. package/web/index.html +1276 -1276
  27. package/web/repos.html +2781 -2781
  28. package/web/sifou-daily.html +88 -32
  29. package/web/sifou-monthly.html +112 -112
  30. package/web/sifou-weekly.html +132 -132
  31. package/web/toutiao-30.html +109 -109
  32. package/web/toutiao-7.html +79 -79
  33. package/web/toutiao-90.html +75 -75
  34. package/web/trending-monthly.html +125 -125
  35. package/web/trending-weekly.html +137 -141
  36. package/web/trending.html +145 -137
  37. package/web/users.china.html +878 -878
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/14 by
119
+ <div class="time">Last cache created on 2022/9/15 by
120
120
 
121
121
 
122
122
 
@@ -341,34 +341,6 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
345
- </div>
346
- <div class="sub-title followers">
347
-
348
- <span title="Stargazers Count">
349
- <svg width="12" height="12" viewBox="0 0 16 16">
350
- <g fill="none" fill-rule="evenodd">
351
- <path d="M0 0h16v16H0z"/>
352
- <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"/>
353
- </g>
354
- </svg>
355
- <span>12</span>
356
- </span>
357
- &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
359
- <span>万事ONES</span>
360
- </a>
361
- </div>
362
- <div class="details">
363
- ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...
364
- </div>
365
- </div>
366
- </li>
367
-
368
- <li>
369
- <div class="info">
370
- <div class="rank">
371
- <span title="Ranking 9">9</span>
372
344
  <a href="https://segmentfault.com/a/1190000042418291" 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/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
401
373
  </div>
402
374
  <div class="sub-title followers">
@@ -408,7 +380,7 @@
408
380
  <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"/>
409
381
  </g>
410
382
  </svg>
411
- <span>14</span>
383
+ <span>15</span>
412
384
  </span>
413
385
  &nbsp;
414
386
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
429
401
  </div>
430
402
  <div class="sub-title followers">
@@ -452,35 +424,7 @@
452
424
  <li>
453
425
  <div class="info">
454
426
  <div class="rank">
455
- <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042322957" target="_blank" title="手写一个有点意思的电梯小程序（React版本）">手写一个有点意思的电梯小程序（React版本）</a>
457
- </div>
458
- <div class="sub-title followers">
459
-
460
- <span title="Stargazers Count">
461
- <svg width="12" height="12" viewBox="0 0 16 16">
462
- <g fill="none" fill-rule="evenodd">
463
- <path d="M0 0h16v16H0z"/>
464
- <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"/>
465
- </g>
466
- </svg>
467
- <span>5</span>
468
- </span>
469
- &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
471
- <span>夕水</span>
472
- </a>
473
- </div>
474
- <div class="details">
475
- 查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...
476
- </div>
477
- </div>
478
- </li>
479
-
480
- <li>
481
- <div class="info">
482
- <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/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</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/1190000042391998" target="_blank" title="盘点一些好用的 JS 单行代码">盘点一些好用的 JS 单行代码</a>
513
457
  </div>
514
458
  <div class="sub-title followers">
@@ -536,8 +480,8 @@
536
480
  <li>
537
481
  <div class="info">
538
482
  <div class="rank">
539
- <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042318738" target="_blank" title="精读《pnpm》">精读《pnpm》</a>
483
+ <span title="Ranking 13">13</span>
484
+ <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
541
485
  </div>
542
486
  <div class="sub-title followers">
543
487
 
@@ -548,15 +492,15 @@
548
492
  <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"/>
549
493
  </g>
550
494
  </svg>
551
- <span>10</span>
495
+ <span>6</span>
552
496
  </span>
553
497
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
555
- <span>黄子毅</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
499
+ <span>Gopal</span>
556
500
  </a>
557
501
  </div>
558
502
  <div class="details">
559
- pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。
503
+ 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
560
504
  </div>
561
505
  </div>
562
506
  </li>
@@ -564,8 +508,8 @@
564
508
  <li>
565
509
  <div class="info">
566
510
  <div class="rank">
567
- <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
511
+ <span title="Ranking 14">14</span>
512
+ <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
569
513
  </div>
570
514
  <div class="sub-title followers">
571
515
 
@@ -579,12 +523,12 @@
579
523
  <span>6</span>
580
524
  </span>
581
525
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
583
- <span>Gopal</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
527
+ <span>冴羽</span>
584
528
  </a>
585
529
  </div>
586
530
  <div class="details">
587
- 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
531
+ 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
588
532
  </div>
589
533
  </div>
590
534
  </li>
@@ -592,8 +536,8 @@
592
536
  <li>
593
537
  <div class="info">
594
538
  <div class="rank">
595
- <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
539
+ <span title="Ranking 15">15</span>
540
+ <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
597
541
  </div>
598
542
  <div class="sub-title followers">
599
543
 
@@ -604,15 +548,15 @@
604
548
  <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"/>
605
549
  </g>
606
550
  </svg>
607
- <span>6</span>
551
+ <span>10</span>
608
552
  </span>
609
553
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
611
- <span>冴羽</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
555
+ <span>lulu_up</span>
612
556
  </a>
613
557
  </div>
614
558
  <div class="details">
615
- 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
559
+ 你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会&#39;卡死&#39;, 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...
616
560
  </div>
617
561
  </div>
618
562
  </li>
@@ -620,8 +564,8 @@
620
564
  <li>
621
565
  <div class="info">
622
566
  <div class="rank">
623
- <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
567
+ <span title="Ranking 16">16</span>
568
+ <a href="https://segmentfault.com/a/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
625
569
  </div>
626
570
  <div class="sub-title followers">
627
571
 
@@ -632,15 +576,15 @@
632
576
  <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
577
  </g>
634
578
  </svg>
635
- <span>10</span>
579
+ <span>8</span>
636
580
  </span>
637
581
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
639
- <span>lulu_up</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba" title="Programming Language">
583
+ <span>前端小菜鸟</span>
640
584
  </a>
641
585
  </div>
642
586
  <div class="details">
643
- 你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会&#39;卡死&#39;, 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...
587
+ 视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...
644
588
  </div>
645
589
  </div>
646
590
  </li>
@@ -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/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
595
+ <span title="Ranking 17">17</span>
596
+ <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
653
597
  </div>
654
598
  <div class="sub-title followers">
655
599
 
@@ -663,12 +607,12 @@
663
607
  <span>8</span>
664
608
  </span>
665
609
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba" title="Programming Language">
667
- <span>前端小菜鸟</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
611
+ <span>XboxYan</span>
668
612
  </a>
669
613
  </div>
670
614
  <div class="details">
671
- 视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...
615
+ 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
672
616
  </div>
673
617
  </div>
674
618
  </li>
@@ -676,7 +620,7 @@
676
620
  <li>
677
621
  <div class="info">
678
622
  <div class="rank">
679
- <span title="Ranking 20">20</span>
623
+ <span title="Ranking 18">18</span>
680
624
  <a href="https://segmentfault.com/a/1190000042367660" target="_blank" title="你不知道的 console，让 JS 调试更简单">你不知道的 console，让 JS 调试更简单</a>
681
625
  </div>
682
626
  <div class="sub-title followers">
@@ -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/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</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
 
@@ -716,15 +660,15 @@
716
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"/>
717
661
  </g>
718
662
  </svg>
719
- <span>8</span>
663
+ <span>6</span>
720
664
  </span>
721
665
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
723
- <span>XboxYan</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
- 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
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,7 +676,7 @@
732
676
  <li>
733
677
  <div class="info">
734
678
  <div class="rank">
735
- <span title="Ranking 22">22</span>
679
+ <span title="Ranking 20">20</span>
736
680
  <a href="https://segmentfault.com/a/1190000042329366" target="_blank" title="js 使用reduce方法合并两个对象数组，有则替换，无则新增">js 使用reduce方法合并两个对象数组，有则替换，无则新增</a>
737
681
  </div>
738
682
  <div class="sub-title followers">
@@ -760,8 +704,8 @@
760
704
  <li>
761
705
  <div class="info">
762
706
  <div class="rank">
763
- <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
707
+ <span title="Ranking 21">21</span>
708
+ <a href="https://segmentfault.com/a/1190000042443056" target="_blank" title="有意思的水平横向溢出滚动">有意思的水平横向溢出滚动</a>
765
709
  </div>
766
710
  <div class="sub-title followers">
767
711
 
@@ -775,12 +719,12 @@
775
719
  <span>6</span>
776
720
  </span>
777
721
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
779
- <span>程序员秋风</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
723
+ <span>chokcoco</span>
780
724
  </a>
781
725
  </div>
782
726
  <div class="details">
783
- 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
727
+ 最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...
784
728
  </div>
785
729
  </div>
786
730
  </li>
@@ -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/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
793
737
  </div>
794
738
  <div class="sub-title followers">
@@ -800,7 +744,7 @@
800
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"/>
801
745
  </g>
802
746
  </svg>
803
- <span>7</span>
747
+ <span>8</span>
804
748
  </span>
805
749
  &nbsp;
806
750
  <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
@@ -816,7 +760,35 @@
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>
764
+ <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
765
+ </div>
766
+ <div class="sub-title followers">
767
+
768
+ <span title="Stargazers Count">
769
+ <svg width="12" height="12" viewBox="0 0 16 16">
770
+ <g fill="none" fill-rule="evenodd">
771
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
774
+ </svg>
775
+ <span>7</span>
776
+ </span>
777
+ &nbsp;
778
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
779
+ <span>lulu_up</span>
780
+ </a>
781
+ </div>
782
+ <div class="details">
783
+ 可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:&#34;会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力&#34;, 就像发明 车 之前大多数人会认...
784
+ </div>
785
+ </div>
786
+ </li>
787
+
788
+ <li>
789
+ <div class="info">
790
+ <div class="rank">
791
+ <span title="Ranking 24">24</span>
820
792
  <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
821
793
  </div>
822
794
  <div class="sub-title followers">
@@ -844,7 +816,7 @@
844
816
  <li>
845
817
  <div class="info">
846
818
  <div class="rank">
847
- <span title="Ranking 26">26</span>
819
+ <span title="Ranking 25">25</span>
848
820
  <a href="https://segmentfault.com/a/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</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/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</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/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</a>
905
877
  </div>
906
878
  <div class="sub-title followers">
@@ -928,7 +900,7 @@
928
900
  <li>
929
901
  <div class="info">
930
902
  <div class="rank">
931
- <span title="Ranking 29">29</span>
903
+ <span title="Ranking 28">28</span>
932
904
  <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>
933
905
  </div>
934
906
  <div class="sub-title followers">
@@ -956,7 +928,7 @@
956
928
  <li>
957
929
  <div class="info">
958
930
  <div class="rank">
959
- <span title="Ranking 30">30</span>
931
+ <span title="Ranking 29">29</span>
960
932
  <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
961
933
  </div>
962
934
  <div class="sub-title followers">
@@ -981,6 +953,34 @@
981
953
  </div>
982
954
  </li>
983
955
 
956
+ <li>
957
+ <div class="info">
958
+ <div class="rank">
959
+ <span title="Ranking 30">30</span>
960
+ <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
961
+ </div>
962
+ <div class="sub-title followers">
963
+
964
+ <span title="Stargazers Count">
965
+ <svg width="12" height="12" viewBox="0 0 16 16">
966
+ <g fill="none" fill-rule="evenodd">
967
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
970
+ </svg>
971
+ <span>5</span>
972
+ </span>
973
+ &nbsp;
974
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
975
+ <span>null仔</span>
976
+ </a>
977
+ </div>
978
+ <div class="details">
979
+ 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
980
+ </div>
981
+ </div>
982
+ </li>
983
+
984
984
  </ul>
985
985
  <div class="footer">
986
986
  <div>
@@ -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/14 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/15 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>