@wcj/github-rank 22.3.5 → 22.3.8

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 +28660 -28660
  2. package/dist/sifou-daily.json +151 -88
  3. package/dist/sifou-monthly.json +80 -80
  4. package/dist/sifou-weekly.json +158 -158
  5. package/dist/toutiao-30.json +59 -59
  6. package/dist/toutiao-7.json +124 -124
  7. package/dist/toutiao-90.json +52 -52
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +163 -163
  10. package/dist/trending-weekly.json +156 -167
  11. package/dist/users.china.json +2522 -2522
  12. package/dist/users.json +3923 -3924
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +28660 -28660
  16. package/web/data/sifou-daily.json +151 -88
  17. package/web/data/sifou-monthly.json +80 -80
  18. package/web/data/sifou-weekly.json +158 -158
  19. package/web/data/toutiao-30.json +59 -59
  20. package/web/data/toutiao-7.json +124 -124
  21. package/web/data/toutiao-90.json +52 -52
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +163 -163
  24. package/web/data/trending-weekly.json +156 -167
  25. package/web/data/users.china.json +2522 -2522
  26. package/web/data/users.json +3923 -3924
  27. package/web/index.html +2121 -2121
  28. package/web/repos.html +3709 -3709
  29. package/web/sifou-daily.html +269 -73
  30. package/web/sifou-monthly.html +107 -107
  31. package/web/sifou-weekly.html +142 -142
  32. package/web/toutiao-30.html +76 -76
  33. package/web/toutiao-7.html +82 -82
  34. package/web/toutiao-90.html +66 -66
  35. package/web/trending-monthly.html +144 -140
  36. package/web/trending-weekly.html +136 -174
  37. package/web/trending.html +140 -156
  38. package/web/users.china.html +1330 -1330
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/5 by
97
+ <div class="time">Last cache created on 2022/3/8 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>36</span>
139
+ <span>37</span>
140
140
  </span>
141
141
  &nbsp;
142
142
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" 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>32</span>
167
+ <span>33</span>
168
168
  </span>
169
169
  &nbsp;
170
170
  <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
@@ -237,7 +237,7 @@
237
237
  <div class="info">
238
238
  <div class="rank">
239
239
  <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
240
+ <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
241
241
  </div>
242
242
  <div class="sub-title followers">
243
243
 
@@ -248,15 +248,15 @@
248
248
  <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"/>
249
249
  </g>
250
250
  </svg>
251
- <span>28</span>
251
+ <span>27</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
255
- <span>wuwhs</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
255
+ <span>码哥字节</span>
256
256
  </a>
257
257
  </div>
258
258
  <div class="details">
259
- 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
259
+ Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
260
260
  </div>
261
261
  </div>
262
262
  </li>
@@ -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/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
268
+ <a href="https://segmentfault.com/a/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</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>26</span>
279
+ <span>29</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
283
- <span>码哥字节</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
283
+ <span>wuwhs</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
287
+ 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
288
288
  </div>
289
289
  </div>
290
290
  </li>
@@ -321,6 +321,34 @@
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/1190000041493486" target="_blank" title="45个 GIT 经典操作场景，专治不会合代码">45个 GIT 经典操作场景，专治不会合代码</a>
325
+ </div>
326
+ <div class="sub-title followers">
327
+
328
+ <span title="Stargazers Count">
329
+ <svg width="12" height="12" viewBox="0 0 16 16">
330
+ <g fill="none" fill-rule="evenodd">
331
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
334
+ </svg>
335
+ <span>29</span>
336
+ </span>
337
+ &nbsp;
338
+ <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
339
+ <span>程序员内点事</span>
340
+ </a>
341
+ </div>
342
+ <div class="details">
343
+ git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...
344
+ </div>
345
+ </div>
346
+ </li>
347
+
348
+ <li>
349
+ <div class="info">
350
+ <div class="rank">
351
+ <span title="Ranking 9">9</span>
324
352
  <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！(协同仓库该有的规范)🔥">谁动了我的代码！(协同仓库该有的规范)🔥</a>
325
353
  </div>
326
354
  <div class="sub-title followers">
@@ -348,7 +376,7 @@
348
376
  <li>
349
377
  <div class="info">
350
378
  <div class="rank">
351
- <span title="Ranking 9">9</span>
379
+ <span title="Ranking 10">10</span>
352
380
  <a href="https://segmentfault.com/a/1190000041399412" target="_blank" title="展开操作符：一家人就这么被拆散了">展开操作符：一家人就这么被拆散了</a>
353
381
  </div>
354
382
  <div class="sub-title followers">
@@ -376,7 +404,7 @@
376
404
  <li>
377
405
  <div class="info">
378
406
  <div class="rank">
379
- <span title="Ranking 10">10</span>
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/1190000041372960" target="_blank" title="Suspense对React的意义在哪里？">Suspense对React的意义在哪里？</a>
409
437
  </div>
410
438
  <div class="sub-title followers">
@@ -432,7 +460,7 @@
432
460
  <li>
433
461
  <div class="info">
434
462
  <div class="rank">
435
- <span title="Ranking 12">12</span>
463
+ <span title="Ranking 13">13</span>
436
464
  <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
437
465
  </div>
438
466
  <div class="sub-title followers">
@@ -444,7 +472,7 @@
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>16</span>
475
+ <span>17</span>
448
476
  </span>
449
477
  &nbsp;
450
478
  <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
@@ -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/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
465
493
  </div>
466
494
  <div class="sub-title followers">
@@ -472,7 +500,7 @@
472
500
  <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"/>
473
501
  </g>
474
502
  </svg>
475
- <span>13</span>
503
+ <span>14</span>
476
504
  </span>
477
505
  &nbsp;
478
506
  <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
@@ -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/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</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/1190000041385432" target="_blank" title="CSS画冰墩墩~">CSS画冰墩墩~</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/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
575
+ <span title="Ranking 17">17</span>
576
+ <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</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>16</span>
587
+ <span>17</span>
560
588
  </span>
561
589
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
563
- <span>前端小智</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
591
+ <span>chokcoco</span>
564
592
  </a>
565
593
  </div>
566
594
  <div class="details">
567
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
595
+ 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
568
596
  </div>
569
597
  </div>
570
598
  </li>
@@ -572,8 +600,8 @@
572
600
  <li>
573
601
  <div class="info">
574
602
  <div class="rank">
575
- <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
603
+ <span title="Ranking 18">18</span>
604
+ <a href="https://segmentfault.com/a/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
577
605
  </div>
578
606
  <div class="sub-title followers">
579
607
 
@@ -584,15 +612,15 @@
584
612
  <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"/>
585
613
  </g>
586
614
  </svg>
587
- <span>15</span>
615
+ <span>16</span>
588
616
  </span>
589
617
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
591
- <span>JackJiang</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
619
+ <span>前端小智</span>
592
620
  </a>
593
621
  </div>
594
622
  <div class="details">
595
- 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
623
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
596
624
  </div>
597
625
  </div>
598
626
  </li>
@@ -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/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
605
633
  </div>
606
634
  <div class="sub-title followers">
@@ -625,39 +653,11 @@
625
653
  </div>
626
654
  </li>
627
655
 
628
- <li>
629
- <div class="info">
630
- <div class="rank">
631
- <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
633
- </div>
634
- <div class="sub-title followers">
635
-
636
- <span title="Stargazers Count">
637
- <svg width="12" height="12" viewBox="0 0 16 16">
638
- <g fill="none" fill-rule="evenodd">
639
- <path d="M0 0h16v16H0z"/>
640
- <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"/>
641
- </g>
642
- </svg>
643
- <span>13</span>
644
- </span>
645
- &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
647
- <span>公子</span>
648
- </a>
649
- </div>
650
- <div class="details">
651
- 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
652
- </div>
653
- </div>
654
- </li>
655
-
656
656
  <li>
657
657
  <div class="info">
658
658
  <div class="rank">
659
659
  <span title="Ranking 20">20</span>
660
- <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
660
+ <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -668,15 +668,15 @@
668
668
  <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"/>
669
669
  </g>
670
670
  </svg>
671
- <span>14</span>
671
+ <span>15</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
675
- <span>小小蚊子</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
675
+ <span>JackJiang</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
679
+ 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
680
680
  </div>
681
681
  </div>
682
682
  </li>
@@ -685,7 +685,7 @@
685
685
  <div class="info">
686
686
  <div class="rank">
687
687
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
688
+ <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
689
689
  </div>
690
690
  <div class="sub-title followers">
691
691
 
@@ -696,15 +696,15 @@
696
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
697
  </g>
698
698
  </svg>
699
- <span>11</span>
699
+ <span>13</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
703
- <span>杭州程序员张张</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
703
+ <span>chokcoco</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
707
+ 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
708
708
  </div>
709
709
  </div>
710
710
  </li>
@@ -713,7 +713,7 @@
713
713
  <div class="info">
714
714
  <div class="rank">
715
715
  <span title="Ranking 22">22</span>
716
- <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>
716
+ <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
717
717
  </div>
718
718
  <div class="sub-title followers">
719
719
 
@@ -724,15 +724,15 @@
724
724
  <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"/>
725
725
  </g>
726
726
  </svg>
727
- <span>13</span>
727
+ <span>14</span>
728
728
  </span>
729
729
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
731
- <span>MissD</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
731
+ <span>小小蚊子</span>
732
732
  </a>
733
733
  </div>
734
734
  <div class="details">
735
- 近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。
735
+ 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
736
736
  </div>
737
737
  </div>
738
738
  </li>
@@ -741,7 +741,7 @@
741
741
  <div class="info">
742
742
  <div class="rank">
743
743
  <span title="Ranking 23">23</span>
744
- <a href="https://segmentfault.com/a/1190000041384720" target="_blank" title="Redis 使用 List 实现消息队列能保证消息可靠么？">Redis 使用 List 实现消息队列能保证消息可靠么？</a>
744
+ <a href="https://segmentfault.com/a/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
745
745
  </div>
746
746
  <div class="sub-title followers">
747
747
 
@@ -755,12 +755,12 @@
755
755
  <span>13</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
759
- <span>码哥字节</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
759
+ <span>公子</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...
763
+ 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
764
764
  </div>
765
765
  </div>
766
766
  </li>
@@ -769,7 +769,7 @@
769
769
  <div class="info">
770
770
  <div class="rank">
771
771
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
772
+ <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
773
773
  </div>
774
774
  <div class="sub-title followers">
775
775
 
@@ -780,15 +780,15 @@
780
780
  <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"/>
781
781
  </g>
782
782
  </svg>
783
- <span>14</span>
783
+ <span>11</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
787
- <span>chokcoco</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
787
+ <span>杭州程序员张张</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
791
+ urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
792
792
  </div>
793
793
  </div>
794
794
  </li>
@@ -797,7 +797,7 @@
797
797
  <div class="info">
798
798
  <div class="rank">
799
799
  <span title="Ranking 25">25</span>
800
- <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
800
+ <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>
801
801
  </div>
802
802
  <div class="sub-title followers">
803
803
 
@@ -808,15 +808,15 @@
808
808
  <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"/>
809
809
  </g>
810
810
  </svg>
811
- <span>12</span>
811
+ <span>13</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
815
- <span>chokcoco</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
815
+ <span>MissD</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
819
+ 近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。
820
820
  </div>
821
821
  </div>
822
822
  </li>
@@ -825,7 +825,7 @@
825
825
  <div class="info">
826
826
  <div class="rank">
827
827
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041374585" target="_blank" title="vue原理相关总结">vue原理相关总结</a>
828
+ <a href="https://segmentfault.com/a/1190000041384720" target="_blank" title="Redis 使用 List 实现消息队列能保证消息可靠么？">Redis 使用 List 实现消息队列能保证消息可靠么？</a>
829
829
  </div>
830
830
  <div class="sub-title followers">
831
831
 
@@ -836,15 +836,15 @@
836
836
  <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"/>
837
837
  </g>
838
838
  </svg>
839
- <span>15</span>
839
+ <span>13</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/yuhuashi_584a46acea21f" title="Programming Language">
843
- <span>雨花石</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
843
+ <span>码哥字节</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- 一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...
847
+ 分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...
848
848
  </div>
849
849
  </div>
850
850
  </li>
@@ -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/1190000041418454" target="_blank" title="React 源码解析系列 - React 的 render 异常处理机制">React 源码解析系列 - React 的 render 异常处理机制</a>
884
+ <a href="https://segmentfault.com/a/1190000041374585" target="_blank" title="vue原理相关总结">vue原理相关总结</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>11</span>
895
+ <span>15</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
899
- <span>array_huang</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/yuhuashi_584a46acea21f" title="Programming Language">
899
+ <span>雨花石</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
903
+ 一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...
904
904
  </div>
905
905
  </div>
906
906
  </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/1190000041367088" target="_blank" title="跨域了？ 装个插件就够了！">跨域了？ 装个插件就够了！</a>
940
+ <a href="https://segmentfault.com/a/1190000041418454" target="_blank" title="React 源码解析系列 - React 的 render 异常处理机制">React 源码解析系列 - React 的 render 异常处理机制</a>
941
941
  </div>
942
942
  <div class="sub-title followers">
943
943
 
@@ -951,12 +951,12 @@
951
951
  <span>11</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/shuohaodeyixuene" title="Programming Language">
955
- <span>lucifer</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
955
+ <span>array_huang</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...
959
+ 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
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/5 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/3/8 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>