@wcj/github-rank 22.9.13 → 22.9.14

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 +20867 -20867
  2. package/dist/sifou-daily.json +36 -27
  3. package/dist/sifou-monthly.json +69 -69
  4. package/dist/sifou-weekly.json +139 -139
  5. package/dist/toutiao-30.json +53 -53
  6. package/dist/toutiao-7.json +75 -75
  7. package/dist/toutiao-90.json +4 -4
  8. package/dist/trending-daily.json +168 -157
  9. package/dist/trending-monthly.json +146 -146
  10. package/dist/trending-weekly.json +151 -151
  11. package/dist/users.china.json +1237 -1237
  12. package/dist/users.json +2517 -2518
  13. package/package.json +1 -1
  14. package/web/data/repos.json +20867 -20867
  15. package/web/data/sifou-daily.json +36 -27
  16. package/web/data/sifou-monthly.json +69 -69
  17. package/web/data/sifou-weekly.json +139 -139
  18. package/web/data/toutiao-30.json +53 -53
  19. package/web/data/toutiao-7.json +75 -75
  20. package/web/data/toutiao-90.json +4 -4
  21. package/web/data/trending-daily.json +168 -157
  22. package/web/data/trending-monthly.json +146 -146
  23. package/web/data/trending-weekly.json +151 -151
  24. package/web/data/users.china.json +1237 -1237
  25. package/web/data/users.json +2517 -2518
  26. package/web/index.html +1340 -1340
  27. package/web/repos.html +2634 -2634
  28. package/web/sifou-daily.html +52 -24
  29. package/web/sifou-monthly.html +113 -113
  30. package/web/sifou-weekly.html +129 -129
  31. package/web/toutiao-30.html +84 -84
  32. package/web/toutiao-7.html +70 -70
  33. package/web/toutiao-90.html +6 -6
  34. package/web/trending-monthly.html +133 -133
  35. package/web/trending-weekly.html +137 -133
  36. package/web/trending.html +165 -147
  37. package/web/users.china.html +636 -636
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/13 by
119
+ <div class="time">Last cache created on 2022/9/14 by
120
120
 
121
121
 
122
122
 
@@ -201,6 +201,34 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
+ <a href="https://segmentfault.com/a/1190000042447341" target="_blank" title="如何优雅地中断 Promise？来试试 AbortController 吧！">如何优雅地中断 Promise？来试试 AbortController 吧！</a>
205
+ </div>
206
+ <div class="sub-title followers">
207
+
208
+ <span title="Stargazers Count">
209
+ <svg width="12" height="12" viewBox="0 0 16 16">
210
+ <g fill="none" fill-rule="evenodd">
211
+ <path d="M0 0h16v16H0z"/>
212
+ <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"/>
213
+ </g>
214
+ </svg>
215
+ <span>18</span>
216
+ </span>
217
+ &nbsp;
218
+ <a target="_blank" href="https://segmentfault.com/u/dreamapplehappy" title="Programming Language">
219
+ <span>dreamapplehappy</span>
220
+ </a>
221
+ </div>
222
+ <div class="details">
223
+ 欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...
224
+ </div>
225
+ </div>
226
+ </li>
227
+
228
+ <li>
229
+ <div class="info">
230
+ <div class="rank">
231
+ <span title="Ranking 4">4</span>
204
232
  <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
205
233
  </div>
206
234
  <div class="sub-title followers">
@@ -228,7 +256,7 @@
228
256
  <li>
229
257
  <div class="info">
230
258
  <div class="rank">
231
- <span title="Ranking 4">4</span>
259
+ <span title="Ranking 5">5</span>
232
260
  <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</a>
233
261
  </div>
234
262
  <div class="sub-title followers">
@@ -256,7 +284,7 @@
256
284
  <li>
257
285
  <div class="info">
258
286
  <div class="rank">
259
- <span title="Ranking 5">5</span>
287
+ <span title="Ranking 6">6</span>
260
288
  <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
261
289
  </div>
262
290
  <div class="sub-title followers">
@@ -284,7 +312,7 @@
284
312
  <li>
285
313
  <div class="info">
286
314
  <div class="rank">
287
- <span title="Ranking 6">6</span>
315
+ <span title="Ranking 7">7</span>
288
316
  <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！</a>
289
317
  </div>
290
318
  <div class="sub-title followers">
@@ -312,7 +340,7 @@
312
340
  <li>
313
341
  <div class="info">
314
342
  <div class="rank">
315
- <span title="Ranking 7">7</span>
343
+ <span title="Ranking 8">8</span>
316
344
  <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
317
345
  </div>
318
346
  <div class="sub-title followers">
@@ -340,8 +368,8 @@
340
368
  <li>
341
369
  <div class="info">
342
370
  <div class="rank">
343
- <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042447341" target="_blank" title="如何优雅地中断 Promise？来试试 AbortController 吧！">如何优雅地中断 Promise？来试试 AbortController 吧！</a>
371
+ <span title="Ranking 9">9</span>
372
+ <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
345
373
  </div>
346
374
  <div class="sub-title followers">
347
375
 
@@ -352,15 +380,15 @@
352
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"/>
353
381
  </g>
354
382
  </svg>
355
- <span>11</span>
383
+ <span>10</span>
356
384
  </span>
357
385
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/dreamapplehappy" title="Programming Language">
359
- <span>dreamapplehappy</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
387
+ <span>六一</span>
360
388
  </a>
361
389
  </div>
362
390
  <div class="details">
363
- 欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...
391
+ 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
364
392
  </div>
365
393
  </div>
366
394
  </li>
@@ -368,8 +396,8 @@
368
396
  <li>
369
397
  <div class="info">
370
398
  <div class="rank">
371
- <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
399
+ <span title="Ranking 10">10</span>
400
+ <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
373
401
  </div>
374
402
  <div class="sub-title followers">
375
403
 
@@ -380,15 +408,15 @@
380
408
  <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"/>
381
409
  </g>
382
410
  </svg>
383
- <span>10</span>
411
+ <span>14</span>
384
412
  </span>
385
413
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
387
- <span>六一</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
415
+ <span>chokcoco</span>
388
416
  </a>
389
417
  </div>
390
418
  <div class="details">
391
- 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
419
+ 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
392
420
  </div>
393
421
  </div>
394
422
  </li>
@@ -396,8 +424,8 @@
396
424
  <li>
397
425
  <div class="info">
398
426
  <div class="rank">
399
- <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
427
+ <span title="Ranking 11">11</span>
428
+ <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
401
429
  </div>
402
430
  <div class="sub-title followers">
403
431
 
@@ -408,15 +436,15 @@
408
436
  <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
437
  </g>
410
438
  </svg>
411
- <span>14</span>
439
+ <span>11</span>
412
440
  </span>
413
441
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
415
- <span>chokcoco</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
+ <span>XboxYan</span>
416
444
  </a>
417
445
  </div>
418
446
  <div class="details">
419
- 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
447
+ 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
420
448
  </div>
421
449
  </div>
422
450
  </li>
@@ -424,8 +452,8 @@
424
452
  <li>
425
453
  <div class="info">
426
454
  <div class="rank">
427
- <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
455
+ <span title="Ranking 12">12</span>
456
+ <a href="https://segmentfault.com/a/1190000042322957" target="_blank" title="手写一个有点意思的电梯小程序（React版本）">手写一个有点意思的电梯小程序（React版本）</a>
429
457
  </div>
430
458
  <div class="sub-title followers">
431
459
 
@@ -436,15 +464,15 @@
436
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"/>
437
465
  </g>
438
466
  </svg>
439
- <span>11</span>
467
+ <span>5</span>
440
468
  </span>
441
469
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
- <span>XboxYan</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
471
+ <span>夕水</span>
444
472
  </a>
445
473
  </div>
446
474
  <div class="details">
447
- 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
475
+ 查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...
448
476
  </div>
449
477
  </div>
450
478
  </li>
@@ -452,7 +480,7 @@
452
480
  <li>
453
481
  <div class="info">
454
482
  <div class="rank">
455
- <span title="Ranking 12">12</span>
483
+ <span title="Ranking 13">13</span>
456
484
  <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
457
485
  </div>
458
486
  <div class="sub-title followers">
@@ -480,7 +508,7 @@
480
508
  <li>
481
509
  <div class="info">
482
510
  <div class="rank">
483
- <span title="Ranking 13">13</span>
511
+ <span title="Ranking 14">14</span>
484
512
  <a href="https://segmentfault.com/a/1190000042391998" target="_blank" title="盘点一些好用的 JS 单行代码">盘点一些好用的 JS 单行代码</a>
485
513
  </div>
486
514
  <div class="sub-title followers">
@@ -508,7 +536,7 @@
508
536
  <li>
509
537
  <div class="info">
510
538
  <div class="rank">
511
- <span title="Ranking 14">14</span>
539
+ <span title="Ranking 15">15</span>
512
540
  <a href="https://segmentfault.com/a/1190000042318738" target="_blank" title="精读《pnpm》">精读《pnpm》</a>
513
541
  </div>
514
542
  <div class="sub-title followers">
@@ -536,7 +564,7 @@
536
564
  <li>
537
565
  <div class="info">
538
566
  <div class="rank">
539
- <span title="Ranking 15">15</span>
567
+ <span title="Ranking 16">16</span>
540
568
  <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
541
569
  </div>
542
570
  <div class="sub-title followers">
@@ -564,7 +592,7 @@
564
592
  <li>
565
593
  <div class="info">
566
594
  <div class="rank">
567
- <span title="Ranking 16">16</span>
595
+ <span title="Ranking 17">17</span>
568
596
  <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
569
597
  </div>
570
598
  <div class="sub-title followers">
@@ -592,7 +620,7 @@
592
620
  <li>
593
621
  <div class="info">
594
622
  <div class="rank">
595
- <span title="Ranking 17">17</span>
623
+ <span title="Ranking 18">18</span>
596
624
  <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
597
625
  </div>
598
626
  <div class="sub-title followers">
@@ -620,7 +648,7 @@
620
648
  <li>
621
649
  <div class="info">
622
650
  <div class="rank">
623
- <span title="Ranking 18">18</span>
651
+ <span title="Ranking 19">19</span>
624
652
  <a href="https://segmentfault.com/a/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
625
653
  </div>
626
654
  <div class="sub-title followers">
@@ -648,7 +676,7 @@
648
676
  <li>
649
677
  <div class="info">
650
678
  <div class="rank">
651
- <span title="Ranking 19">19</span>
679
+ <span title="Ranking 20">20</span>
652
680
  <a href="https://segmentfault.com/a/1190000042367660" target="_blank" title="你不知道的 console，让 JS 调试更简单">你不知道的 console，让 JS 调试更简单</a>
653
681
  </div>
654
682
  <div class="sub-title followers">
@@ -676,8 +704,8 @@
676
704
  <li>
677
705
  <div class="info">
678
706
  <div class="rank">
679
- <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042322957" target="_blank" title="手写一个有点意思的电梯小程序（React版本）">手写一个有点意思的电梯小程序（React版本）</a>
707
+ <span title="Ranking 21">21</span>
708
+ <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
681
709
  </div>
682
710
  <div class="sub-title followers">
683
711
 
@@ -688,15 +716,15 @@
688
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"/>
689
717
  </g>
690
718
  </svg>
691
- <span>4</span>
719
+ <span>8</span>
692
720
  </span>
693
721
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
695
- <span>夕水</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
723
+ <span>XboxYan</span>
696
724
  </a>
697
725
  </div>
698
726
  <div class="details">
699
- 查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...
727
+ 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
700
728
  </div>
701
729
  </div>
702
730
  </li>
@@ -704,7 +732,7 @@
704
732
  <li>
705
733
  <div class="info">
706
734
  <div class="rank">
707
- <span title="Ranking 21">21</span>
735
+ <span title="Ranking 22">22</span>
708
736
  <a href="https://segmentfault.com/a/1190000042329366" target="_blank" title="js 使用reduce方法合并两个对象数组，有则替换，无则新增">js 使用reduce方法合并两个对象数组，有则替换，无则新增</a>
709
737
  </div>
710
738
  <div class="sub-title followers">
@@ -729,39 +757,11 @@
729
757
  </div>
730
758
  </li>
731
759
 
732
- <li>
733
- <div class="info">
734
- <div class="rank">
735
- <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
737
- </div>
738
- <div class="sub-title followers">
739
-
740
- <span title="Stargazers Count">
741
- <svg width="12" height="12" viewBox="0 0 16 16">
742
- <g fill="none" fill-rule="evenodd">
743
- <path d="M0 0h16v16H0z"/>
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
- </g>
746
- </svg>
747
- <span>5</span>
748
- </span>
749
- &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
751
- <span>黄子毅</span>
752
- </a>
753
- </div>
754
- <div class="details">
755
- SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。
756
- </div>
757
- </div>
758
- </li>
759
-
760
760
  <li>
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/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</a>
764
+ <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</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>9</span>
775
+ <span>6</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
779
- <span>大淘宝技术</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
779
+ <span>程序员秋风</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...
783
+ 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
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/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</a>
792
+ <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</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>5</span>
803
+ <span>7</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
807
- <span>chokcoco</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
807
+ <span>散一群逗逼</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。
811
+ transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
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/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</a>
820
+ <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</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>3</span>
831
+ <span>5</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
835
- <span>Beverly</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
835
+ <span>黄子毅</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...
839
+ SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
848
+ <a href="https://segmentfault.com/a/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>3</span>
859
+ <span>9</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
863
- <span>SegmentFault思否</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
863
+ <span>大淘宝技术</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...
867
+ 许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
876
+ <a href="https://segmentfault.com/a/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>6</span>
887
+ <span>5</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
891
- <span>散一群逗逼</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
891
+ <span>chokcoco</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
895
+ 本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
904
+ <a href="https://segmentfault.com/a/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
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
913
  </g>
914
914
  </svg>
915
- <span>5</span>
915
+ <span>3</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
919
- <span>null仔</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
919
+ <span>Beverly</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
923
+ 最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...
924
924
  </div>
925
925
  </div>
926
926
  </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/1190000042318628" target="_blank" title="谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到">谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到</a>
932
+ <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
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>5</span>
943
+ <span>8</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
947
- <span>前端小智</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
947
+ <span>寒水寺一禅</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
951
+ 偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...
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/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
960
+ <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</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>3</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
975
- <span>XboxYan</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
975
+ <span>SegmentFault思否</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
979
+ 黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...
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/13 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/14 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>