@wcj/github-rank 22.3.24 → 22.3.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 +20898 -20898
  2. package/dist/sifou-daily.json +50 -185
  3. package/dist/sifou-monthly.json +52 -52
  4. package/dist/sifou-weekly.json +98 -107
  5. package/dist/toutiao-30.json +69 -69
  6. package/dist/toutiao-7.json +104 -104
  7. package/dist/toutiao-90.json +41 -41
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +141 -141
  10. package/dist/trending-weekly.json +153 -153
  11. package/dist/users.china.json +1878 -1878
  12. package/dist/users.json +1968 -1968
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20898 -20898
  16. package/web/data/sifou-daily.json +50 -185
  17. package/web/data/sifou-monthly.json +52 -52
  18. package/web/data/sifou-weekly.json +98 -107
  19. package/web/data/toutiao-30.json +69 -69
  20. package/web/data/toutiao-7.json +104 -104
  21. package/web/data/toutiao-90.json +41 -41
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +141 -141
  24. package/web/data/trending-weekly.json +153 -153
  25. package/web/data/users.china.json +1878 -1878
  26. package/web/data/users.json +1968 -1968
  27. package/web/index.html +1101 -1101
  28. package/web/repos.html +2777 -2777
  29. package/web/sifou-daily.html +43 -463
  30. package/web/sifou-monthly.html +82 -82
  31. package/web/sifou-weekly.html +133 -161
  32. package/web/toutiao-30.html +74 -74
  33. package/web/toutiao-7.html +80 -80
  34. package/web/toutiao-90.html +57 -57
  35. package/web/trending-monthly.html +127 -123
  36. package/web/trending-weekly.html +133 -133
  37. package/web/trending.html +144 -148
  38. package/web/users.china.html +925 -925
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/3/24 by
119
+ <div class="time">Last cache created on 2022/3/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>75</span>
161
+ <span>76</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/chengxy" 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>45</span>
217
+ <span>47</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" 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/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
290
+ <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</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>31</span>
301
+ <span>29</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
305
- <span>wuwhs</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
305
+ <span>码哥字节</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
309
+ Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
318
+ <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -329,12 +329,12 @@
329
329
  <span>29</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
333
- <span>码哥字节</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
333
+ <span>XboxYan</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
337
+ linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -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/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
346
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -357,12 +357,12 @@
357
357
  <span>29</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
361
- <span>XboxYan</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
361
+ <span>chokcoco</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
365
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
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/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
374
+ <a href="https://segmentfault.com/a/1190000041467802" 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>29</span>
385
+ <span>25</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
389
- <span>chokcoco</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
389
+ <span>谭光志</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
393
+ 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
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/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
402
+ <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</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>25</span>
413
+ <span>22</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
417
- <span>谭光志</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
417
+ <span>chokcoco</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
421
+ 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -511,34 +511,6 @@
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/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
515
- </div>
516
- <div class="sub-title followers">
517
-
518
- <span title="Stargazers Count">
519
- <svg width="12" height="12" viewBox="0 0 16 16">
520
- <g fill="none" fill-rule="evenodd">
521
- <path d="M0 0h16v16H0z"/>
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
- </g>
524
- </svg>
525
- <span>21</span>
526
- </span>
527
- &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
529
- <span>chokcoco</span>
530
- </a>
531
- </div>
532
- <div class="details">
533
- 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
534
- </div>
535
- </div>
536
- </li>
537
-
538
- <li>
539
- <div class="info">
540
- <div class="rank">
541
- <span title="Ranking 15">15</span>
542
514
  <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
543
515
  </div>
544
516
  <div class="sub-title followers">
@@ -566,7 +538,7 @@
566
538
  <li>
567
539
  <div class="info">
568
540
  <div class="rank">
569
- <span title="Ranking 16">16</span>
541
+ <span title="Ranking 15">15</span>
570
542
  <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
571
543
  </div>
572
544
  <div class="sub-title followers">
@@ -594,7 +566,7 @@
594
566
  <li>
595
567
  <div class="info">
596
568
  <div class="rank">
597
- <span title="Ranking 17">17</span>
569
+ <span title="Ranking 16">16</span>
598
570
  <a href="https://segmentfault.com/a/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</a>
599
571
  </div>
600
572
  <div class="sub-title followers">
@@ -622,7 +594,7 @@
622
594
  <li>
623
595
  <div class="info">
624
596
  <div class="rank">
625
- <span title="Ranking 18">18</span>
597
+ <span title="Ranking 17">17</span>
626
598
  <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
627
599
  </div>
628
600
  <div class="sub-title followers">
@@ -650,7 +622,7 @@
650
622
  <li>
651
623
  <div class="info">
652
624
  <div class="rank">
653
- <span title="Ranking 19">19</span>
625
+ <span title="Ranking 18">18</span>
654
626
  <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
655
627
  </div>
656
628
  <div class="sub-title followers">
@@ -678,7 +650,7 @@
678
650
  <li>
679
651
  <div class="info">
680
652
  <div class="rank">
681
- <span title="Ranking 20">20</span>
653
+ <span title="Ranking 19">19</span>
682
654
  <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
683
655
  </div>
684
656
  <div class="sub-title followers">
@@ -706,8 +678,8 @@
706
678
  <li>
707
679
  <div class="info">
708
680
  <div class="rank">
709
- <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
681
+ <span title="Ranking 20">20</span>
682
+ <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
711
683
  </div>
712
684
  <div class="sub-title followers">
713
685
 
@@ -718,15 +690,15 @@
718
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"/>
719
691
  </g>
720
692
  </svg>
721
- <span>14</span>
693
+ <span>22</span>
722
694
  </span>
723
695
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
725
- <span>TNTWEB</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
697
+ <span>linong</span>
726
698
  </a>
727
699
  </div>
728
700
  <div class="details">
729
- 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
701
+ 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
730
702
  </div>
731
703
  </div>
732
704
  </li>
@@ -734,8 +706,8 @@
734
706
  <li>
735
707
  <div class="info">
736
708
  <div class="rank">
737
- <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
709
+ <span title="Ranking 21">21</span>
710
+ <a href="https://segmentfault.com/a/1190000041524121" target="_blank" title="Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化">Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化</a>
739
711
  </div>
740
712
  <div class="sub-title followers">
741
713
 
@@ -746,7 +718,7 @@
746
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"/>
747
719
  </g>
748
720
  </svg>
749
- <span>21</span>
721
+ <span>18</span>
750
722
  </span>
751
723
  &nbsp;
752
724
  <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
@@ -754,7 +726,7 @@
754
726
  </a>
755
727
  </div>
756
728
  <div class="details">
757
- 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
729
+ Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。
758
730
  </div>
759
731
  </div>
760
732
  </li>
@@ -762,7 +734,7 @@
762
734
  <li>
763
735
  <div class="info">
764
736
  <div class="rank">
765
- <span title="Ranking 23">23</span>
737
+ <span title="Ranking 22">22</span>
766
738
  <a href="https://segmentfault.com/a/1190000041501520" target="_blank" title="从头梳理，看看中国的 ICP 备案制度">从头梳理，看看中国的 ICP 备案制度</a>
767
739
  </div>
768
740
  <div class="sub-title followers">
@@ -790,7 +762,7 @@
790
762
  <li>
791
763
  <div class="info">
792
764
  <div class="rank">
793
- <span title="Ranking 24">24</span>
765
+ <span title="Ranking 23">23</span>
794
766
  <a href="https://segmentfault.com/a/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</a>
795
767
  </div>
796
768
  <div class="sub-title followers">
@@ -818,7 +790,7 @@
818
790
  <li>
819
791
  <div class="info">
820
792
  <div class="rank">
821
- <span title="Ranking 25">25</span>
793
+ <span title="Ranking 24">24</span>
822
794
  <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
823
795
  </div>
824
796
  <div class="sub-title followers">
@@ -846,7 +818,7 @@
846
818
  <li>
847
819
  <div class="info">
848
820
  <div class="rank">
849
- <span title="Ranking 26">26</span>
821
+ <span title="Ranking 25">25</span>
850
822
  <a href="https://segmentfault.com/a/1190000041458272" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
851
823
  </div>
852
824
  <div class="sub-title followers">
@@ -874,7 +846,7 @@
874
846
  <li>
875
847
  <div class="info">
876
848
  <div class="rank">
877
- <span title="Ranking 27">27</span>
849
+ <span title="Ranking 26">26</span>
878
850
  <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
879
851
  </div>
880
852
  <div class="sub-title followers">
@@ -902,7 +874,7 @@
902
874
  <li>
903
875
  <div class="info">
904
876
  <div class="rank">
905
- <span title="Ranking 28">28</span>
877
+ <span title="Ranking 27">27</span>
906
878
  <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
907
879
  </div>
908
880
  <div class="sub-title followers">
@@ -930,7 +902,7 @@
930
902
  <li>
931
903
  <div class="info">
932
904
  <div class="rank">
933
- <span title="Ranking 29">29</span>
905
+ <span title="Ranking 28">28</span>
934
906
  <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="2022招聘季｜如何写一份好的前端面试简历?">2022招聘季｜如何写一份好的前端面试简历?</a>
935
907
  </div>
936
908
  <div class="sub-title followers">
@@ -955,11 +927,39 @@
955
927
  </div>
956
928
  </li>
957
929
 
930
+ <li>
931
+ <div class="info">
932
+ <div class="rank">
933
+ <span title="Ranking 29">29</span>
934
+ <a href="https://segmentfault.com/a/1190000041510006" target="_blank" title="28张图助我学废TS">28张图助我学废TS</a>
935
+ </div>
936
+ <div class="sub-title followers">
937
+
938
+ <span title="Stargazers Count">
939
+ <svg width="12" height="12" viewBox="0 0 16 16">
940
+ <g fill="none" fill-rule="evenodd">
941
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
944
+ </svg>
945
+ <span>19</span>
946
+ </span>
947
+ &nbsp;
948
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
949
+ <span>执鸢者</span>
950
+ </a>
951
+ </div>
952
+ <div class="details">
953
+ Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）
954
+ </div>
955
+ </div>
956
+ </li>
957
+
958
958
  <li>
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/1190000041524121" target="_blank" title="Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化">Web 页面优化专项 &gt; Lighthouse &gt; 性能分数优化</a>
962
+ <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</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>17</span>
973
+ <span>14</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
977
- <span>linong</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
977
+ <span>码哥字节</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。
981
+ 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
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/3/24 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/3/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>