@wcj/github-rank 22.10.16 → 22.10.18

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 +26049 -26027
  2. package/dist/sifou-daily.json +69 -6
  3. package/dist/sifou-monthly.json +74 -74
  4. package/dist/sifou-weekly.json +137 -137
  5. package/dist/toutiao-30.json +1 -252
  6. package/dist/toutiao-7.json +1 -202
  7. package/dist/toutiao-90.json +1 -252
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +147 -147
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +1907 -1908
  12. package/dist/users.json +2929 -2929
  13. package/package.json +1 -1
  14. package/web/data/repos.json +26049 -26027
  15. package/web/data/sifou-daily.json +69 -6
  16. package/web/data/sifou-monthly.json +74 -74
  17. package/web/data/sifou-weekly.json +137 -137
  18. package/web/data/toutiao-30.json +1 -252
  19. package/web/data/toutiao-7.json +1 -202
  20. package/web/data/toutiao-90.json +1 -252
  21. package/web/data/trending-daily.json +171 -171
  22. package/web/data/trending-monthly.json +147 -147
  23. package/web/data/trending-weekly.json +165 -165
  24. package/web/data/users.china.json +1907 -1908
  25. package/web/data/users.json +2929 -2929
  26. package/web/index.html +1544 -1544
  27. package/web/repos.html +3259 -3255
  28. package/web/sifou-daily.html +202 -6
  29. package/web/sifou-monthly.html +116 -116
  30. package/web/sifou-weekly.html +123 -123
  31. package/web/toutiao-30.html +2 -652
  32. package/web/toutiao-7.html +2 -522
  33. package/web/toutiao-90.html +2 -652
  34. package/web/trending-monthly.html +139 -135
  35. package/web/trending-weekly.html +144 -144
  36. package/web/trending.html +152 -144
  37. package/web/users.china.html +961 -961
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/10/16 by
119
+ <div class="time">Last cache created on 2022/10/18 by
120
120
 
121
121
 
122
122
 
@@ -184,7 +184,7 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>25</span>
187
+ <span>26</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -257,34 +257,6 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042509082" target="_blank" title="50天用vue3完成了50个web项目，我学到了什么?">50天用vue3完成了50个web项目，我学到了什么?</a>
261
- </div>
262
- <div class="sub-title followers">
263
-
264
- <span title="Stargazers Count">
265
- <svg width="12" height="12" viewBox="0 0 16 16">
266
- <g fill="none" fill-rule="evenodd">
267
- <path d="M0 0h16v16H0z"/>
268
- <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"/>
269
- </g>
270
- </svg>
271
- <span>20</span>
272
- </span>
273
- &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
275
- <span>夕水</span>
276
- </a>
277
- </div>
278
- <div class="details">
279
- 通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...
280
- </div>
281
- </div>
282
- </li>
283
-
284
- <li>
285
- <div class="info">
286
- <div class="rank">
287
- <span title="Ranking 6">6</span>
288
260
  <a href="https://segmentfault.com/a/1190000042584599" target="_blank" title="一个被忽略的前端细分领域">一个被忽略的前端细分领域</a>
289
261
  </div>
290
262
  <div class="sub-title followers">
@@ -296,7 +268,7 @@
296
268
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
269
  </g>
298
270
  </svg>
299
- <span>15</span>
271
+ <span>16</span>
300
272
  </span>
301
273
  &nbsp;
302
274
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -312,8 +284,8 @@
312
284
  <li>
313
285
  <div class="info">
314
286
  <div class="rank">
315
- <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
287
+ <span title="Ranking 6">6</span>
288
+ <a href="https://segmentfault.com/a/1190000042509082" target="_blank" title="50天用vue3完成了50个web项目，我学到了什么?">50天用vue3完成了50个web项目，我学到了什么?</a>
317
289
  </div>
318
290
  <div class="sub-title followers">
319
291
 
@@ -324,7 +296,7 @@
324
296
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
325
297
  </g>
326
298
  </svg>
327
- <span>14</span>
299
+ <span>20</span>
328
300
  </span>
329
301
  &nbsp;
330
302
  <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
@@ -332,7 +304,7 @@
332
304
  </a>
333
305
  </div>
334
306
  <div class="details">
335
- 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
307
+ 通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...
336
308
  </div>
337
309
  </div>
338
310
  </li>
@@ -340,7 +312,7 @@
340
312
  <li>
341
313
  <div class="info">
342
314
  <div class="rank">
343
- <span title="Ranking 8">8</span>
315
+ <span title="Ranking 7">7</span>
344
316
  <a href="https://segmentfault.com/a/1190000042589774" target="_blank" title="超强的纯 CSS 鼠标点击拖拽效果">超强的纯 CSS 鼠标点击拖拽效果</a>
345
317
  </div>
346
318
  <div class="sub-title followers">
@@ -368,7 +340,7 @@
368
340
  <li>
369
341
  <div class="info">
370
342
  <div class="rank">
371
- <span title="Ranking 9">9</span>
343
+ <span title="Ranking 8">8</span>
372
344
  <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</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/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</a>
401
373
  </div>
402
374
  <div class="sub-title followers">
@@ -424,7 +396,7 @@
424
396
  <li>
425
397
  <div class="info">
426
398
  <div class="rank">
427
- <span title="Ranking 11">11</span>
399
+ <span title="Ranking 10">10</span>
428
400
  <a href="https://segmentfault.com/a/1190000042550192" target="_blank" title="见微知著，从两道有意思的 CSS 面试题，考察你的基础">见微知著，从两道有意思的 CSS 面试题，考察你的基础</a>
429
401
  </div>
430
402
  <div class="sub-title followers">
@@ -452,8 +424,8 @@
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/1190000042490237" target="_blank" title="CSS 有了:has伪类可以做些什么？">CSS 有了:has伪类可以做些什么？</a>
427
+ <span title="Ranking 11">11</span>
428
+ <a href="https://segmentfault.com/a/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</a>
457
429
  </div>
458
430
  <div class="sub-title followers">
459
431
 
@@ -464,15 +436,15 @@
464
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"/>
465
437
  </g>
466
438
  </svg>
467
- <span>14</span>
439
+ <span>16</span>
468
440
  </span>
469
441
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
471
- <span>XboxYan</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
443
+ <span>宁在春</span>
472
444
  </a>
473
445
  </div>
474
446
  <div class="details">
475
- :has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧
447
+ 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
476
448
  </div>
477
449
  </div>
478
450
  </li>
@@ -480,7 +452,7 @@
480
452
  <li>
481
453
  <div class="info">
482
454
  <div class="rank">
483
- <span title="Ranking 13">13</span>
455
+ <span title="Ranking 12">12</span>
484
456
  <a href="https://segmentfault.com/a/1190000042581816" target="_blank" title="35+，如果面试让我手写红黑树！">35+，如果面试让我手写红黑树！</a>
485
457
  </div>
486
458
  <div class="sub-title followers">
@@ -508,35 +480,7 @@
508
480
  <li>
509
481
  <div class="info">
510
482
  <div class="rank">
511
- <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</a>
513
- </div>
514
- <div class="sub-title followers">
515
-
516
- <span title="Stargazers Count">
517
- <svg width="12" height="12" viewBox="0 0 16 16">
518
- <g fill="none" fill-rule="evenodd">
519
- <path d="M0 0h16v16H0z"/>
520
- <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"/>
521
- </g>
522
- </svg>
523
- <span>15</span>
524
- </span>
525
- &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
527
- <span>宁在春</span>
528
- </a>
529
- </div>
530
- <div class="details">
531
- 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
532
- </div>
533
- </div>
534
- </li>
535
-
536
- <li>
537
- <div class="info">
538
- <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/1190000042537837" target="_blank" title="当你 git push 时，极狐GitLab上发生了什么？">当你 git push 时，极狐GitLab上发生了什么？</a>
541
485
  </div>
542
486
  <div class="sub-title followers">
@@ -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/1190000042569583" target="_blank" title="这些js原型及原型链面试题你能做对几道">这些js原型及原型链面试题你能做对几道</a>
511
+ <span title="Ranking 14">14</span>
512
+ <a href="https://segmentfault.com/a/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</a>
569
513
  </div>
570
514
  <div class="sub-title followers">
571
515
 
@@ -576,15 +520,15 @@
576
520
  <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"/>
577
521
  </g>
578
522
  </svg>
579
- <span>18</span>
523
+ <span>8</span>
580
524
  </span>
581
525
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
583
- <span>腹黑的可乐</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
527
+ <span>凹凸实验室</span>
584
528
  </a>
585
529
  </div>
586
530
  <div class="details">
587
- 一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...
531
+ 一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
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/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</a>
539
+ <span title="Ranking 15">15</span>
540
+ <a href="https://segmentfault.com/a/1190000042569583" target="_blank" title="这些js原型及原型链面试题你能做对几道">这些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>7</span>
551
+ <span>18</span>
608
552
  </span>
609
553
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
611
- <span>凹凸实验室</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/fuheidekele" title="Programming Language">
555
+ <span>腹黑的可乐</span>
612
556
  </a>
613
557
  </div>
614
558
  <div class="details">
615
- 一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
559
+ 一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...
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/1190000042485178" target="_blank" title="图解JS中的事件循环">图解JS中的事件循环</a>
567
+ <span title="Ranking 16">16</span>
568
+ <a href="https://segmentfault.com/a/1190000042531829" target="_blank" title="技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路">技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路</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>6</span>
579
+ <span>5</span>
636
580
  </span>
637
581
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
639
- <span>寒水寺一禅</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
583
+ <span>SegmentFault思否</span>
640
584
  </a>
641
585
  </div>
642
586
  <div class="details">
643
- 1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...
587
+ 哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...
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/1190000042531829" target="_blank" title="技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路">技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路</a>
595
+ <span title="Ranking 17">17</span>
596
+ <a href="https://segmentfault.com/a/1190000042563735" target="_blank" title="[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem，而用&#34;灵活设计稿&#34;+px">[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem，而用&#34;灵活设计稿&#34;+px</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>5</span>
607
+ <span>7</span>
664
608
  </span>
665
609
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
667
- <span>SegmentFault思否</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/hullqin" title="Programming Language">
611
+ <span>HullQin</span>
668
612
  </a>
669
613
  </div>
670
614
  <div class="details">
671
- 哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...
615
+ 我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
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/1190000042535848" target="_blank" title="特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事">特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事</a>
681
625
  </div>
682
626
  <div class="sub-title followers">
@@ -704,7 +648,7 @@
704
648
  <li>
705
649
  <div class="info">
706
650
  <div class="rank">
707
- <span title="Ranking 21">21</span>
651
+ <span title="Ranking 19">19</span>
708
652
  <a href="https://segmentfault.com/a/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
709
653
  </div>
710
654
  <div class="sub-title followers">
@@ -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/1190000042567232" target="_blank" title="Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动，快来 DIY 你的专属表情包！">Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动，快来 DIY 你的专属表情包！</a>
737
681
  </div>
738
682
  <div class="sub-title followers">
@@ -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/1190000042539876" target="_blank" title="面试说：聊聊JavaScript中的数据类型">面试说：聊聊JavaScript中的数据类型</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/1190000042566696" target="_blank" title="2022 SegmentFault 思否程序员大调查">2022 SegmentFault 思否程序员大调查</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/1190000042507363" target="_blank" title="与小程序的 2M 空间斗智斗勇之图片优化">与小程序的 2M 空间斗智斗勇之图片优化</a>
821
765
  </div>
822
766
  <div class="sub-title followers">
@@ -844,8 +788,8 @@
844
788
  <li>
845
789
  <div class="info">
846
790
  <div class="rank">
847
- <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042563735" target="_blank" title="[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem，而用&#34;灵活设计稿&#34;+px">[极致用户体验] 为什么建议2022年不用&#34;等比设计稿&#34;+rem，而用&#34;灵活设计稿&#34;+px</a>
791
+ <span title="Ranking 24">24</span>
792
+ <a href="https://segmentfault.com/a/1190000042595978" target="_blank" title="快速了解 inert 属性">快速了解 inert 属性</a>
849
793
  </div>
850
794
  <div class="sub-title followers">
851
795
 
@@ -856,15 +800,15 @@
856
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"/>
857
801
  </g>
858
802
  </svg>
859
- <span>6</span>
803
+ <span>5</span>
860
804
  </span>
861
805
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/hullqin" title="Programming Language">
863
- <span>HullQin</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
807
+ <span>XboxYan</span>
864
808
  </a>
865
809
  </div>
866
810
  <div class="details">
867
- 我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...
811
+ 欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...
868
812
  </div>
869
813
  </div>
870
814
  </li>
@@ -872,7 +816,7 @@
872
816
  <li>
873
817
  <div class="info">
874
818
  <div class="rank">
875
- <span title="Ranking 27">27</span>
819
+ <span title="Ranking 25">25</span>
876
820
  <a href="https://segmentfault.com/a/1190000042503461" target="_blank" title="微信小程序转为App并上架应用市场">微信小程序转为App并上架应用市场</a>
877
821
  </div>
878
822
  <div class="sub-title followers">
@@ -900,7 +844,7 @@
900
844
  <li>
901
845
  <div class="info">
902
846
  <div class="rank">
903
- <span title="Ranking 28">28</span>
847
+ <span title="Ranking 26">26</span>
904
848
  <a href="https://segmentfault.com/a/1190000042531062" target="_blank" title="「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚">「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚</a>
905
849
  </div>
906
850
  <div class="sub-title followers">
@@ -928,7 +872,7 @@
928
872
  <li>
929
873
  <div class="info">
930
874
  <div class="rank">
931
- <span title="Ranking 29">29</span>
875
+ <span title="Ranking 27">27</span>
932
876
  <a href="https://segmentfault.com/a/1190000042517735" target="_blank" title="从前端到全栈 -- 最全面向对象总结">从前端到全栈 -- 最全面向对象总结</a>
933
877
  </div>
934
878
  <div class="sub-title followers">
@@ -956,7 +900,35 @@
956
900
  <li>
957
901
  <div class="info">
958
902
  <div class="rank">
959
- <span title="Ranking 30">30</span>
903
+ <span title="Ranking 28">28</span>
904
+ <a href="https://segmentfault.com/a/1190000042549062" target="_blank" title="一个新视角：前端框架们都卷错方向了？">一个新视角：前端框架们都卷错方向了？</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>4</span>
916
+ </span>
917
+ &nbsp;
918
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
919
+ <span>卡颂</span>
920
+ </a>
921
+ </div>
922
+ <div class="details">
923
+ 大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...
924
+ </div>
925
+ </div>
926
+ </li>
927
+
928
+ <li>
929
+ <div class="info">
930
+ <div class="rank">
931
+ <span title="Ranking 29">29</span>
960
932
  <a href="https://segmentfault.com/a/1190000042589829" target="_blank" title="华为王泽锋：协作创新、开源的魅力所在">华为王泽锋：协作创新、开源的魅力所在</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/1190000042582695" target="_blank" title="「数字无限人生」：技术人的精彩时代">「数字无限人生」：技术人的精彩时代</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>3</span>
972
+ </span>
973
+ &nbsp;
974
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
975
+ <span>思否编辑部</span>
976
+ </a>
977
+ </div>
978
+ <div class="details">
979
+ 18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...
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/10/16 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/18 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>