@wcj/github-rank 22.8.18 → 22.8.19

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 +20915 -20915
  2. package/dist/sifou-daily.json +35 -53
  3. package/dist/sifou-monthly.json +77 -77
  4. package/dist/sifou-weekly.json +116 -116
  5. package/dist/toutiao-30.json +64 -64
  6. package/dist/toutiao-7.json +81 -81
  7. package/dist/toutiao-90.json +60 -60
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +131 -131
  10. package/dist/trending-weekly.json +172 -172
  11. package/dist/users.china.json +1721 -1721
  12. package/dist/users.json +2264 -2264
  13. package/package.json +1 -1
  14. package/web/data/repos.json +20915 -20915
  15. package/web/data/sifou-daily.json +35 -53
  16. package/web/data/sifou-monthly.json +77 -77
  17. package/web/data/sifou-weekly.json +116 -116
  18. package/web/data/toutiao-30.json +64 -64
  19. package/web/data/toutiao-7.json +81 -81
  20. package/web/data/toutiao-90.json +60 -60
  21. package/web/data/trending-daily.json +169 -169
  22. package/web/data/trending-monthly.json +131 -131
  23. package/web/data/trending-weekly.json +172 -172
  24. package/web/data/users.china.json +1721 -1721
  25. package/web/data/users.json +2264 -2264
  26. package/web/index.html +1178 -1178
  27. package/web/repos.html +2611 -2611
  28. package/web/sifou-daily.html +30 -86
  29. package/web/sifou-monthly.html +123 -123
  30. package/web/sifou-weekly.html +138 -138
  31. package/web/toutiao-30.html +55 -55
  32. package/web/toutiao-7.html +82 -82
  33. package/web/toutiao-90.html +65 -65
  34. package/web/trending-monthly.html +121 -121
  35. package/web/trending-weekly.html +150 -150
  36. package/web/trending.html +140 -152
  37. package/web/users.china.html +862 -862
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/8/18 by
119
+ <div class="time">Last cache created on 2022/8/19 by
120
120
 
121
121
 
122
122
 
@@ -229,62 +229,6 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042184211" target="_blank" title="超酷炫的转场动画？CSS 轻松拿下！">超酷炫的转场动画？CSS 轻松拿下！</a>
233
- </div>
234
- <div class="sub-title followers">
235
-
236
- <span title="Stargazers Count">
237
- <svg width="12" height="12" viewBox="0 0 16 16">
238
- <g fill="none" fill-rule="evenodd">
239
- <path d="M0 0h16v16H0z"/>
240
- <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"/>
241
- </g>
242
- </svg>
243
- <span>23</span>
244
- </span>
245
- &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
247
- <span>chokcoco</span>
248
- </a>
249
- </div>
250
- <div class="details">
251
- 在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...
252
- </div>
253
- </div>
254
- </li>
255
-
256
- <li>
257
- <div class="info">
258
- <div class="rank">
259
- <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042184163" target="_blank" title="CSS color-scheme 和夜间模式">CSS color-scheme 和夜间模式</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/xboxyan" title="Programming Language">
275
- <span>XboxYan</span>
276
- </a>
277
- </div>
278
- <div class="details">
279
- 欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...
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
232
  <a href="https://segmentfault.com/a/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</a>
289
233
  </div>
290
234
  <div class="sub-title followers">
@@ -312,7 +256,7 @@
312
256
  <li>
313
257
  <div class="info">
314
258
  <div class="rank">
315
- <span title="Ranking 7">7</span>
259
+ <span title="Ranking 5">5</span>
316
260
  <a href="https://segmentfault.com/a/1190000042203704" target="_blank" title="社区维基：将你的问答捐赠给社区">社区维基：将你的问答捐赠给社区</a>
317
261
  </div>
318
262
  <div class="sub-title followers">
@@ -340,7 +284,7 @@
340
284
  <li>
341
285
  <div class="info">
342
286
  <div class="rank">
343
- <span title="Ranking 8">8</span>
287
+ <span title="Ranking 6">6</span>
344
288
  <a href="https://segmentfault.com/a/1190000042272755" target="_blank" title="防御式CSS是什么？这几点属性重点防御！">防御式CSS是什么？这几点属性重点防御！</a>
345
289
  </div>
346
290
  <div class="sub-title followers">
@@ -368,7 +312,7 @@
368
312
  <li>
369
313
  <div class="info">
370
314
  <div class="rank">
371
- <span title="Ranking 9">9</span>
315
+ <span title="Ranking 7">7</span>
372
316
  <a href="https://segmentfault.com/a/1190000042256837" target="_blank" title="前端构建效率优化之路">前端构建效率优化之路</a>
373
317
  </div>
374
318
  <div class="sub-title followers">
@@ -396,7 +340,7 @@
396
340
  <li>
397
341
  <div class="info">
398
342
  <div class="rank">
399
- <span title="Ranking 10">10</span>
343
+ <span title="Ranking 8">8</span>
400
344
  <a href="https://segmentfault.com/a/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析（四）">可视化拖拽组件库一些技术要点原理分析（四）</a>
401
345
  </div>
402
346
  <div class="sub-title followers">
@@ -424,7 +368,7 @@
424
368
  <li>
425
369
  <div class="info">
426
370
  <div class="rank">
427
- <span title="Ranking 11">11</span>
371
+ <span title="Ranking 9">9</span>
428
372
  <a href="https://segmentfault.com/a/1190000042217446" target="_blank" title="今҈天҈真҈是҈热҈化҈了҈！">今҈天҈真҈是҈热҈化҈了҈！</a>
429
373
  </div>
430
374
  <div class="sub-title followers">
@@ -452,8 +396,8 @@
452
396
  <li>
453
397
  <div class="info">
454
398
  <div class="rank">
455
- <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042194285" target="_blank" title="试着换个角度理解低代码平台设计的本质">试着换个角度理解低代码平台设计的本质</a>
399
+ <span title="Ranking 10">10</span>
400
+ <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
457
401
  </div>
458
402
  <div class="sub-title followers">
459
403
 
@@ -464,15 +408,15 @@
464
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"/>
465
409
  </g>
466
410
  </svg>
467
- <span>12</span>
411
+ <span>11</span>
468
412
  </span>
469
413
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
471
- <span>pingan8787</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
415
+ <span>万事ONES</span>
472
416
  </a>
473
417
  </div>
474
418
  <div class="details">
475
- 本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等。希望看完本文，你能知道：
419
+ ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...
476
420
  </div>
477
421
  </div>
478
422
  </li>
@@ -480,8 +424,8 @@
480
424
  <li>
481
425
  <div class="info">
482
426
  <div class="rank">
483
- <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
427
+ <span title="Ranking 11">11</span>
428
+ <a href="https://segmentfault.com/a/1190000042194285" target="_blank" title="试着换个角度理解低代码平台设计的本质">试着换个角度理解低代码平台设计的本质</a>
485
429
  </div>
486
430
  <div class="sub-title followers">
487
431
 
@@ -492,15 +436,15 @@
492
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"/>
493
437
  </g>
494
438
  </svg>
495
- <span>11</span>
439
+ <span>12</span>
496
440
  </span>
497
441
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
499
- <span>万事ONES</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
443
+ <span>pingan8787</span>
500
444
  </a>
501
445
  </div>
502
446
  <div class="details">
503
- ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...
447
+ 本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等。希望看完本文，你能知道：
504
448
  </div>
505
449
  </div>
506
450
  </li>
@@ -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/1190000042195199" target="_blank" title="一步步带你搞懂虚拟 DOM 的工作原理">一步步带你搞懂虚拟 DOM 的工作原理</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/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的？">一个简洁、强大、可扩展的前端项目架构是什么样的？</a>
483
+ <span title="Ranking 13">13</span>
484
+ <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</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>14</span>
495
+ <span>13</span>
552
496
  </span>
553
497
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
555
- <span>卡颂</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
499
+ <span>chokcoco</span>
556
500
  </a>
557
501
  </div>
558
502
  <div class="details">
559
- 大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...
503
+ 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
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/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</a>
511
+ <span title="Ranking 14">14</span>
512
+ <a href="https://segmentfault.com/a/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的？">一个简洁、强大、可扩展的前端项目架构是什么样的？</a>
569
513
  </div>
570
514
  <div class="sub-title followers">
571
515
 
@@ -579,12 +523,12 @@
579
523
  <span>14</span>
580
524
  </span>
581
525
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
583
- <span>乌柏木</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
527
+ <span>卡颂</span>
584
528
  </a>
585
529
  </div>
586
530
  <div class="details">
587
- 转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
531
+ 大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...
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/1190000042183733" target="_blank" title="【分享】从Mybatis源码中，学习到的10种设计模式">【分享】从Mybatis源码中，学习到的10种设计模式</a>
539
+ <span title="Ranking 15">15</span>
540
+ <a href="https://segmentfault.com/a/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 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>12</span>
551
+ <span>14</span>
608
552
  </span>
609
553
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
611
- <span>小傅哥</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
555
+ <span>乌柏木</span>
612
556
  </a>
613
557
  </div>
614
558
  <div class="details">
615
- 你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。
559
+ 转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
616
560
  </div>
617
561
  </div>
618
562
  </li>
@@ -620,7 +564,7 @@
620
564
  <li>
621
565
  <div class="info">
622
566
  <div class="rank">
623
- <span title="Ranking 18">18</span>
567
+ <span title="Ranking 16">16</span>
624
568
  <a href="https://segmentfault.com/a/1190000042261453" target="_blank" title="使用前端技术实现静态图片局部流动效果 🌊">使用前端技术实现静态图片局部流动效果 🌊</a>
625
569
  </div>
626
570
  <div class="sub-title followers">
@@ -648,7 +592,7 @@
648
592
  <li>
649
593
  <div class="info">
650
594
  <div class="rank">
651
- <span title="Ranking 19">19</span>
595
+ <span title="Ranking 17">17</span>
652
596
  <a href="https://segmentfault.com/a/1190000042244854" target="_blank" title="Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用">Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用</a>
653
597
  </div>
654
598
  <div class="sub-title followers">
@@ -676,8 +620,8 @@
676
620
  <li>
677
621
  <div class="info">
678
622
  <div class="rank">
679
- <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
623
+ <span title="Ranking 18">18</span>
624
+ <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
681
625
  </div>
682
626
  <div class="sub-title followers">
683
627
 
@@ -691,12 +635,12 @@
691
635
  <span>11</span>
692
636
  </span>
693
637
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
- <span>chokcoco</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
639
+ <span>xiangzhihong</span>
696
640
  </a>
697
641
  </div>
698
642
  <div class="details">
699
- 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
643
+ 在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...
700
644
  </div>
701
645
  </div>
702
646
  </li>
@@ -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/1190000042194426" target="_blank" title="搭建前端监控，采集用户行为的 N 种姿势">搭建前端监控，采集用户行为的 N 种姿势</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/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</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/1190000042232699" target="_blank" title="梳理 Webpack 知识体系与学习资源推荐">梳理 Webpack 知识体系与学习资源推荐</a>
765
709
  </div>
766
710
  <div class="sub-title followers">
@@ -788,8 +732,8 @@
788
732
  <li>
789
733
  <div class="info">
790
734
  <div class="rank">
791
- <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
735
+ <span title="Ranking 22">22</span>
736
+ <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
793
737
  </div>
794
738
  <div class="sub-title followers">
795
739
 
@@ -800,15 +744,15 @@
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>10</span>
747
+ <span>15</span>
804
748
  </span>
805
749
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
807
- <span>xiangzhihong</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
751
+ <span>XboxYan</span>
808
752
  </a>
809
753
  </div>
810
754
  <div class="details">
811
- 在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...
755
+ 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
812
756
  </div>
813
757
  </div>
814
758
  </li>
@@ -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/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
821
765
  </div>
822
766
  <div class="sub-title followers">
@@ -844,7 +788,7 @@
844
788
  <li>
845
789
  <div class="info">
846
790
  <div class="rank">
847
- <span title="Ranking 26">26</span>
791
+ <span title="Ranking 24">24</span>
848
792
  <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</a>
849
793
  </div>
850
794
  <div class="sub-title followers">
@@ -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/1190000042216817" target="_blank" title="使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐">使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐</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/1190000042204295" target="_blank" title="通向架子工的前端开发利器推荐">通向架子工的前端开发利器推荐</a>
905
849
  </div>
906
850
  <div class="sub-title followers">
@@ -925,11 +869,67 @@
925
869
  </div>
926
870
  </li>
927
871
 
872
+ <li>
873
+ <div class="info">
874
+ <div class="rank">
875
+ <span title="Ranking 27">27</span>
876
+ <a href="https://segmentfault.com/a/1190000042192378" target="_blank" title="我有 7种 实现web实时消息推送的方案，7种！">我有 7种 实现web实时消息推送的方案，7种！</a>
877
+ </div>
878
+ <div class="sub-title followers">
879
+
880
+ <span title="Stargazers Count">
881
+ <svg width="12" height="12" viewBox="0 0 16 16">
882
+ <g fill="none" fill-rule="evenodd">
883
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
886
+ </svg>
887
+ <span>14</span>
888
+ </span>
889
+ &nbsp;
890
+ <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
891
+ <span>程序员小富</span>
892
+ </a>
893
+ </div>
894
+ <div class="details">
895
+ 技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...
896
+ </div>
897
+ </div>
898
+ </li>
899
+
900
+ <li>
901
+ <div class="info">
902
+ <div class="rank">
903
+ <span title="Ranking 28">28</span>
904
+ <a href="https://segmentfault.com/a/1190000042238526" target="_blank" title="你的 Tap bar 不够花里胡哨，试试这个！">你的 Tap bar 不够花里胡哨，试试这个！</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>8</span>
916
+ </span>
917
+ &nbsp;
918
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
919
+ <span>前端小智</span>
920
+ </a>
921
+ </div>
922
+ <div class="details">
923
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
924
+ </div>
925
+ </div>
926
+ </li>
927
+
928
928
  <li>
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
932
+ <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</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>12</span>
943
+ <span>5</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
947
- <span>XboxYan</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
947
+ <span>葡萄城技术团队</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
951
+ 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
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/1190000042192378" target="_blank" title="我有 7种 实现web实时消息推送的方案，7种！">我有 7种 实现web实时消息推送的方案，7种！</a>
960
+ <a href="https://segmentfault.com/a/1190000042229850" target="_blank" title="低代码是开发的未来吗？浅谈低代码平台">低代码是开发的未来吗？浅谈低代码平台</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
969
  </g>
970
970
  </svg>
971
- <span>14</span>
971
+ <span>11</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
975
- <span>程序员小富</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
975
+ <span>云叔_又拍云</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...
979
+ 低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/8/18 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/19 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>