@wcj/github-rank 22.5.8 → 22.5.9

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 +16094 -16100
  2. package/dist/sifou-daily.json +16 -223
  3. package/dist/sifou-monthly.json +71 -71
  4. package/dist/sifou-weekly.json +94 -94
  5. package/dist/toutiao-30.json +60 -60
  6. package/dist/toutiao-7.json +97 -97
  7. package/dist/toutiao-90.json +52 -52
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +138 -138
  10. package/dist/trending-weekly.json +158 -158
  11. package/dist/users.china.json +938 -938
  12. package/dist/users.json +1788 -1788
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +16094 -16100
  16. package/web/data/sifou-daily.json +16 -223
  17. package/web/data/sifou-monthly.json +71 -71
  18. package/web/data/sifou-weekly.json +94 -94
  19. package/web/data/toutiao-30.json +60 -60
  20. package/web/data/toutiao-7.json +97 -97
  21. package/web/data/toutiao-90.json +52 -52
  22. package/web/data/trending-daily.json +167 -167
  23. package/web/data/trending-monthly.json +138 -138
  24. package/web/data/trending-weekly.json +158 -158
  25. package/web/data/users.china.json +938 -938
  26. package/web/data/users.json +1788 -1788
  27. package/web/index.html +977 -977
  28. package/web/repos.html +2383 -2383
  29. package/web/sifou-daily.html +14 -658
  30. package/web/sifou-monthly.html +121 -121
  31. package/web/sifou-weekly.html +116 -116
  32. package/web/toutiao-30.html +64 -64
  33. package/web/toutiao-7.html +74 -74
  34. package/web/toutiao-90.html +56 -56
  35. package/web/trending-monthly.html +133 -133
  36. package/web/trending-weekly.html +138 -138
  37. package/web/trending.html +146 -142
  38. package/web/users.china.html +501 -501
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/5/8 by
119
+ <div class="time">Last cache created on 2022/5/9 by
120
120
 
121
121
 
122
122
 
@@ -186,7 +186,7 @@
186
186
  <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"/>
187
187
  </g>
188
188
  </svg>
189
- <span>34</span>
189
+ <span>35</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041729574" target="_blank" title="JS阻塞渲染，这么多年我理解错啦？">JS阻塞渲染，这么多年我理解错啦？</a>
206
+ <a href="https://segmentfault.com/a/1190000041790801" target="_blank" title="10">10</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
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>39</span>
217
+ <span>46</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
221
- <span>卡颂</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
221
+ <span>joyqi</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...
225
+ 各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
234
+ <a href="https://segmentfault.com/a/1190000041729574" target="_blank" title="JS阻塞渲染，这么多年我理解错啦？">JS阻塞渲染，这么多年我理解错啦？</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -242,15 +242,15 @@
242
242
  <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"/>
243
243
  </g>
244
244
  </svg>
245
- <span>43</span>
245
+ <span>12</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
249
- <span>前端胖头鱼</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
249
+ <span>卡颂</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
253
+ 大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041790801" target="_blank" title="10">10</a>
262
+ <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -273,12 +273,12 @@
273
273
  <span>43</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
277
- <span>joyqi</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
277
+ <span>前端胖头鱼</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...
281
+ 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,34 +287,6 @@
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/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
291
- </div>
292
- <div class="sub-title followers">
293
-
294
- <span title="Stargazers Count">
295
- <svg width="12" height="12" viewBox="0 0 16 16">
296
- <g fill="none" fill-rule="evenodd">
297
- <path d="M0 0h16v16H0z"/>
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
- </g>
300
- </svg>
301
- <span>39</span>
302
- </span>
303
- &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
- <span>chokcoco</span>
306
- </a>
307
- </div>
308
- <div class="details">
309
- 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
310
- </div>
311
- </div>
312
- </li>
313
-
314
- <li>
315
- <div class="info">
316
- <div class="rank">
317
- <span title="Ranking 7">7</span>
318
290
  <a href="https://segmentfault.com/a/1190000041728567" target="_blank" title="10个我经常逛的“小网站”，嘿嘿嘿！！！">10个我经常逛的“小网站”，嘿嘿嘿！！！</a>
319
291
  </div>
320
292
  <div class="sub-title followers">
@@ -342,7 +314,7 @@
342
314
  <li>
343
315
  <div class="info">
344
316
  <div class="rank">
345
- <span title="Ranking 8">8</span>
317
+ <span title="Ranking 7">7</span>
346
318
  <a href="https://segmentfault.com/a/1190000041718060" target="_blank" title="Amazing！巧用 CSS 视差实现酷炫交互动效">Amazing！巧用 CSS 视差实现酷炫交互动效</a>
347
319
  </div>
348
320
  <div class="sub-title followers">
@@ -370,7 +342,7 @@
370
342
  <li>
371
343
  <div class="info">
372
344
  <div class="rank">
373
- <span title="Ranking 9">9</span>
345
+ <span title="Ranking 8">8</span>
374
346
  <a href="https://segmentfault.com/a/1190000041729491" target="_blank" title="小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？">小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？</a>
375
347
  </div>
376
348
  <div class="sub-title followers">
@@ -398,35 +370,7 @@
398
370
  <li>
399
371
  <div class="info">
400
372
  <div class="rank">
401
- <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
403
- </div>
404
- <div class="sub-title followers">
405
-
406
- <span title="Stargazers Count">
407
- <svg width="12" height="12" viewBox="0 0 16 16">
408
- <g fill="none" fill-rule="evenodd">
409
- <path d="M0 0h16v16H0z"/>
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
- </g>
412
- </svg>
413
- <span>24</span>
414
- </span>
415
- &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
417
- <span>杨成功</span>
418
- </a>
419
- </div>
420
- <div class="details">
421
- 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
422
- </div>
423
- </div>
424
- </li>
425
-
426
- <li>
427
- <div class="info">
428
- <div class="rank">
429
- <span title="Ranking 11">11</span>
373
+ <span title="Ranking 9">9</span>
430
374
  <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</a>
431
375
  </div>
432
376
  <div class="sub-title followers">
@@ -454,7 +398,7 @@
454
398
  <li>
455
399
  <div class="info">
456
400
  <div class="rank">
457
- <span title="Ranking 12">12</span>
401
+ <span title="Ranking 10">10</span>
458
402
  <a href="https://segmentfault.com/a/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
459
403
  </div>
460
404
  <div class="sub-title followers">
@@ -482,7 +426,7 @@
482
426
  <li>
483
427
  <div class="info">
484
428
  <div class="rank">
485
- <span title="Ranking 13">13</span>
429
+ <span title="Ranking 11">11</span>
486
430
  <a href="https://segmentfault.com/a/1190000041725043" target="_blank" title="以B端平台设计，理解尼尔森10大可用性原则">以B端平台设计，理解尼尔森10大可用性原则</a>
487
431
  </div>
488
432
  <div class="sub-title followers">
@@ -510,7 +454,7 @@
510
454
  <li>
511
455
  <div class="info">
512
456
  <div class="rank">
513
- <span title="Ranking 14">14</span>
457
+ <span title="Ranking 12">12</span>
514
458
  <a href="https://segmentfault.com/a/1190000041693503" target="_blank" title="🔥前端脚手架辣么多，那我也要写一个玩玩">🔥前端脚手架辣么多，那我也要写一个玩玩</a>
515
459
  </div>
516
460
  <div class="sub-title followers">
@@ -538,7 +482,7 @@
538
482
  <li>
539
483
  <div class="info">
540
484
  <div class="rank">
541
- <span title="Ranking 15">15</span>
485
+ <span title="Ranking 13">13</span>
542
486
  <a href="https://segmentfault.com/a/1190000041734354" target="_blank" title="2022 PHP程序员修炼秘籍">2022 PHP程序员修炼秘籍</a>
543
487
  </div>
544
488
  <div class="sub-title followers">
@@ -566,7 +510,35 @@
566
510
  <li>
567
511
  <div class="info">
568
512
  <div class="rank">
569
- <span title="Ranking 16">16</span>
513
+ <span title="Ranking 14">14</span>
514
+ <a href="https://segmentfault.com/a/1190000041804988" target="_blank" title="CSS 中的简写到底有多少坑？以后不敢了...">CSS 中的简写到底有多少坑？以后不敢了...</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>4</span>
526
+ </span>
527
+ &nbsp;
528
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
529
+ <span>零一</span>
530
+ </a>
531
+ </div>
532
+ <div class="details">
533
+ 为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 &#34;好&#34; 和 &#34;坏&#34;
534
+ </div>
535
+ </div>
536
+ </li>
537
+
538
+ <li>
539
+ <div class="info">
540
+ <div class="rank">
541
+ <span title="Ranking 15">15</span>
570
542
  <a href="https://segmentfault.com/a/1190000041769612" target="_blank" title="我做了一个在线白板！！！">我做了一个在线白板！！！</a>
571
543
  </div>
572
544
  <div class="sub-title followers">
@@ -578,7 +550,7 @@
578
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"/>
579
551
  </g>
580
552
  </svg>
581
- <span>8</span>
553
+ <span>10</span>
582
554
  </span>
583
555
  &nbsp;
584
556
  <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
@@ -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/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</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/1190000041757846" target="_blank" title="招聘季征文活动获奖名单公布，快来领奖~">招聘季征文活动获奖名单公布，快来领奖~</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/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</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/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
683
655
  </div>
684
656
  <div class="sub-title followers">
@@ -706,7 +678,7 @@
706
678
  <li>
707
679
  <div class="info">
708
680
  <div class="rank">
709
- <span title="Ranking 21">21</span>
681
+ <span title="Ranking 20">20</span>
710
682
  <a href="https://segmentfault.com/a/1190000041761117" target="_blank" title="让交互更加生动！有意思的鼠标跟随 3D 旋转动效">让交互更加生动！有意思的鼠标跟随 3D 旋转动效</a>
711
683
  </div>
712
684
  <div class="sub-title followers">
@@ -731,11 +703,39 @@
731
703
  </div>
732
704
  </li>
733
705
 
706
+ <li>
707
+ <div class="info">
708
+ <div class="rank">
709
+ <span title="Ranking 21">21</span>
710
+ <a href="https://segmentfault.com/a/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音LOGO</a>
711
+ </div>
712
+ <div class="sub-title followers">
713
+
714
+ <span title="Stargazers Count">
715
+ <svg width="12" height="12" viewBox="0 0 16 16">
716
+ <g fill="none" fill-rule="evenodd">
717
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
720
+ </svg>
721
+ <span>14</span>
722
+ </span>
723
+ &nbsp;
724
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
725
+ <span>零一</span>
726
+ </a>
727
+ </div>
728
+ <div class="details">
729
+ 大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
730
+ </div>
731
+ </div>
732
+ </li>
733
+
734
734
  <li>
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/1190000041711730" target="_blank" title="这些CSS提效技巧，你需要知道！">这些CSS提效技巧，你需要知道！</a>
738
+ <a href="https://segmentfault.com/a/1190000041730906" target="_blank" title="如何构建可控,可靠,可扩展的 PWA 应用">如何构建可控,可靠,可扩展的 PWA 应用</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -749,12 +749,12 @@
749
749
  <span>6</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
753
- <span>前端小智</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/jerryc" title="Programming Language">
753
+ <span>JerryC</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
757
+ PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。
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/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音LOGO</a>
766
+ <a href="https://segmentfault.com/a/1190000041711730" target="_blank" title="这些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>14</span>
777
+ <span>6</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
781
- <span>零一</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
781
+ <span>前端小智</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
785
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
786
786
  </div>
787
787
  </div>
788
788
  </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/1190000041730906" target="_blank" title="如何构建可控,可靠,可扩展的 PWA 应用">如何构建可控,可靠,可扩展的 PWA 应用</a>
850
+ <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</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>11</span>
861
+ <span>9</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/jerryc" title="Programming Language">
865
- <span>JerryC</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
865
+ <span>民工哥</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。
869
+ 当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...
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/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
878
+ <a href="https://segmentfault.com/a/1190000041763788" target="_blank" title="提高前端人效率的工具、网站和书籍">提高前端人效率的工具、网站和书籍</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>15</span>
889
+ <span>8</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
893
- <span>前端小智</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/playboy5566" title="Programming Language">
893
+ <span>playboy5566</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
897
+ 提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
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/1190000041781215" target="_blank" title="浅谈支付系统开发基本流程">浅谈支付系统开发基本流程</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>8</span>
917
+ <span>7</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/crazycodes" title="Programming Language">
921
+ <span>CrazyCodes</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...
925
+ 前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...
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/1190000041781215" target="_blank" title="浅谈支付系统开发基本流程">浅谈支付系统开发基本流程</a>
934
+ <a href="https://segmentfault.com/a/1190000041717742" target="_blank" title="精读《不再需要 JS 做的 5 件事》">精读《不再需要 JS 做的 5 件事》</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>13</span>
945
+ <span>8</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
949
- <span>CrazyCodes</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
949
+ <span>黄子毅</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...
953
+ 关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。
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/1190000041717742" target="_blank" title="精读《不再需要 JS 做的 5 件事》">精读《不再需要 JS 做的 5 件事》</a>
962
+ <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</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>8</span>
973
+ <span>13</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
977
- <span>黄子毅</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
- 关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。
981
+ 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
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/8 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/9 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>