@wcj/github-rank 22.3.10 → 22.3.11

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 +22755 -22755
  2. package/dist/sifou-daily.json +125 -62
  3. package/dist/sifou-monthly.json +56 -56
  4. package/dist/sifou-weekly.json +111 -111
  5. package/dist/toutiao-30.json +35 -35
  6. package/dist/toutiao-7.json +83 -83
  7. package/dist/toutiao-90.json +17 -17
  8. package/dist/trending-daily.json +163 -163
  9. package/dist/trending-monthly.json +156 -156
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +1584 -1584
  12. package/dist/users.json +2232 -2232
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +22755 -22755
  16. package/web/data/sifou-daily.json +125 -62
  17. package/web/data/sifou-monthly.json +56 -56
  18. package/web/data/sifou-weekly.json +111 -111
  19. package/web/data/toutiao-30.json +35 -35
  20. package/web/data/toutiao-7.json +83 -83
  21. package/web/data/toutiao-90.json +17 -17
  22. package/web/data/trending-daily.json +163 -163
  23. package/web/data/trending-monthly.json +156 -156
  24. package/web/data/trending-weekly.json +165 -165
  25. package/web/data/users.china.json +1584 -1584
  26. package/web/data/users.json +2232 -2232
  27. package/web/index.html +1210 -1210
  28. package/web/repos.html +2821 -2821
  29. package/web/sifou-daily.html +248 -52
  30. package/web/sifou-monthly.html +89 -89
  31. package/web/sifou-weekly.html +134 -134
  32. package/web/toutiao-30.html +75 -75
  33. package/web/toutiao-7.html +80 -80
  34. package/web/toutiao-90.html +25 -25
  35. package/web/trending-monthly.html +138 -138
  36. package/web/trending-weekly.html +146 -142
  37. package/web/trending.html +142 -138
  38. package/web/users.china.html +869 -869
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/3/10 by
97
+ <div class="time">Last cache created on 2022/3/11 by
98
98
 
99
99
 
100
100
 
@@ -136,7 +136,7 @@
136
136
  <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"/>
137
137
  </g>
138
138
  </svg>
139
- <span>53</span>
139
+ <span>54</span>
140
140
  </span>
141
141
  &nbsp;
142
142
  <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
@@ -164,7 +164,7 @@
164
164
  <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"/>
165
165
  </g>
166
166
  </svg>
167
- <span>39</span>
167
+ <span>41</span>
168
168
  </span>
169
169
  &nbsp;
170
170
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -265,7 +265,7 @@
265
265
  <div class="info">
266
266
  <div class="rank">
267
267
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041370811" target="_blank" title="17 个实用 shell 脚本，建议收藏！">17 个实用 shell 脚本，建议收藏！</a>
268
+ <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
269
269
  </div>
270
270
  <div class="sub-title followers">
271
271
 
@@ -276,15 +276,15 @@
276
276
  <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"/>
277
277
  </g>
278
278
  </svg>
279
- <span>28</span>
279
+ <span>27</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
283
- <span>民工哥</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
283
+ <span>码哥字节</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...
287
+ Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
288
288
  </div>
289
289
  </div>
290
290
  </li>
@@ -293,7 +293,7 @@
293
293
  <div class="info">
294
294
  <div class="rank">
295
295
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
296
+ <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！(协同仓库该有的规范)🔥">谁动了我的代码！(协同仓库该有的规范)🔥</a>
297
297
  </div>
298
298
  <div class="sub-title followers">
299
299
 
@@ -304,15 +304,15 @@
304
304
  <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"/>
305
305
  </g>
306
306
  </svg>
307
- <span>27</span>
307
+ <span>23</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
311
- <span>码哥字节</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
311
+ <span>荣顶</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
315
+ 公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；
316
316
  </div>
317
317
  </div>
318
318
  </li>
@@ -321,7 +321,7 @@
321
321
  <div class="info">
322
322
  <div class="rank">
323
323
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！(协同仓库该有的规范)🔥">谁动了我的代码！(协同仓库该有的规范)🔥</a>
324
+ <a href="https://segmentfault.com/a/1190000041399412" target="_blank" title="展开操作符：一家人就这么被拆散了">展开操作符：一家人就这么被拆散了</a>
325
325
  </div>
326
326
  <div class="sub-title followers">
327
327
 
@@ -332,15 +332,15 @@
332
332
  <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"/>
333
333
  </g>
334
334
  </svg>
335
- <span>23</span>
335
+ <span>20</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
339
- <span>荣顶</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
339
+ <span>卡颂</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；
343
+ 大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...
344
344
  </div>
345
345
  </div>
346
346
  </li>
@@ -349,7 +349,7 @@
349
349
  <div class="info">
350
350
  <div class="rank">
351
351
  <span title="Ranking 9">9</span>
352
- <a href="https://segmentfault.com/a/1190000041399412" target="_blank" title="展开操作符：一家人就这么被拆散了">展开操作符：一家人就这么被拆散了</a>
352
+ <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
353
353
  </div>
354
354
  <div class="sub-title followers">
355
355
 
@@ -360,15 +360,15 @@
360
360
  <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"/>
361
361
  </g>
362
362
  </svg>
363
- <span>20</span>
363
+ <span>25</span>
364
364
  </span>
365
365
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
367
- <span>卡颂</span>
366
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
367
+ <span>XboxYan</span>
368
368
  </a>
369
369
  </div>
370
370
  <div class="details">
371
- 大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...
371
+ linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
372
372
  </div>
373
373
  </div>
374
374
  </li>
@@ -377,6 +377,34 @@
377
377
  <div class="info">
378
378
  <div class="rank">
379
379
  <span title="Ranking 10">10</span>
380
+ <a href="https://segmentfault.com/a/1190000041517764" target="_blank" title="音视频通信加餐 —— WebRTC一肝到底">音视频通信加餐 —— WebRTC一肝到底</a>
381
+ </div>
382
+ <div class="sub-title followers">
383
+
384
+ <span title="Stargazers Count">
385
+ <svg width="12" height="12" viewBox="0 0 16 16">
386
+ <g fill="none" fill-rule="evenodd">
387
+ <path d="M0 0h16v16H0z"/>
388
+ <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"/>
389
+ </g>
390
+ </svg>
391
+ <span>19</span>
392
+ </span>
393
+ &nbsp;
394
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
395
+ <span>杨成功</span>
396
+ </a>
397
+ </div>
398
+ <div class="details">
399
+ 原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。
400
+ </div>
401
+ </div>
402
+ </li>
403
+
404
+ <li>
405
+ <div class="info">
406
+ <div class="rank">
407
+ <span title="Ranking 11">11</span>
380
408
  <a href="https://segmentfault.com/a/1190000041447795" target="_blank" title="前端生成PDF，让后端刮目相看">前端生成PDF，让后端刮目相看</a>
381
409
  </div>
382
410
  <div class="sub-title followers">
@@ -404,7 +432,7 @@
404
432
  <li>
405
433
  <div class="info">
406
434
  <div class="rank">
407
- <span title="Ranking 11">11</span>
435
+ <span title="Ranking 12">12</span>
408
436
  <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
409
437
  </div>
410
438
  <div class="sub-title followers">
@@ -416,7 +444,7 @@
416
444
  <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"/>
417
445
  </g>
418
446
  </svg>
419
- <span>22</span>
447
+ <span>23</span>
420
448
  </span>
421
449
  &nbsp;
422
450
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -432,8 +460,8 @@
432
460
  <li>
433
461
  <div class="info">
434
462
  <div class="rank">
435
- <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
463
+ <span title="Ranking 13">13</span>
464
+ <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
437
465
  </div>
438
466
  <div class="sub-title followers">
439
467
 
@@ -444,15 +472,15 @@
444
472
  <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"/>
445
473
  </g>
446
474
  </svg>
447
- <span>23</span>
475
+ <span>18</span>
448
476
  </span>
449
477
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
451
- <span>XboxYan</span>
478
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
479
+ <span>chokcoco</span>
452
480
  </a>
453
481
  </div>
454
482
  <div class="details">
455
- linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
483
+ 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
456
484
  </div>
457
485
  </div>
458
486
  </li>
@@ -460,7 +488,7 @@
460
488
  <li>
461
489
  <div class="info">
462
490
  <div class="rank">
463
- <span title="Ranking 13">13</span>
491
+ <span title="Ranking 14">14</span>
464
492
  <a href="https://segmentfault.com/a/1190000041372960" target="_blank" title="Suspense对React的意义在哪里？">Suspense对React的意义在哪里？</a>
465
493
  </div>
466
494
  <div class="sub-title followers">
@@ -488,7 +516,7 @@
488
516
  <li>
489
517
  <div class="info">
490
518
  <div class="rank">
491
- <span title="Ranking 14">14</span>
519
+ <span title="Ranking 15">15</span>
492
520
  <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
493
521
  </div>
494
522
  <div class="sub-title followers">
@@ -516,7 +544,7 @@
516
544
  <li>
517
545
  <div class="info">
518
546
  <div class="rank">
519
- <span title="Ranking 15">15</span>
547
+ <span title="Ranking 16">16</span>
520
548
  <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
521
549
  </div>
522
550
  <div class="sub-title followers">
@@ -544,8 +572,8 @@
544
572
  <li>
545
573
  <div class="info">
546
574
  <div class="rank">
547
- <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
575
+ <span title="Ranking 17">17</span>
576
+ <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
549
577
  </div>
550
578
  <div class="sub-title followers">
551
579
 
@@ -556,15 +584,15 @@
556
584
  <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"/>
557
585
  </g>
558
586
  </svg>
559
- <span>17</span>
587
+ <span>15</span>
560
588
  </span>
561
589
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
563
- <span>chokcoco</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
591
+ <span>边城</span>
564
592
  </a>
565
593
  </div>
566
594
  <div class="details">
567
- 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
595
+ 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
568
596
  </div>
569
597
  </div>
570
598
  </li>
@@ -572,7 +600,7 @@
572
600
  <li>
573
601
  <div class="info">
574
602
  <div class="rank">
575
- <span title="Ranking 17">17</span>
603
+ <span title="Ranking 18">18</span>
576
604
  <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
577
605
  </div>
578
606
  <div class="sub-title followers">
@@ -600,7 +628,7 @@
600
628
  <li>
601
629
  <div class="info">
602
630
  <div class="rank">
603
- <span title="Ranking 18">18</span>
631
+ <span title="Ranking 19">19</span>
604
632
  <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
605
633
  </div>
606
634
  <div class="sub-title followers">
@@ -628,7 +656,7 @@
628
656
  <li>
629
657
  <div class="info">
630
658
  <div class="rank">
631
- <span title="Ranking 19">19</span>
659
+ <span title="Ranking 20">20</span>
632
660
  <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
633
661
  </div>
634
662
  <div class="sub-title followers">
@@ -656,7 +684,7 @@
656
684
  <li>
657
685
  <div class="info">
658
686
  <div class="rank">
659
- <span title="Ranking 20">20</span>
687
+ <span title="Ranking 21">21</span>
660
688
  <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
661
689
  </div>
662
690
  <div class="sub-title followers">
@@ -681,34 +709,6 @@
681
709
  </div>
682
710
  </li>
683
711
 
684
- <li>
685
- <div class="info">
686
- <div class="rank">
687
- <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
689
- </div>
690
- <div class="sub-title followers">
691
-
692
- <span title="Stargazers Count">
693
- <svg width="12" height="12" viewBox="0 0 16 16">
694
- <g fill="none" fill-rule="evenodd">
695
- <path d="M0 0h16v16H0z"/>
696
- <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"/>
697
- </g>
698
- </svg>
699
- <span>14</span>
700
- </span>
701
- &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
703
- <span>边城</span>
704
- </a>
705
- </div>
706
- <div class="details">
707
- 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
708
- </div>
709
- </div>
710
- </li>
711
-
712
712
  <li>
713
713
  <div class="info">
714
714
  <div class="rank">
@@ -752,7 +752,7 @@
752
752
  <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"/>
753
753
  </g>
754
754
  </svg>
755
- <span>10</span>
755
+ <span>11</span>
756
756
  </span>
757
757
  &nbsp;
758
758
  <a target="_blank" href="https://segmentfault.com/u/xiqingongzi" title="Programming Language">
@@ -881,7 +881,7 @@
881
881
  <div class="info">
882
882
  <div class="rank">
883
883
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
884
+ <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
885
885
  </div>
886
886
  <div class="sub-title followers">
887
887
 
@@ -892,15 +892,15 @@
892
892
  <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"/>
893
893
  </g>
894
894
  </svg>
895
- <span>13</span>
895
+ <span>15</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
899
- <span>公子</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
899
+ <span>XboxYan</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
903
+ 在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
904
904
  </div>
905
905
  </div>
906
906
  </li>
@@ -909,7 +909,7 @@
909
909
  <div class="info">
910
910
  <div class="rank">
911
911
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
912
+ <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
913
913
  </div>
914
914
  <div class="sub-title followers">
915
915
 
@@ -920,15 +920,15 @@
920
920
  <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"/>
921
921
  </g>
922
922
  </svg>
923
- <span>15</span>
923
+ <span>11</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
927
- <span>XboxYan</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
927
+ <span>杭州程序员张张</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- 在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
931
+ urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
932
932
  </div>
933
933
  </div>
934
934
  </li>
@@ -937,7 +937,7 @@
937
937
  <div class="info">
938
938
  <div class="rank">
939
939
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
940
+ <a href="https://segmentfault.com/a/1190000041373049" target="_blank" title="2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门">2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门</a>
941
941
  </div>
942
942
  <div class="sub-title followers">
943
943
 
@@ -948,15 +948,15 @@
948
948
  <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"/>
949
949
  </g>
950
950
  </svg>
951
- <span>11</span>
951
+ <span>13</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
955
- <span>杭州程序员张张</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
955
+ <span>MissD</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
959
+ 近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。
960
960
  </div>
961
961
  </div>
962
962
  </li>
@@ -977,7 +977,7 @@
977
977
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
978
  </a>
979
979
  </div>
980
- <div class="time">Last cache created on 2022/3/10 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/3/11 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>