@wcj/github-rank 22.5.31 → 22.6.1

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 +18614 -18614
  2. package/dist/sifou-daily.json +67 -130
  3. package/dist/sifou-monthly.json +70 -70
  4. package/dist/sifou-weekly.json +128 -128
  5. package/dist/toutiao-30.json +42 -42
  6. package/dist/toutiao-7.json +69 -69
  7. package/dist/toutiao-90.json +20 -20
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +136 -136
  10. package/dist/trending-weekly.json +162 -173
  11. package/dist/users.china.json +1455 -1455
  12. package/dist/users.json +1859 -1859
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +18614 -18614
  16. package/web/data/sifou-daily.json +67 -130
  17. package/web/data/sifou-monthly.json +70 -70
  18. package/web/data/sifou-weekly.json +128 -128
  19. package/web/data/toutiao-30.json +42 -42
  20. package/web/data/toutiao-7.json +69 -69
  21. package/web/data/toutiao-90.json +20 -20
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +136 -136
  24. package/web/data/trending-weekly.json +162 -173
  25. package/web/data/users.china.json +1455 -1455
  26. package/web/data/users.json +1859 -1859
  27. package/web/index.html +1107 -1107
  28. package/web/repos.html +2654 -2654
  29. package/web/sifou-daily.html +57 -253
  30. package/web/sifou-monthly.html +107 -107
  31. package/web/sifou-weekly.html +136 -136
  32. package/web/toutiao-30.html +71 -71
  33. package/web/toutiao-7.html +69 -69
  34. package/web/toutiao-90.html +43 -43
  35. package/web/trending-monthly.html +122 -122
  36. package/web/trending-weekly.html +147 -181
  37. package/web/trending.html +139 -155
  38. package/web/users.china.html +770 -770
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/31 by
119
+ <div class="time">Last cache created on 2022/6/1 by
120
120
 
121
121
 
122
122
 
@@ -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/1190000041781215" target="_blank" title="浅谈支付系统开发基本流程">浅谈支付系统开发基本流程</a>
234
+ <a href="https://segmentfault.com/a/1190000041804988" target="_blank" title="CSS 中的简写到底有多少坑？以后不敢了...">CSS 中的简写到底有多少坑？以后不敢了...</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>31</span>
245
+ <span>34</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
249
- <span>CrazyCodes</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
249
+ <span>零一</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...
253
+ 为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 &#34;好&#34; 和 &#34;坏&#34;
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/1190000041804988" target="_blank" title="CSS 中的简写到底有多少坑？以后不敢了...">CSS 中的简写到底有多少坑？以后不敢了...</a>
262
+ <a href="https://segmentfault.com/a/1190000041833326" target="_blank" title="为什么前端不能没有监控系统？">为什么前端不能没有监控系统？</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <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"/>
271
271
  </g>
272
272
  </svg>
273
- <span>34</span>
273
+ <span>28</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
277
- <span>零一</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
277
+ <span>杨成功</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 &#34;好&#34; 和 &#34;坏&#34;
281
+ 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -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/1190000041833326" target="_blank" title="为什么前端不能没有监控系统？">为什么前端不能没有监控系统？</a>
290
+ <a href="https://segmentfault.com/a/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</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>28</span>
301
+ <span>22</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
305
- <span>杨成功</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
305
+ <span>街角小林</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
309
+ 随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
310
310
  </div>
311
311
  </div>
312
312
  </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/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
346
+ <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
355
355
  </g>
356
356
  </svg>
357
- <span>21</span>
357
+ <span>30</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
361
- <span>街角小林</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
361
+ <span>铂赛东</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
365
+ 但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。
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/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</a>
374
+ <a href="https://segmentfault.com/a/1190000041887820" target="_blank" title="妙啊！动画还可以这样控制？">妙啊！动画还可以这样控制？</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
383
383
  </g>
384
384
  </svg>
385
- <span>21</span>
385
+ <span>22</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
389
- <span>Beverly</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
389
+ <span>chokcoco</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...
393
+ 今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
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/1190000041819579" target="_blank" title="8.9W 播放量的 TS 动画版进阶教程合集来了！">8.9W 播放量的 TS 动画版进阶教程合集来了！</a>
402
+ <a href="https://segmentfault.com/a/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</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>24</span>
413
+ <span>21</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
417
- <span>阿宝哥</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
417
+ <span>Beverly</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 15 期，其中 1 期的观看量已破 1.9W，该合集的播放量目前已...
421
+ 2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
430
+ <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="8.9W 播放量的 TS 动画版进阶教程合集来了！">8.9W 播放量的 TS 动画版进阶教程合集来了！</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -441,12 +441,12 @@
441
441
  <span>24</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
445
- <span>chokcoco</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
445
+ <span>阿宝哥</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
449
+ 阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 15 期，其中 1 期的观看量已破 1.9W，该合集的播放量目前已...
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -466,7 +466,7 @@
466
466
  <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"/>
467
467
  </g>
468
468
  </svg>
469
- <span>21</span>
469
+ <span>23</span>
470
470
  </span>
471
471
  &nbsp;
472
472
  <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手，补齐原生Hook短板">React官方团队出手，补齐原生Hook短板</a>
486
+ <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
495
495
  </g>
496
496
  </svg>
497
- <span>16</span>
497
+ <span>24</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
501
- <span>卡颂</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
501
+ <span>chokcoco</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...
505
+ 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041806654" target="_blank" title="年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录">年年出妖事，一例由JSON解析导致的&#34;薛定谔BUG&#34;排查过程记录</a>
514
+ <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手，补齐原生Hook短板">React官方团队出手，补齐原生Hook短板</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
523
523
  </g>
524
524
  </svg>
525
- <span>28</span>
525
+ <span>16</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
529
- <span>铂赛东</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
529
+ <span>卡颂</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。
533
+ 大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041887820" target="_blank" title="妙啊！动画还可以这样控制？">妙啊！动画还可以这样控制？</a>
542
+ <a href="https://segmentfault.com/a/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
551
551
  </g>
552
552
  </svg>
553
- <span>19</span>
553
+ <span>18</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
557
- <span>chokcoco</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
557
+ <span>杨成功</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
561
+ 在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
570
+ <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
578
578
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
579
579
  </g>
580
580
  </svg>
581
- <span>18</span>
581
+ <span>21</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
585
- <span>杨成功</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
585
+ <span>零一</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
589
+ 大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
598
+ <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
607
607
  </g>
608
608
  </svg>
609
- <span>20</span>
609
+ <span>11</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
613
- <span>零一</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
613
+ <span>民工哥</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇
617
+ 当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</a>
626
+ <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
634
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
635
635
  </g>
636
636
  </svg>
637
- <span>11</span>
637
+ <span>15</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
641
- <span>民工哥</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
641
+ <span>xindoo</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...
645
+ 在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -707,34 +707,6 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</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>13</span>
722
- </span>
723
- &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
725
- <span>xindoo</span>
726
- </a>
727
- </div>
728
- <div class="details">
729
- 在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...
730
- </div>
731
- </div>
732
- </li>
733
-
734
- <li>
735
- <div class="info">
736
- <div class="rank">
737
- <span title="Ranking 22">22</span>
738
710
  <a href="https://segmentfault.com/a/1190000041804137" target="_blank" title="实现聚焦效果">实现聚焦效果</a>
739
711
  </div>
740
712
  <div class="sub-title followers">
@@ -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/1190000041819433" target="_blank" title="python又搞事情 想一统天下？">python又搞事情 想一统天下？</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/1190000041843081" target="_blank" title="5分钟带你通过Javascript了解人工智能的基本原理">5分钟带你通过Javascript了解人工智能的基本原理</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/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
823
795
  </div>
824
796
  <div class="sub-title followers">
@@ -830,7 +802,7 @@
830
802
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
831
803
  </g>
832
804
  </svg>
833
- <span>8</span>
805
+ <span>9</span>
834
806
  </span>
835
807
  &nbsp;
836
808
  <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
@@ -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/1190000041831493" target="_blank" title="移动端常见适配方案">移动端常见适配方案</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/1190000041832303" target="_blank" title="它来了！Flutter3.0发布全解析">它来了！Flutter3.0发布全解析</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/1190000041790709" target="_blank" title="代码写得好，Reduce 方法少不了">代码写得好，Reduce 方法少不了</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/1190000041794118" target="_blank" title="互联网后端技术大全！建议收藏">互联网后端技术大全！建议收藏</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/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</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>8</span>
946
+ </span>
947
+ &nbsp;
948
+ <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
949
+ <span>韩天峰</span>
950
+ </a>
951
+ </div>
952
+ <div class="details">
953
+ 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
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/1190000041881296" target="_blank" title="如何自定义 drag 样式">如何自定义 drag 样式</a>
962
+ <a href="https://segmentfault.com/a/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -973,12 +973,12 @@
973
973
  <span>11</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
977
- <span>XboxYan</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
977
+ <span>云叔_又拍云</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...
981
+ 现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
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/31 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/1 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>