@wcj/github-rank 22.5.22 → 22.5.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +39545 -39516
  2. package/dist/sifou-daily.json +40 -22
  3. package/dist/sifou-monthly.json +75 -75
  4. package/dist/sifou-weekly.json +143 -143
  5. package/dist/toutiao-30.json +75 -75
  6. package/dist/toutiao-7.json +123 -123
  7. package/dist/toutiao-90.json +53 -53
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +171 -171
  11. package/dist/users.china.json +2892 -2893
  12. package/dist/users.json +3656 -3657
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +39545 -39516
  16. package/web/data/sifou-daily.json +40 -22
  17. package/web/data/sifou-monthly.json +75 -75
  18. package/web/data/sifou-weekly.json +143 -143
  19. package/web/data/toutiao-30.json +75 -75
  20. package/web/data/toutiao-7.json +123 -123
  21. package/web/data/toutiao-90.json +53 -53
  22. package/web/data/trending-daily.json +167 -167
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +171 -171
  25. package/web/data/users.china.json +2892 -2893
  26. package/web/data/users.json +3656 -3657
  27. package/web/index.html +1805 -1805
  28. package/web/repos.html +5354 -5354
  29. package/web/sifou-daily.html +76 -20
  30. package/web/sifou-monthly.html +98 -98
  31. package/web/sifou-weekly.html +134 -134
  32. package/web/toutiao-30.html +77 -77
  33. package/web/toutiao-7.html +84 -84
  34. package/web/toutiao-90.html +71 -71
  35. package/web/trending-monthly.html +141 -141
  36. package/web/trending-weekly.html +151 -147
  37. package/web/trending.html +138 -150
  38. package/web/users.china.html +1356 -1356
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/5/22 by
119
+ <div class="time">Last cache created on 2022/5/25 by
120
120
 
121
121
 
122
122
 
@@ -158,7 +158,7 @@
158
158
  <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"/>
159
159
  </g>
160
160
  </svg>
161
- <span>68</span>
161
+ <span>74</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
@@ -214,7 +214,7 @@
214
214
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
215
215
  </g>
216
216
  </svg>
217
- <span>43</span>
217
+ <span>44</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -242,7 +242,7 @@
242
242
  <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"/>
243
243
  </g>
244
244
  </svg>
245
- <span>28</span>
245
+ <span>29</span>
246
246
  </span>
247
247
  &nbsp;
248
248
  <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
@@ -270,7 +270,7 @@
270
270
  <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"/>
271
271
  </g>
272
272
  </svg>
273
- <span>29</span>
273
+ <span>32</span>
274
274
  </span>
275
275
  &nbsp;
276
276
  <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音LOGO</a>
290
+ <a href="https://segmentfault.com/a/1190000041833326" target="_blank" title="为什么前端不能没有监控系统？">为什么前端不能没有监控系统？</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <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"/>
299
299
  </g>
300
300
  </svg>
301
- <span>25</span>
301
+ <span>26</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
305
- <span>零一</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
305
+ <span>杨成功</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
309
+ 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -326,7 +326,7 @@
326
326
  <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"/>
327
327
  </g>
328
328
  </svg>
329
- <span>19</span>
329
+ <span>21</span>
330
330
  </span>
331
331
  &nbsp;
332
332
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="4.9W 播放量的 TS 动画版进阶教程合集来了！">4.9W 播放量的 TS 动画版进阶教程合集来了！</a>
346
+ <a href="https://segmentfault.com/a/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音LOGO</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <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"/>
355
355
  </g>
356
356
  </svg>
357
- <span>21</span>
357
+ <span>25</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
361
- <span>阿宝哥</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
361
+ <span>零一</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...
365
+ 大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041833326" target="_blank" title="为什么前端不能没有监控系统？">为什么前端不能没有监控系统？</a>
374
+ <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="8.9W 播放量的 TS 动画版进阶教程合集来了！">8.9W 播放量的 TS 动画版进阶教程合集来了！</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -385,12 +385,12 @@
385
385
  <span>22</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
389
- <span>杨成功</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
389
+ <span>阿宝哥</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
393
+ 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 15 期，其中 1 期的观看量已破 1.9W，该合集的播放量目前已...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -427,6 +427,34 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
+ <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手，补齐原生Hook短板">React官方团队出手，补齐原生Hook短板</a>
431
+ </div>
432
+ <div class="sub-title followers">
433
+
434
+ <span title="Stargazers Count">
435
+ <svg width="12" height="12" viewBox="0 0 16 16">
436
+ <g fill="none" fill-rule="evenodd">
437
+ <path d="M0 0h16v16H0z"/>
438
+ <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"/>
439
+ </g>
440
+ </svg>
441
+ <span>15</span>
442
+ </span>
443
+ &nbsp;
444
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
445
+ <span>卡颂</span>
446
+ </a>
447
+ </div>
448
+ <div class="details">
449
+ 大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...
450
+ </div>
451
+ </div>
452
+ </li>
453
+
454
+ <li>
455
+ <div class="info">
456
+ <div class="rank">
457
+ <span title="Ranking 12">12</span>
430
458
  <a href="https://segmentfault.com/a/1190000041761117" target="_blank" title="让交互更加生动！有意思的鼠标跟随 3D 旋转动效">让交互更加生动！有意思的鼠标跟随 3D 旋转动效</a>
431
459
  </div>
432
460
  <div class="sub-title followers">
@@ -454,7 +482,7 @@
454
482
  <li>
455
483
  <div class="info">
456
484
  <div class="rank">
457
- <span title="Ranking 12">12</span>
485
+ <span title="Ranking 13">13</span>
458
486
  <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
459
487
  </div>
460
488
  <div class="sub-title followers">
@@ -482,7 +510,7 @@
482
510
  <li>
483
511
  <div class="info">
484
512
  <div class="rank">
485
- <span title="Ranking 13">13</span>
513
+ <span title="Ranking 14">14</span>
486
514
  <a href="https://segmentfault.com/a/1190000041769612" target="_blank" title="我做了一个在线白板！！！">我做了一个在线白板！！！</a>
487
515
  </div>
488
516
  <div class="sub-title followers">
@@ -510,8 +538,8 @@
510
538
  <li>
511
539
  <div class="info">
512
540
  <div class="rank">
513
- <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手，补齐原生Hook短板">React官方团队出手，补齐原生Hook短板</a>
541
+ <span title="Ranking 15">15</span>
542
+ <a href="https://segmentfault.com/a/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</a>
515
543
  </div>
516
544
  <div class="sub-title followers">
517
545
 
@@ -522,15 +550,15 @@
522
550
  <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"/>
523
551
  </g>
524
552
  </svg>
525
- <span>13</span>
553
+ <span>18</span>
526
554
  </span>
527
555
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
529
- <span>卡颂</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
557
+ <span>Beverly</span>
530
558
  </a>
531
559
  </div>
532
560
  <div class="details">
533
- 大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...
561
+ 2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...
534
562
  </div>
535
563
  </div>
536
564
  </li>
@@ -538,8 +566,8 @@
538
566
  <li>
539
567
  <div class="info">
540
568
  <div class="rank">
541
- <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
569
+ <span title="Ranking 16">16</span>
570
+ <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
543
571
  </div>
544
572
  <div class="sub-title followers">
545
573
 
@@ -550,15 +578,15 @@
550
578
  <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"/>
551
579
  </g>
552
580
  </svg>
553
- <span>14</span>
581
+ <span>16</span>
554
582
  </span>
555
583
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
557
- <span>佩奇烹饪家</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
585
+ <span>chokcoco</span>
558
586
  </a>
559
587
  </div>
560
588
  <div class="details">
561
- 随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。
589
+ 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
562
590
  </div>
563
591
  </div>
564
592
  </li>
@@ -566,8 +594,8 @@
566
594
  <li>
567
595
  <div class="info">
568
596
  <div class="rank">
569
- <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</a>
597
+ <span title="Ranking 17">17</span>
598
+ <a href="https://segmentfault.com/a/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
571
599
  </div>
572
600
  <div class="sub-title followers">
573
601
 
@@ -578,15 +606,15 @@
578
606
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
579
607
  </g>
580
608
  </svg>
581
- <span>12</span>
609
+ <span>14</span>
582
610
  </span>
583
611
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
585
- <span>Beverly</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
613
+ <span>佩奇烹饪家</span>
586
614
  </a>
587
615
  </div>
588
616
  <div class="details">
589
- 2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...
617
+ 随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。
590
618
  </div>
591
619
  </div>
592
620
  </li>
@@ -594,7 +622,7 @@
594
622
  <li>
595
623
  <div class="info">
596
624
  <div class="rank">
597
- <span title="Ranking 17">17</span>
625
+ <span title="Ranking 18">18</span>
598
626
  <a href="https://segmentfault.com/a/1190000041757846" target="_blank" title="招聘季征文活动获奖名单公布，快来领奖~">招聘季征文活动获奖名单公布，快来领奖~</a>
599
627
  </div>
600
628
  <div class="sub-title followers">
@@ -622,7 +650,7 @@
622
650
  <li>
623
651
  <div class="info">
624
652
  <div class="rank">
625
- <span title="Ranking 18">18</span>
653
+ <span title="Ranking 19">19</span>
626
654
  <a href="https://segmentfault.com/a/1190000041815758" target="_blank" title="CSS 实现树状结构目录">CSS 实现树状结构目录</a>
627
655
  </div>
628
656
  <div class="sub-title followers">
@@ -650,7 +678,7 @@
650
678
  <li>
651
679
  <div class="info">
652
680
  <div class="rank">
653
- <span title="Ranking 19">19</span>
681
+ <span title="Ranking 20">20</span>
654
682
  <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</a>
655
683
  </div>
656
684
  <div class="sub-title followers">
@@ -678,7 +706,7 @@
678
706
  <li>
679
707
  <div class="info">
680
708
  <div class="rank">
681
- <span title="Ranking 20">20</span>
709
+ <span title="Ranking 21">21</span>
682
710
  <a href="https://segmentfault.com/a/1190000041771296" target="_blank" title="CSS 阴影进阶，实现更加的立体的阴影效果！">CSS 阴影进阶，实现更加的立体的阴影效果！</a>
683
711
  </div>
684
712
  <div class="sub-title followers">
@@ -706,7 +734,7 @@
706
734
  <li>
707
735
  <div class="info">
708
736
  <div class="rank">
709
- <span title="Ranking 21">21</span>
737
+ <span title="Ranking 22">22</span>
710
738
  <a href="https://segmentfault.com/a/1190000041711730" target="_blank" title="这些CSS提效技巧，你需要知道！">这些CSS提效技巧，你需要知道！</a>
711
739
  </div>
712
740
  <div class="sub-title followers">
@@ -734,8 +762,8 @@
734
762
  <li>
735
763
  <div class="info">
736
764
  <div class="rank">
737
- <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</a>
765
+ <span title="Ranking 23">23</span>
766
+ <a href="https://segmentfault.com/a/1190000041789636" target="_blank" title="如何做新人引导功能？">如何做新人引导功能？</a>
739
767
  </div>
740
768
  <div class="sub-title followers">
741
769
 
@@ -746,15 +774,15 @@
746
774
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
747
775
  </g>
748
776
  </svg>
749
- <span>11</span>
777
+ <span>10</span>
750
778
  </span>
751
779
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
753
- <span>playboy5566</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
781
+ <span>linong</span>
754
782
  </a>
755
783
  </div>
756
784
  <div class="details">
757
- 提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
785
+ 节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。
758
786
  </div>
759
787
  </div>
760
788
  </li>
@@ -762,8 +790,8 @@
762
790
  <li>
763
791
  <div class="info">
764
792
  <div class="rank">
765
- <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041789636" target="_blank" title="如何做新人引导功能？">如何做新人引导功能？</a>
793
+ <span title="Ranking 24">24</span>
794
+ <a href="https://segmentfault.com/a/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</a>
767
795
  </div>
768
796
  <div class="sub-title followers">
769
797
 
@@ -774,15 +802,15 @@
774
802
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
775
803
  </g>
776
804
  </svg>
777
- <span>9</span>
805
+ <span>11</span>
778
806
  </span>
779
807
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
781
- <span>linong</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
809
+ <span>playboy5566</span>
782
810
  </a>
783
811
  </div>
784
812
  <div class="details">
785
- 节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。
813
+ 提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
786
814
  </div>
787
815
  </div>
788
816
  </li>
@@ -790,7 +818,7 @@
790
818
  <li>
791
819
  <div class="info">
792
820
  <div class="rank">
793
- <span title="Ranking 24">24</span>
821
+ <span title="Ranking 25">25</span>
794
822
  <a href="https://segmentfault.com/a/1190000041804137" target="_blank" title="实现聚焦效果">实现聚焦效果</a>
795
823
  </div>
796
824
  <div class="sub-title followers">
@@ -818,7 +846,7 @@
818
846
  <li>
819
847
  <div class="info">
820
848
  <div class="rank">
821
- <span title="Ranking 25">25</span>
849
+ <span title="Ranking 26">26</span>
822
850
  <a href="https://segmentfault.com/a/1190000041767393" target="_blank" title="使用 CSS 绘制带有动画效果的 React Logo">使用 CSS 绘制带有动画效果的 React Logo</a>
823
851
  </div>
824
852
  <div class="sub-title followers">
@@ -843,34 +871,6 @@
843
871
  </div>
844
872
  </li>
845
873
 
846
- <li>
847
- <div class="info">
848
- <div class="rank">
849
- <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
851
- </div>
852
- <div class="sub-title followers">
853
-
854
- <span title="Stargazers Count">
855
- <svg width="12" height="12" viewBox="0 0 16 16">
856
- <g fill="none" fill-rule="evenodd">
857
- <path d="M0 0h16v16H0z"/>
858
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
859
- </g>
860
- </svg>
861
- <span>12</span>
862
- </span>
863
- &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
865
- <span>chokcoco</span>
866
- </a>
867
- </div>
868
- <div class="details">
869
- 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
870
- </div>
871
- </div>
872
- </li>
873
-
874
874
  <li>
875
875
  <div class="info">
876
876
  <div class="rank">
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041775900" target="_blank" title="没有框架怎么办？原生 CSS + JS 实现一个标签输入框">没有框架怎么办？原生 CSS + JS 实现一个标签输入框</a>
906
+ <a href="https://segmentfault.com/a/1190000041753021" target="_blank" title="初级程序员的SQL拾遗（增删改查）">初级程序员的SQL拾遗（增删改查）</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
915
915
  </g>
916
916
  </svg>
917
- <span>9</span>
917
+ <span>10</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
921
- <span>XboxYan</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
921
+ <span>LYX6666</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...
925
+ 虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041753021" target="_blank" title="初级程序员的SQL拾遗（增删改查）">初级程序员的SQL拾遗（增删改查）</a>
934
+ <a href="https://segmentfault.com/a/1190000041775900" target="_blank" title="没有框架怎么办？原生 CSS + JS 实现一个标签输入框">没有框架怎么办？原生 CSS + JS 实现一个标签输入框</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
943
943
  </g>
944
944
  </svg>
945
- <span>10</span>
945
+ <span>9</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
949
- <span>LYX6666</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
949
+ <span>XboxYan</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...
953
+ 欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/5/22 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/25 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>