@wcj/github-rank 22.7.4 → 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 +35685 -35685
  4. package/dist/sifou-daily.json +6 -87
  5. package/dist/sifou-monthly.json +91 -91
  6. package/dist/sifou-weekly.json +155 -155
  7. package/dist/toutiao-30.json +77 -77
  8. package/dist/toutiao-7.json +128 -128
  9. package/dist/toutiao-90.json +65 -65
  10. package/dist/trending-daily.json +168 -168
  11. package/dist/trending-monthly.json +161 -161
  12. package/dist/trending-weekly.json +167 -167
  13. package/dist/users.china.json +2715 -2715
  14. package/dist/users.json +3833 -3834
  15. package/package.json +19 -18
  16. package/web/data/36kr.json +5006 -1552
  17. package/web/data/repos.json +35685 -35685
  18. package/web/data/sifou-daily.json +6 -87
  19. package/web/data/sifou-monthly.json +91 -91
  20. package/web/data/sifou-weekly.json +155 -155
  21. package/web/data/toutiao-30.json +77 -77
  22. package/web/data/toutiao-7.json +128 -128
  23. package/web/data/toutiao-90.json +65 -65
  24. package/web/data/trending-daily.json +168 -168
  25. package/web/data/trending-monthly.json +161 -161
  26. package/web/data/trending-weekly.json +167 -167
  27. package/web/data/users.china.json +2715 -2715
  28. package/web/data/users.json +3833 -3834
  29. package/web/index.html +2253 -2252
  30. package/web/repos.html +4337 -4334
  31. package/web/sifou-daily.html +15 -269
  32. package/web/sifou-monthly.html +119 -121
  33. package/web/sifou-weekly.html +144 -146
  34. package/web/toutiao-30.html +111 -111
  35. package/web/toutiao-7.html +101 -101
  36. package/web/toutiao-90.html +95 -95
  37. package/web/trending-monthly.html +160 -162
  38. package/web/trending-weekly.html +168 -162
  39. package/web/trending.html +176 -154
  40. package/web/users.china.html +1982 -1981
  41. package/web/36kr.html +0 -828
package/web/sifou-monthly.html CHANGED
@@ -75,14 +75,6 @@
75
75
  .list li > div.info a:hover i { color: #333; }
76
76
  .list li div.sub-title { color: var(--color-theme-text); margin: 4px 0 0 0; }
77
77
  .list li div.avatar { padding-right: 10px; }
78
-
79
-
80
- .list .select { }
81
- .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
82
-
83
-
84
-
85
-
86
78
  @keyframes octocat-wave {
87
79
  0%,100%{-webkit-transform:rotate(0); transform:rotate(0);}
88
80
  20%,60%{-webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
@@ -92,6 +84,15 @@
92
84
  .title { padding-top: 16px; font-size: 21px; }
93
85
  }
94
86
  </style>
87
+
88
+
89
+ <style>
90
+ .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
91
+ </style>
92
+
93
+
94
+
95
+
95
96
  <script src="https://unpkg.com/@wcj/dark-mode"></script>
96
97
  </head>
97
98
  <body>
@@ -114,16 +115,14 @@
114
115
  </a>
115
116
 
116
117
 
117
-
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/7/4 by
119
+ <div class="time">Last cache created on 2022/7/7 by
120
120
 
121
121
 
122
122
 
123
123
 
124
124
  <a href="https://segmentfault.com/hottest">SegmentFault</a>
125
125
 
126
-
127
126
  .
128
127
  </div>
129
128
  <div class="tabs">
@@ -132,7 +131,6 @@
132
131
  <a class="" href="trending.html">Trending</a>
133
132
  <a class="active" href="sifou-daily.html">Sifou</a>
134
133
  <a class="" href="toutiao-7.html">开发头条</a>
135
- <a class="" href="36kr.html">36Kr</a>
136
134
  </div>
137
135
  <ul class="list">
138
136
  <li class="rank-title">
@@ -186,7 +184,7 @@
186
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"/>
187
185
  </g>
188
186
  </svg>
189
- <span>29</span>
187
+ <span>30</span>
190
188
  </span>
191
189
  &nbsp;
192
190
  <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
@@ -214,7 +212,7 @@
214
212
  <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
213
  </g>
216
214
  </svg>
217
- <span>25</span>
215
+ <span>26</span>
218
216
  </span>
219
217
  &nbsp;
220
218
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -326,7 +324,7 @@
326
324
  <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"/>
327
325
  </g>
328
326
  </svg>
329
- <span>16</span>
327
+ <span>17</span>
330
328
  </span>
331
329
  &nbsp;
332
330
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -343,7 +341,7 @@
343
341
  <div class="info">
344
342
  <div class="rank">
345
343
  <span title="Ranking 8">8</span>
346
- <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>
347
345
  </div>
348
346
  <div class="sub-title followers">
349
347
 
@@ -354,15 +352,15 @@
354
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"/>
355
353
  </g>
356
354
  </svg>
357
- <span>11</span>
355
+ <span>17</span>
358
356
  </span>
359
357
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
361
- <span>十方</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
359
+ <span>chokcoco</span>
362
360
  </a>
363
361
  </div>
364
362
  <div class="details">
365
- 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
363
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
366
364
  </div>
367
365
  </div>
368
366
  </li>
@@ -371,7 +369,7 @@
371
369
  <div class="info">
372
370
  <div class="rank">
373
371
  <span title="Ranking 9">9</span>
374
- <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>
375
373
  </div>
376
374
  <div class="sub-title followers">
377
375
 
@@ -382,15 +380,15 @@
382
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"/>
383
381
  </g>
384
382
  </svg>
385
- <span>12</span>
383
+ <span>14</span>
386
384
  </span>
387
385
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
389
- <span>XboxYan</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
387
+ <span>边城</span>
390
388
  </a>
391
389
  </div>
392
390
  <div class="details">
393
- 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
391
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
394
392
  </div>
395
393
  </div>
396
394
  </li>
@@ -399,7 +397,7 @@
399
397
  <div class="info">
400
398
  <div class="rank">
401
399
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
400
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
403
401
  </div>
404
402
  <div class="sub-title followers">
405
403
 
@@ -413,12 +411,12 @@
413
411
  <span>11</span>
414
412
  </span>
415
413
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
417
- <span>极客飞兔</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
415
+ <span>十方</span>
418
416
  </a>
419
417
  </div>
420
418
  <div class="details">
421
- 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
419
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
422
420
  </div>
423
421
  </div>
424
422
  </li>
@@ -427,7 +425,7 @@
427
425
  <div class="info">
428
426
  <div class="rank">
429
427
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
428
+ <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
431
429
  </div>
432
430
  <div class="sub-title followers">
433
431
 
@@ -441,12 +439,12 @@
441
439
  <span>12</span>
442
440
  </span>
443
441
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
445
- <span>why技术</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
+ <span>XboxYan</span>
446
444
  </a>
447
445
  </div>
448
446
  <div class="details">
449
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
447
+ 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
450
448
  </div>
451
449
  </div>
452
450
  </li>
@@ -455,7 +453,7 @@
455
453
  <div class="info">
456
454
  <div class="rank">
457
455
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
456
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
459
457
  </div>
460
458
  <div class="sub-title followers">
461
459
 
@@ -466,15 +464,15 @@
466
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"/>
467
465
  </g>
468
466
  </svg>
469
- <span>7</span>
467
+ <span>16</span>
470
468
  </span>
471
469
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
473
- <span>葡萄城技术团队</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
471
+ <span>XboxYan</span>
474
472
  </a>
475
473
  </div>
476
474
  <div class="details">
477
- Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
475
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
478
476
  </div>
479
477
  </div>
480
478
  </li>
@@ -483,7 +481,7 @@
483
481
  <div class="info">
484
482
  <div class="rank">
485
483
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
484
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
487
485
  </div>
488
486
  <div class="sub-title followers">
489
487
 
@@ -494,15 +492,15 @@
494
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"/>
495
493
  </g>
496
494
  </svg>
497
- <span>9</span>
495
+ <span>11</span>
498
496
  </span>
499
497
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
501
- <span>7small7</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
499
+ <span>极客飞兔</span>
502
500
  </a>
503
501
  </div>
504
502
  <div class="details">
505
- Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
503
+ 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
506
504
  </div>
507
505
  </div>
508
506
  </li>
@@ -511,7 +509,7 @@
511
509
  <div class="info">
512
510
  <div class="rank">
513
511
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
512
+ <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
515
513
  </div>
516
514
  <div class="sub-title followers">
517
515
 
@@ -522,15 +520,15 @@
522
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"/>
523
521
  </g>
524
522
  </svg>
525
- <span>11</span>
523
+ <span>12</span>
526
524
  </span>
527
525
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
529
- <span>思否编辑部</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
527
+ <span>why技术</span>
530
528
  </a>
531
529
  </div>
532
530
  <div class="details">
533
- 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
531
+ 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
534
532
  </div>
535
533
  </div>
536
534
  </li>
@@ -550,7 +548,7 @@
550
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"/>
551
549
  </g>
552
550
  </svg>
553
- <span>14</span>
551
+ <span>15</span>
554
552
  </span>
555
553
  &nbsp;
556
554
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -567,7 +565,7 @@
567
565
  <div class="info">
568
566
  <div class="rank">
569
567
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
568
+ <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
571
569
  </div>
572
570
  <div class="sub-title followers">
573
571
 
@@ -578,15 +576,15 @@
578
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"/>
579
577
  </g>
580
578
  </svg>
581
- <span>11</span>
579
+ <span>10</span>
582
580
  </span>
583
581
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
585
- <span>chokcoco</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
583
+ <span>7small7</span>
586
584
  </a>
587
585
  </div>
588
586
  <div class="details">
589
- 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
587
+ Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
590
588
  </div>
591
589
  </div>
592
590
  </li>
@@ -595,7 +593,7 @@
595
593
  <div class="info">
596
594
  <div class="rank">
597
595
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
596
+ <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
599
597
  </div>
600
598
  <div class="sub-title followers">
601
599
 
@@ -606,15 +604,15 @@
606
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"/>
607
605
  </g>
608
606
  </svg>
609
- <span>11</span>
607
+ <span>7</span>
610
608
  </span>
611
609
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
613
- <span>前端小智</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
611
+ <span>葡萄城技术团队</span>
614
612
  </a>
615
613
  </div>
616
614
  <div class="details">
617
- 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
615
+ Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
618
616
  </div>
619
617
  </div>
620
618
  </li>
@@ -623,7 +621,7 @@
623
621
  <div class="info">
624
622
  <div class="rank">
625
623
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
624
+ <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
627
625
  </div>
628
626
  <div class="sub-title followers">
629
627
 
@@ -634,15 +632,15 @@
634
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"/>
635
633
  </g>
636
634
  </svg>
637
- <span>9</span>
635
+ <span>11</span>
638
636
  </span>
639
637
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
641
- <span>边城</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
639
+ <span>思否编辑部</span>
642
640
  </a>
643
641
  </div>
644
642
  <div class="details">
645
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
643
+ 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
646
644
  </div>
647
645
  </div>
648
646
  </li>
@@ -651,7 +649,7 @@
651
649
  <div class="info">
652
650
  <div class="rank">
653
651
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
652
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
655
653
  </div>
656
654
  <div class="sub-title followers">
657
655
 
@@ -662,15 +660,15 @@
662
660
  <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"/>
663
661
  </g>
664
662
  </svg>
665
- <span>7</span>
663
+ <span>10</span>
666
664
  </span>
667
665
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
669
- <span>SegmentFault思否</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
667
+ <span>null仔</span>
670
668
  </a>
671
669
  </div>
672
670
  <div class="details">
673
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
671
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
674
672
  </div>
675
673
  </div>
676
674
  </li>
@@ -679,7 +677,7 @@
679
677
  <div class="info">
680
678
  <div class="rank">
681
679
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
680
+ <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
683
681
  </div>
684
682
  <div class="sub-title followers">
685
683
 
@@ -690,15 +688,15 @@
690
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"/>
691
689
  </g>
692
690
  </svg>
693
- <span>9</span>
691
+ <span>12</span>
694
692
  </span>
695
693
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
697
- <span>六一</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
+ <span>chokcoco</span>
698
696
  </a>
699
697
  </div>
700
698
  <div class="details">
701
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
699
+ 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
702
700
  </div>
703
701
  </div>
704
702
  </li>
@@ -707,7 +705,7 @@
707
705
  <div class="info">
708
706
  <div class="rank">
709
707
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
708
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
711
709
  </div>
712
710
  <div class="sub-title followers">
713
711
 
@@ -718,15 +716,15 @@
718
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"/>
719
717
  </g>
720
718
  </svg>
721
- <span>10</span>
719
+ <span>11</span>
722
720
  </span>
723
721
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
725
- <span>沉静地闪光</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
723
+ <span>前端小智</span>
726
724
  </a>
727
725
  </div>
728
726
  <div class="details">
729
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
727
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
730
728
  </div>
731
729
  </div>
732
730
  </li>
@@ -735,7 +733,7 @@
735
733
  <div class="info">
736
734
  <div class="rank">
737
735
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
736
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
739
737
  </div>
740
738
  <div class="sub-title followers">
741
739
 
@@ -749,12 +747,12 @@
749
747
  <span>7</span>
750
748
  </span>
751
749
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
753
- <span>Beverly</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
751
+ <span>SegmentFault思否</span>
754
752
  </a>
755
753
  </div>
756
754
  <div class="details">
757
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
755
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
758
756
  </div>
759
757
  </div>
760
758
  </li>
@@ -763,7 +761,7 @@
763
761
  <div class="info">
764
762
  <div class="rank">
765
763
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
764
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
767
765
  </div>
768
766
  <div class="sub-title followers">
769
767
 
@@ -774,7 +772,7 @@
774
772
  <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
773
  </g>
776
774
  </svg>
777
- <span>6</span>
775
+ <span>7</span>
778
776
  </span>
779
777
  &nbsp;
780
778
  <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
@@ -782,7 +780,7 @@
782
780
  </a>
783
781
  </div>
784
782
  <div class="details">
785
- 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
783
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
786
784
  </div>
787
785
  </div>
788
786
  </li>
@@ -791,7 +789,7 @@
791
789
  <div class="info">
792
790
  <div class="rank">
793
791
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
792
+ <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
795
793
  </div>
796
794
  <div class="sub-title followers">
797
795
 
@@ -802,15 +800,15 @@
802
800
  <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"/>
803
801
  </g>
804
802
  </svg>
805
- <span>6</span>
803
+ <span>9</span>
806
804
  </span>
807
805
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
809
- <span>jump__jump</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
807
+ <span>六一</span>
810
808
  </a>
811
809
  </div>
812
810
  <div class="details">
813
- 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
811
+ 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
814
812
  </div>
815
813
  </div>
816
814
  </li>
@@ -819,7 +817,7 @@
819
817
  <div class="info">
820
818
  <div class="rank">
821
819
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
820
+ <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
823
821
  </div>
824
822
  <div class="sub-title followers">
825
823
 
@@ -830,15 +828,15 @@
830
828
  <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
829
  </g>
832
830
  </svg>
833
- <span>5</span>
831
+ <span>6</span>
834
832
  </span>
835
833
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
837
- <span>葡萄城技术团队</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
835
+ <span>Beverly</span>
838
836
  </a>
839
837
  </div>
840
838
  <div class="details">
841
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
839
+ 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
842
840
  </div>
843
841
  </div>
844
842
  </li>
@@ -847,7 +845,7 @@
847
845
  <div class="info">
848
846
  <div class="rank">
849
847
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
848
+ <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
851
849
  </div>
852
850
  <div class="sub-title followers">
853
851
 
@@ -858,15 +856,15 @@
858
856
  <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
857
  </g>
860
858
  </svg>
861
- <span>5</span>
859
+ <span>6</span>
862
860
  </span>
863
861
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
865
- <span>黄子毅</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
863
+ <span>jump__jump</span>
866
864
  </a>
867
865
  </div>
868
866
  <div class="details">
869
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
867
+ 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
870
868
  </div>
871
869
  </div>
872
870
  </li>
@@ -875,7 +873,7 @@
875
873
  <div class="info">
876
874
  <div class="rank">
877
875
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
876
+ <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
879
877
  </div>
880
878
  <div class="sub-title followers">
881
879
 
@@ -886,15 +884,15 @@
886
884
  <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
885
  </g>
888
886
  </svg>
889
- <span>4</span>
887
+ <span>5</span>
890
888
  </span>
891
889
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
893
- <span>卡颂</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
891
+ <span>黄子毅</span>
894
892
  </a>
895
893
  </div>
896
894
  <div class="details">
897
- 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
895
+ TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
898
896
  </div>
899
897
  </div>
900
898
  </li>
@@ -903,7 +901,7 @@
903
901
  <div class="info">
904
902
  <div class="rank">
905
903
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041980427" target="_blank" title="使用 content-visibility 优化渲染性能">使用 content-visibility 优化渲染性能</a>
904
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
907
905
  </div>
908
906
  <div class="sub-title followers">
909
907
 
@@ -914,15 +912,15 @@
914
912
  <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
913
  </g>
916
914
  </svg>
917
- <span>11</span>
915
+ <span>5</span>
918
916
  </span>
919
917
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
921
- <span>chokcoco</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
919
+ <span>葡萄城技术团队</span>
922
920
  </a>
923
921
  </div>
924
922
  <div class="details">
925
- content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。
923
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
926
924
  </div>
927
925
  </div>
928
926
  </li>
@@ -931,7 +929,7 @@
931
929
  <div class="info">
932
930
  <div class="rank">
933
931
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
932
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
935
933
  </div>
936
934
  <div class="sub-title followers">
937
935
 
@@ -942,15 +940,15 @@
942
940
  <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
941
  </g>
944
942
  </svg>
945
- <span>5</span>
943
+ <span>4</span>
946
944
  </span>
947
945
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
949
- <span>crossoverJie</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
947
+ <span>卡颂</span>
950
948
  </a>
951
949
  </div>
952
950
  <div class="details">
953
- 以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。
951
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
954
952
  </div>
955
953
  </div>
956
954
  </li>
@@ -959,7 +957,7 @@
959
957
  <div class="info">
960
958
  <div class="rank">
961
959
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041995552" target="_blank" title="Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队">Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队</a>
960
+ <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
963
961
  </div>
964
962
  <div class="sub-title followers">
965
963
 
@@ -973,12 +971,12 @@
973
971
  <span>7</span>
974
972
  </span>
975
973
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
977
- <span>思否编辑部</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
975
+ <span>云叔_又拍云</span>
978
976
  </a>
979
977
  </div>
980
978
  <div class="details">
981
- 2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。
979
+ 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
982
980
  </div>
983
981
  </div>
984
982
  </li>
@@ -999,7 +997,7 @@
999
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
998
  </a>
1001
999
  </div>
1002
- <div class="time">Last cache created on 2022/7/4 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/7 by Github API v3.</div>
1003
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1002
  </div>
1005
1003
  </body>