@wcj/github-rank 22.7.6 → 22.7.7

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 (41) hide show
  1. package/README.md +2 -3
  2. package/dist/36kr.json +5006 -1552
  3. package/dist/repos.json +21336 -21336
  4. package/dist/sifou-daily.json +6 -96
  5. package/dist/sifou-monthly.json +43 -43
  6. package/dist/sifou-weekly.json +113 -113
  7. package/dist/toutiao-30.json +45 -45
  8. package/dist/toutiao-7.json +100 -100
  9. package/dist/toutiao-90.json +35 -35
  10. package/dist/trending-daily.json +167 -167
  11. package/dist/trending-monthly.json +142 -142
  12. package/dist/trending-weekly.json +164 -164
  13. package/dist/users.china.json +1309 -1309
  14. package/dist/users.json +2105 -2106
  15. package/package.json +19 -18
  16. package/web/data/36kr.json +5006 -1552
  17. package/web/data/repos.json +21336 -21336
  18. package/web/data/sifou-daily.json +6 -96
  19. package/web/data/sifou-monthly.json +43 -43
  20. package/web/data/sifou-weekly.json +113 -113
  21. package/web/data/toutiao-30.json +45 -45
  22. package/web/data/toutiao-7.json +100 -100
  23. package/web/data/toutiao-90.json +35 -35
  24. package/web/data/trending-daily.json +167 -167
  25. package/web/data/trending-monthly.json +142 -142
  26. package/web/data/trending-weekly.json +164 -164
  27. package/web/data/users.china.json +1309 -1309
  28. package/web/data/users.json +2105 -2106
  29. package/web/index.html +1123 -1126
  30. package/web/repos.html +2860 -2863
  31. package/web/sifou-daily.html +6 -289
  32. package/web/sifou-monthly.html +73 -76
  33. package/web/sifou-weekly.html +129 -132
  34. package/web/toutiao-30.html +59 -62
  35. package/web/toutiao-7.html +71 -74
  36. package/web/toutiao-90.html +62 -65
  37. package/web/trending-monthly.html +125 -136
  38. package/web/trending-weekly.html +142 -149
  39. package/web/trending.html +148 -147
  40. package/web/users.china.html +696 -699
  41. package/web/36kr.html +0 -828
package/web/sifou-monthly.html CHANGED
@@ -115,16 +115,14 @@
115
115
  </a>
116
116
 
117
117
 
118
-
119
118
  </h1>
120
- <div class="time">Last cache created on 2022/7/6 by
119
+ <div class="time">Last cache created on 2022/7/7 by
121
120
 
122
121
 
123
122
 
124
123
 
125
124
  <a href="https://segmentfault.com/hottest">SegmentFault</a>
126
125
 
127
-
128
126
  .
129
127
  </div>
130
128
  <div class="tabs">
@@ -133,7 +131,6 @@
133
131
  <a class="" href="trending.html">Trending</a>
134
132
  <a class="active" href="sifou-daily.html">Sifou</a>
135
133
  <a class="" href="toutiao-7.html">开发头条</a>
136
- <a class="" href="36kr.html">36Kr</a>
137
134
  </div>
138
135
  <ul class="list">
139
136
  <li class="rank-title">
@@ -187,7 +184,7 @@
187
184
  <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"/>
188
185
  </g>
189
186
  </svg>
190
- <span>29</span>
187
+ <span>30</span>
191
188
  </span>
192
189
  &nbsp;
193
190
  <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
@@ -344,7 +341,7 @@
344
341
  <div class="info">
345
342
  <div class="rank">
346
343
  <span title="Ranking 8">8</span>
347
- <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
344
+ <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
348
345
  </div>
349
346
  <div class="sub-title followers">
350
347
 
@@ -355,15 +352,15 @@
355
352
  <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"/>
356
353
  </g>
357
354
  </svg>
358
- <span>11</span>
355
+ <span>17</span>
359
356
  </span>
360
357
  &nbsp;
361
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
362
- <span>十方</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
359
+ <span>chokcoco</span>
363
360
  </a>
364
361
  </div>
365
362
  <div class="details">
366
- 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
363
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
367
364
  </div>
368
365
  </div>
369
366
  </li>
@@ -372,7 +369,7 @@
372
369
  <div class="info">
373
370
  <div class="rank">
374
371
  <span title="Ranking 9">9</span>
375
- <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
372
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
376
373
  </div>
377
374
  <div class="sub-title followers">
378
375
 
@@ -383,15 +380,15 @@
383
380
  <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"/>
384
381
  </g>
385
382
  </svg>
386
- <span>12</span>
383
+ <span>14</span>
387
384
  </span>
388
385
  &nbsp;
389
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
390
- <span>XboxYan</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
387
+ <span>边城</span>
391
388
  </a>
392
389
  </div>
393
390
  <div class="details">
394
- 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
391
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
395
392
  </div>
396
393
  </div>
397
394
  </li>
@@ -400,7 +397,7 @@
400
397
  <div class="info">
401
398
  <div class="rank">
402
399
  <span title="Ranking 10">10</span>
403
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
400
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
404
401
  </div>
405
402
  <div class="sub-title followers">
406
403
 
@@ -411,15 +408,15 @@
411
408
  <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"/>
412
409
  </g>
413
410
  </svg>
414
- <span>12</span>
411
+ <span>11</span>
415
412
  </span>
416
413
  &nbsp;
417
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
418
- <span>边城</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
415
+ <span>十方</span>
419
416
  </a>
420
417
  </div>
421
418
  <div class="details">
422
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
419
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
423
420
  </div>
424
421
  </div>
425
422
  </li>
@@ -428,7 +425,7 @@
428
425
  <div class="info">
429
426
  <div class="rank">
430
427
  <span title="Ranking 11">11</span>
431
- <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
428
+ <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
432
429
  </div>
433
430
  <div class="sub-title followers">
434
431
 
@@ -439,15 +436,15 @@
439
436
  <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"/>
440
437
  </g>
441
438
  </svg>
442
- <span>11</span>
439
+ <span>12</span>
443
440
  </span>
444
441
  &nbsp;
445
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
446
- <span>极客飞兔</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
+ <span>XboxYan</span>
447
444
  </a>
448
445
  </div>
449
446
  <div class="details">
450
- 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
447
+ 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
451
448
  </div>
452
449
  </div>
453
450
  </li>
@@ -456,7 +453,7 @@
456
453
  <div class="info">
457
454
  <div class="rank">
458
455
  <span title="Ranking 12">12</span>
459
- <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
456
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
460
457
  </div>
461
458
  <div class="sub-title followers">
462
459
 
@@ -467,15 +464,15 @@
467
464
  <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"/>
468
465
  </g>
469
466
  </svg>
470
- <span>12</span>
467
+ <span>16</span>
471
468
  </span>
472
469
  &nbsp;
473
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
474
- <span>why技术</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
471
+ <span>XboxYan</span>
475
472
  </a>
476
473
  </div>
477
474
  <div class="details">
478
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
475
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
479
476
  </div>
480
477
  </div>
481
478
  </li>
@@ -484,7 +481,7 @@
484
481
  <div class="info">
485
482
  <div class="rank">
486
483
  <span title="Ranking 13">13</span>
487
- <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
484
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
488
485
  </div>
489
486
  <div class="sub-title followers">
490
487
 
@@ -495,15 +492,15 @@
495
492
  <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"/>
496
493
  </g>
497
494
  </svg>
498
- <span>15</span>
495
+ <span>11</span>
499
496
  </span>
500
497
  &nbsp;
501
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
502
- <span>XboxYan</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
499
+ <span>极客飞兔</span>
503
500
  </a>
504
501
  </div>
505
502
  <div class="details">
506
- 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
503
+ 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
507
504
  </div>
508
505
  </div>
509
506
  </li>
@@ -512,7 +509,7 @@
512
509
  <div class="info">
513
510
  <div class="rank">
514
511
  <span title="Ranking 14">14</span>
515
- <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
512
+ <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
516
513
  </div>
517
514
  <div class="sub-title followers">
518
515
 
@@ -523,15 +520,15 @@
523
520
  <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"/>
524
521
  </g>
525
522
  </svg>
526
- <span>10</span>
523
+ <span>12</span>
527
524
  </span>
528
525
  &nbsp;
529
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
530
- <span>7small7</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
527
+ <span>why技术</span>
531
528
  </a>
532
529
  </div>
533
530
  <div class="details">
534
- Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
531
+ 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
535
532
  </div>
536
533
  </div>
537
534
  </li>
@@ -540,7 +537,7 @@
540
537
  <div class="info">
541
538
  <div class="rank">
542
539
  <span title="Ranking 15">15</span>
543
- <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
540
+ <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
544
541
  </div>
545
542
  <div class="sub-title followers">
546
543
 
@@ -551,15 +548,15 @@
551
548
  <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"/>
552
549
  </g>
553
550
  </svg>
554
- <span>7</span>
551
+ <span>15</span>
555
552
  </span>
556
553
  &nbsp;
557
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
558
- <span>葡萄城技术团队</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
555
+ <span>XboxYan</span>
559
556
  </a>
560
557
  </div>
561
558
  <div class="details">
562
- Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
559
+ 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
563
560
  </div>
564
561
  </div>
565
562
  </li>
@@ -568,7 +565,7 @@
568
565
  <div class="info">
569
566
  <div class="rank">
570
567
  <span title="Ranking 16">16</span>
571
- <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
568
+ <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
572
569
  </div>
573
570
  <div class="sub-title followers">
574
571
 
@@ -579,15 +576,15 @@
579
576
  <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"/>
580
577
  </g>
581
578
  </svg>
582
- <span>11</span>
579
+ <span>10</span>
583
580
  </span>
584
581
  &nbsp;
585
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
586
- <span>思否编辑部</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
583
+ <span>7small7</span>
587
584
  </a>
588
585
  </div>
589
586
  <div class="details">
590
- 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
587
+ Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
591
588
  </div>
592
589
  </div>
593
590
  </li>
@@ -596,7 +593,7 @@
596
593
  <div class="info">
597
594
  <div class="rank">
598
595
  <span title="Ranking 17">17</span>
599
- <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
596
+ <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
600
597
  </div>
601
598
  <div class="sub-title followers">
602
599
 
@@ -607,15 +604,15 @@
607
604
  <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"/>
608
605
  </g>
609
606
  </svg>
610
- <span>12</span>
607
+ <span>7</span>
611
608
  </span>
612
609
  &nbsp;
613
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
614
- <span>chokcoco</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
611
+ <span>葡萄城技术团队</span>
615
612
  </a>
616
613
  </div>
617
614
  <div class="details">
618
- 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
615
+ Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
619
616
  </div>
620
617
  </div>
621
618
  </li>
@@ -624,7 +621,7 @@
624
621
  <div class="info">
625
622
  <div class="rank">
626
623
  <span title="Ranking 18">18</span>
627
- <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
624
+ <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
628
625
  </div>
629
626
  <div class="sub-title followers">
630
627
 
@@ -635,15 +632,15 @@
635
632
  <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"/>
636
633
  </g>
637
634
  </svg>
638
- <span>14</span>
635
+ <span>11</span>
639
636
  </span>
640
637
  &nbsp;
641
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
642
- <span>XboxYan</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
639
+ <span>思否编辑部</span>
643
640
  </a>
644
641
  </div>
645
642
  <div class="details">
646
- 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
643
+ 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
647
644
  </div>
648
645
  </div>
649
646
  </li>
@@ -680,7 +677,7 @@
680
677
  <div class="info">
681
678
  <div class="rank">
682
679
  <span title="Ranking 20">20</span>
683
- <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
680
+ <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
684
681
  </div>
685
682
  <div class="sub-title followers">
686
683
 
@@ -691,15 +688,15 @@
691
688
  <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"/>
692
689
  </g>
693
690
  </svg>
694
- <span>11</span>
691
+ <span>12</span>
695
692
  </span>
696
693
  &nbsp;
697
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
698
- <span>前端小智</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
+ <span>chokcoco</span>
699
696
  </a>
700
697
  </div>
701
698
  <div class="details">
702
- 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
699
+ 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
703
700
  </div>
704
701
  </div>
705
702
  </li>
@@ -708,7 +705,7 @@
708
705
  <div class="info">
709
706
  <div class="rank">
710
707
  <span title="Ranking 21">21</span>
711
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
708
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
712
709
  </div>
713
710
  <div class="sub-title followers">
714
711
 
@@ -719,15 +716,15 @@
719
716
  <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"/>
720
717
  </g>
721
718
  </svg>
722
- <span>7</span>
719
+ <span>11</span>
723
720
  </span>
724
721
  &nbsp;
725
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
726
- <span>SegmentFault思否</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
723
+ <span>前端小智</span>
727
724
  </a>
728
725
  </div>
729
726
  <div class="details">
730
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
727
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
731
728
  </div>
732
729
  </div>
733
730
  </li>
@@ -736,7 +733,7 @@
736
733
  <div class="info">
737
734
  <div class="rank">
738
735
  <span title="Ranking 22">22</span>
739
- <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
736
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
740
737
  </div>
741
738
  <div class="sub-title followers">
742
739
 
@@ -747,15 +744,15 @@
747
744
  <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"/>
748
745
  </g>
749
746
  </svg>
750
- <span>11</span>
747
+ <span>7</span>
751
748
  </span>
752
749
  &nbsp;
753
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
754
- <span>沉静地闪光</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
751
+ <span>SegmentFault思否</span>
755
752
  </a>
756
753
  </div>
757
754
  <div class="details">
758
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
755
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
759
756
  </div>
760
757
  </div>
761
758
  </li>
@@ -1000,7 +997,7 @@
1000
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1001
998
  </a>
1002
999
  </div>
1003
- <div class="time">Last cache created on 2022/7/6 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/7 by Github API v3.</div>
1004
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1005
1002
  </div>
1006
1003
  </body>