@wcj/github-rank 22.5.12 → 22.5.13

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 +20623 -20603
  2. package/dist/sifou-daily.json +33 -96
  3. package/dist/sifou-monthly.json +79 -79
  4. package/dist/sifou-weekly.json +125 -125
  5. package/dist/toutiao-30.json +51 -51
  6. package/dist/toutiao-7.json +75 -75
  7. package/dist/toutiao-90.json +5 -5
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +148 -148
  10. package/dist/trending-weekly.json +157 -157
  11. package/dist/users.china.json +1534 -1534
  12. package/dist/users.json +1808 -1808
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20623 -20603
  16. package/web/data/sifou-daily.json +33 -96
  17. package/web/data/sifou-monthly.json +79 -79
  18. package/web/data/sifou-weekly.json +125 -125
  19. package/web/data/toutiao-30.json +51 -51
  20. package/web/data/toutiao-7.json +75 -75
  21. package/web/data/toutiao-90.json +5 -5
  22. package/web/data/trending-daily.json +167 -167
  23. package/web/data/trending-monthly.json +148 -148
  24. package/web/data/trending-weekly.json +157 -157
  25. package/web/data/users.china.json +1534 -1534
  26. package/web/data/users.json +1808 -1808
  27. package/web/index.html +964 -964
  28. package/web/repos.html +2944 -2940
  29. package/web/sifou-daily.html +28 -224
  30. package/web/sifou-monthly.html +105 -105
  31. package/web/sifou-weekly.html +149 -149
  32. package/web/toutiao-30.html +52 -52
  33. package/web/toutiao-7.html +67 -67
  34. package/web/toutiao-90.html +7 -7
  35. package/web/trending-monthly.html +127 -131
  36. package/web/trending-weekly.html +145 -141
  37. package/web/trending.html +146 -142
  38. package/web/users.china.html +777 -777
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/5/12 by
119
+ <div class="time">Last cache created on 2022/5/13 by
120
120
 
121
121
 
122
122
 
@@ -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>40</span>
217
+ <span>42</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -354,7 +354,7 @@
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>22</span>
357
+ <span>23</span>
358
358
  </span>
359
359
  &nbsp;
360
360
  <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
@@ -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/1190000041754709" target="_blank" title="仅用一个HTML标签,实现带动画的抖音LOGO">仅用一个HTML标签,实现带动画的抖音LOGO</a>
374
+ <a href="https://segmentfault.com/a/1190000041781215" target="_blank" title="浅谈支付系统开发基本流程">浅谈支付系统开发基本流程</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <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"/>
383
383
  </g>
384
384
  </svg>
385
- <span>21</span>
385
+ <span>19</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
389
- <span>零一</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
389
+ <span>CrazyCodes</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 大家好,我是零一,今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO,涉及了很多知识点,欢迎交流讨论先上结果,最终实现效果如下:还原度应该还可以吧?抖音Logo结构想要用CSS来画抖音的Logo,前提要先了...
393
+ 前言Hi,各位好久不见,我是CrazyCodes,今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一,也是众多模块中最核心的功能,如果支付出现问题,那么意味着会直接影响到产品收益,事故严重程度高。本篇...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041693503" target="_blank" title="🔥前端脚手架辣么多,那我也要写一个玩玩">🔥前端脚手架辣么多,那我也要写一个玩玩</a>
402
+ <a href="https://segmentfault.com/a/1190000041754709" target="_blank" title="仅用一个HTML标签,实现带动画的抖音LOGO">仅用一个HTML标签,实现带动画的抖音LOGO</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <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"/>
411
411
  </g>
412
412
  </svg>
413
- <span>19</span>
413
+ <span>21</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
417
- <span>恪晨</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
417
+ <span>零一</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 2022年已经过了四分之一还多了,之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西,虽然准备做组件库的事情被领导给毙了,不过在这之前写了一个脚手架的工具,...
421
+ 大家好,我是零一,今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO,涉及了很多知识点,欢迎交流讨论先上结果,最终实现效果如下:还原度应该还可以吧?抖音Logo结构想要用CSS来画抖音的Logo,前提要先了...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
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/1190000041781215" target="_blank" title="浅谈支付系统开发基本流程">浅谈支付系统开发基本流程</a>
430
+ <a href="https://segmentfault.com/a/1190000041693503" target="_blank" title="🔥前端脚手架辣么多,那我也要写一个玩玩">🔥前端脚手架辣么多,那我也要写一个玩玩</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
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
439
  </g>
440
440
  </svg>
441
- <span>18</span>
441
+ <span>19</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
445
- <span>CrazyCodes</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
445
+ <span>恪晨</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 前言Hi,各位好久不见,我是CrazyCodes,今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一,也是众多模块中最核心的功能,如果支付出现问题,那么意味着会直接影响到产品收益,事故严重程度高。本篇...
449
+ 2022年已经过了四分之一还多了,之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西,虽然准备做组件库的事情被领导给毙了,不过在这之前写了一个脚手架的工具,...
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041791819" target="_blank" title="离谱的 CSS!从表盘刻度到艺术剪纸">离谱的 CSS!从表盘刻度到艺术剪纸</a>
486
+ <a href="https://segmentfault.com/a/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <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"/>
495
495
  </g>
496
496
  </svg>
497
- <span>18</span>
497
+ <span>15</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
501
- <span>chokcoco</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
501
+ <span>卡颂</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 某日,群里有这样一个问题,如何实现这样的表盘刻度:这其实是个挺有意思的问题,方法也有很多。单标签,使用 conic-gradient 实现表盘刻度最简单便捷的方式,就是利用角向渐变的方式 conic-gradient,代码也非常...
505
+ 大家好,我卡颂。凡是依赖虚拟DOM的框架,都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而,即使作者语言再精练,再图文并茂,相信大部分同学看完用不了多久就忘了。今天,我们换一种...
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
514
+ <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <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
523
  </g>
524
524
  </svg>
525
- <span>14</span>
525
+ <span>24</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
529
- <span>卡颂</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
529
+ <span>铂赛东</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 大家好,我卡颂。凡是依赖虚拟DOM的框架,都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而,即使作者语言再精练,再图文并茂,相信大部分同学看完用不了多久就忘了。今天,我们换一种...
533
+ 但是最近公司内碰到的这一个bug,这个bug初看很简单,但是非常妖孽,在一段时间内我甚至是百思不得其解。在长达几天的时间内,复现的概率非常低。几乎难以抓住任何踪迹。
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041769612" target="_blank" title="我做了一个在线白板!!!">我做了一个在线白板!!!</a>
542
+ <a href="https://segmentfault.com/a/1190000041791819" target="_blank" title="离谱的 CSS!从表盘刻度到艺术剪纸">离谱的 CSS!从表盘刻度到艺术剪纸</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
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"/>
551
551
  </g>
552
552
  </svg>
553
- <span>12</span>
553
+ <span>18</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
557
- <span>街角小林</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
557
+ <span>chokcoco</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 相信各位写文章的朋友平时肯定都有画图的需求,笔者平时用的是一个在线的手绘风格白板--excalidraw,使用体验上没的说,但是有一个问题,不能云端保存,不过好消息它是开源的,所以笔者就在想要不要基于它做一个...
561
+ 某日,群里有这样一个问题,如何实现这样的表盘刻度:这其实是个挺有意思的问题,方法也有很多。单标签,使用 conic-gradient 实现表盘刻度最简单便捷的方式,就是利用角向渐变的方式 conic-gradient,代码也非常...
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</a>
570
+ <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="4.9W 播放量的 TS 动画版进阶教程合集来了!">4.9W 播放量的 TS 动画版进阶教程合集来了!</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
578
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"/>
579
579
  </g>
580
580
  </svg>
581
- <span>14</span>
581
+ <span>15</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
585
- <span>XboxYan</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
585
+ <span>阿宝哥</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 欢迎关注我的公众号:前端侦探最近项目中看到这样的一个切角效果,如下所示就是一个正常的矩形,然后被“切”了一块,而且是沿着右上角切的。那么,这种布局如何实现呢?一、自适应方式这种布局一般有两种自适应方...
589
+ 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯,强烈推荐!通过形象生动的动画,让你轻松搞懂 TypeScript 的难点和核心知识点!目前已更新到第 11 期,其中 2 期的观看量均已破 1.3W,该合集的播放量目前...
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事,一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
598
+ <a href="https://segmentfault.com/a/1190000041769612" target="_blank" title="我做了一个在线白板!!!">我做了一个在线白板!!!</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
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"/>
607
607
  </g>
608
608
  </svg>
609
- <span>21</span>
609
+ <span>12</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
613
- <span>铂赛东</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
613
+ <span>街角小林</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 但是最近公司内碰到的这一个bug,这个bug初看很简单,但是非常妖孽,在一段时间内我甚至是百思不得其解。在长达几天的时间内,复现的概率非常低。几乎难以抓住任何踪迹。
617
+ 相信各位写文章的朋友平时肯定都有画图的需求,笔者平时用的是一个在线的手绘风格白板--excalidraw,使用体验上没的说,但是有一个问题,不能云端保存,不过好消息它是开源的,所以笔者就在想要不要基于它做一个...
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041734354" target="_blank" title="2022 PHP程序员修炼秘籍">2022 PHP程序员修炼秘籍</a>
626
+ <a href="https://segmentfault.com/a/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
634
  <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"/>
635
635
  </g>
636
636
  </svg>
637
- <span>16</span>
637
+ <span>14</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
641
- <span>CrazyCodes</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
641
+ <span>XboxYan</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 前言Hi , 各位大佬、小佬们,我是CrazyCodes,本来打算在年初奉上本篇,但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...
645
+ 欢迎关注我的公众号:前端侦探最近项目中看到这样的一个切角效果,如下所示就是一个正常的矩形,然后被“切”了一块,而且是沿着右上角切的。那么,这种布局如何实现呢?一、自适应方式这种布局一般有两种自适应方...
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041730906" target="_blank" title="如何构建可控,可靠,可扩展的 PWA 应用">如何构建可控,可靠,可扩展的 PWA 应用</a>
654
+ <a href="https://segmentfault.com/a/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <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"/>
663
663
  </g>
664
664
  </svg>
665
- <span>12</span>
665
+ <span>13</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/jerryc" title="Programming Language">
669
- <span>JerryC</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
669
+ <span>佩奇烹饪家</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- PWA (Progressive Web App)指的是使用指定技术和标准模式来开发的 Web 应用,让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷,响应速度更加快等。
673
+ 随着业务的不断迭代,项目日渐壮大,为了给用户提供更优的体验,性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度,想必我们浏览网页时都更喜欢丝般顺滑的感受。
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
682
+ <a href="https://segmentfault.com/a/1190000041730906" target="_blank" title="如何构建可控,可靠,可扩展的 PWA 应用">如何构建可控,可靠,可扩展的 PWA 应用</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <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"/>
691
691
  </g>
692
692
  </svg>
693
- <span>12</span>
693
+ <span>13</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
697
- <span>佩奇烹饪家</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/jerryc" title="Programming Language">
697
+ <span>JerryC</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 随着业务的不断迭代,项目日渐壮大,为了给用户提供更优的体验,性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度,想必我们浏览网页时都更喜欢丝般顺滑的感受。
701
+ PWA (Progressive Web App)指的是使用指定技术和标准模式来开发的 Web 应用,让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷,响应速度更加快等。
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -718,7 +718,7 @@
718
718
  <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"/>
719
719
  </g>
720
720
  </svg>
721
- <span>3</span>
721
+ <span>12</span>
722
722
  </span>
723
723
  &nbsp;
724
724
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="4.9W 播放量的 TS 动画版进阶教程合集来了!">4.9W 播放量的 TS 动画版进阶教程合集来了!</a>
738
+ <a href="https://segmentfault.com/a/1190000041734354" target="_blank" title="2022 PHP程序员修炼秘籍">2022 PHP程序员修炼秘籍</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
746
  <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
747
  </g>
748
748
  </svg>
749
- <span>13</span>
749
+ <span>17</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
753
- <span>阿宝哥</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
753
+ <span>CrazyCodes</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯,强烈推荐!通过形象生动的动画,让你轻松搞懂 TypeScript 的难点和核心知识点!目前已更新到第 11 期,其中 2 期的观看量均已破 1.3W,该合集的播放量目前...
757
+ 前言Hi , 各位大佬、小佬们,我是CrazyCodes,本来打算在年初奉上本篇,但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041757846" target="_blank" title="招聘季征文活动获奖名单公布,快来领奖~">招聘季征文活动获奖名单公布,快来领奖~</a>
766
+ <a href="https://segmentfault.com/a/1190000041826742" target="_blank" title="现代 CSS 解决方案:CSS 数学函数">现代 CSS 解决方案:CSS 数学函数</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
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"/>
775
775
  </g>
776
776
  </svg>
777
- <span>10</span>
777
+ <span>15</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
781
- <span>SegmentFault思否</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
781
+ <span>chokcoco</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 由于疫情原因,快递暂时无法发出,快递可以发出的时候,会尽快给中奖的小伙伴邮寄哒,大家耐心等待哈~哈喽各位社区的小伙伴!2022招聘季有奖征文活动如约开奖啦~废话不多说,我们直接来揭晓获奖名单吧~🌟获奖名单...
785
+ 在 CSS 中,其实存在各种各样的函数。具体分为:Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
794
+ <a href="https://segmentfault.com/a/1190000041757846" target="_blank" title="招聘季征文活动获奖名单公布,快来领奖~">招聘季征文活动获奖名单公布,快来领奖~</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,15 +802,15 @@
802
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"/>
803
803
  </g>
804
804
  </svg>
805
- <span>13</span>
805
+ <span>10</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
809
- <span>TNTWEB</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
809
+ <span>SegmentFault思否</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施...
813
+ 由于疫情原因,快递暂时无法发出,快递可以发出的时候,会尽快给中奖的小伙伴邮寄哒,大家耐心等待哈~哈喽各位社区的小伙伴!2022招聘季有奖征文活动如约开奖啦~废话不多说,我们直接来揭晓获奖名单吧~🌟获奖名单...
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗?来!教你使用 Nginx 反向代理轻松解决">跨域问题很难吗?来!教你使用 Nginx 反向代理轻松解决</a>
822
+ <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <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"/>
831
831
  </g>
832
832
  </svg>
833
- <span>10</span>
833
+ <span>13</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
837
- <span>民工哥</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
837
+ <span>TNTWEB</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 当你遇到跨域问题,不要立刻就选择复制去尝试。请详细看完这篇文章再处理,我相信它能帮到你。准备前端网站地址:[链接]服务端网址:[链接]首先保证服务端是没有处理跨域的,其次,先用postman测试服务端接口是正...
841
+ TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施...
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041711730" target="_blank" title="这些CSS提效技巧,你需要知道!">这些CSS提效技巧,你需要知道!</a>
850
+ <a href="https://segmentfault.com/a/1190000041718955" target="_blank" title="从源码里的一个注释,我追溯到了12年前,有点意思。">从源码里的一个注释,我追溯到了12年前,有点意思。</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
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
859
  </g>
860
860
  </svg>
861
- <span>12</span>
861
+ <span>17</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
865
- <span>前端小智</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
865
+ <span>why技术</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
869
+ 你好呀,我是歪歪。那天我正在用键盘疯狂的输出:突然微信弹出一个消息,是一个读者发给我的。我点开一看:啊,这熟悉的味道,一看就是 HashMap,八股文梦开始的地方啊。但是他问出的问题,似乎又不是一个属于 Ha...
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手,补齐原生Hook短板">React官方团队出手,补齐原生Hook短板</a>
878
+ <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗?来!教你使用 Nginx 反向代理轻松解决">跨域问题很难吗?来!教你使用 Nginx 反向代理轻松解决</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
886
886
  <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"/>
887
887
  </g>
888
888
  </svg>
889
- <span>9</span>
889
+ <span>10</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
893
- <span>卡颂</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
893
+ <span>民工哥</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 大家好,我卡颂。我们知道,Hooks使用时存在所谓的闭包陷阱,考虑如下代码: {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上,由于回调函数被useCallback缓存,形成闭包,所以点击的效果始...
897
+ 当你遇到跨域问题,不要立刻就选择复制去尝试。请详细看完这篇文章再处理,我相信它能帮到你。准备前端网站地址:[链接]服务端网址:[链接]首先保证服务端是没有处理跨域的,其次,先用postman测试服务端接口是正...
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -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/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</a>
906
+ <a href="https://segmentfault.com/a/1190000041711730" target="_blank" title="这些CSS提效技巧,你需要知道!">这些CSS提效技巧,你需要知道!</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>11</span>
917
+ <span>12</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
921
- <span>playboy5566</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
921
+ <span>前端小智</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 提高前端人效率的工具、网站和书籍在线编译(编辑)、playgroundJS 代码混淆www.jsfuck.com/嗯,优点是你可以用来给你的前端工程师好友搞恶作剧,缺点是只能用一次SCSS CSS 在线编译www.sassmeister.com/有时...
925
+ 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041717742" target="_blank" title="精读《不再需要 JS 做的 5 件事》">精读《不再需要 JS 做的 5 件事》</a>
934
+ <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手,补齐原生Hook短板">React官方团队出手,补齐原生Hook短板</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>9</span>
945
+ <span>10</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
949
- <span>黄子毅</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
949
+ <span>卡颂</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 关注 JS 太久,会养成任何功能都用 JS 实现的习惯,而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好,我们要综合使用技术工具,而不是只依赖 JS。
953
+ 大家好,我卡颂。我们知道,Hooks使用时存在所谓的闭包陷阱,考虑如下代码: {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上,由于回调函数被useCallback缓存,形成闭包,所以点击的效果始...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041718955" target="_blank" title="从源码里的一个注释,我追溯到了12年前,有点意思。">从源码里的一个注释,我追溯到了12年前,有点意思。</a>
962
+ <a href="https://segmentfault.com/a/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>15</span>
973
+ <span>11</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
977
- <span>why技术</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
977
+ <span>playboy5566</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 你好呀,我是歪歪。那天我正在用键盘疯狂的输出:突然微信弹出一个消息,是一个读者发给我的。我点开一看:啊,这熟悉的味道,一看就是 HashMap,八股文梦开始的地方啊。但是他问出的问题,似乎又不是一个属于 Ha...
981
+ 提高前端人效率的工具、网站和书籍在线编译(编辑)、playgroundJS 代码混淆www.jsfuck.com/嗯,优点是你可以用来给你的前端工程师好友搞恶作剧,缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
982
982
  </div>
983
983
  </div>
984
984
  </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/12 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/13 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>