@wcj/github-rank 22.7.3 → 22.7.6

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 +35825 -35837
  2. package/dist/sifou-daily.json +96 -6
  3. package/dist/sifou-monthly.json +109 -109
  4. package/dist/sifou-weekly.json +153 -144
  5. package/dist/toutiao-30.json +84 -84
  6. package/dist/toutiao-7.json +131 -131
  7. package/dist/toutiao-90.json +60 -60
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +2558 -2558
  12. package/dist/users.json +3646 -3646
  13. package/package.json +1 -1
  14. package/web/36kr.html +7 -7
  15. package/web/data/repos.json +35825 -35837
  16. package/web/data/sifou-daily.json +96 -6
  17. package/web/data/sifou-monthly.json +109 -109
  18. package/web/data/sifou-weekly.json +153 -144
  19. package/web/data/toutiao-30.json +84 -84
  20. package/web/data/toutiao-7.json +131 -131
  21. package/web/data/toutiao-90.json +60 -60
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +155 -155
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +2558 -2558
  26. package/web/data/users.json +3646 -3646
  27. package/web/index.html +2238 -2234
  28. package/web/repos.html +4329 -4319
  29. package/web/sifou-daily.html +295 -14
  30. package/web/sifou-monthly.html +137 -136
  31. package/web/sifou-weekly.html +161 -132
  32. package/web/toutiao-30.html +107 -104
  33. package/web/toutiao-7.html +100 -97
  34. package/web/toutiao-90.html +94 -91
  35. package/web/trending-monthly.html +156 -151
  36. package/web/trending-weekly.html +172 -159
  37. package/web/trending.html +171 -166
  38. package/web/users.china.html +1855 -1851
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>
@@ -116,7 +117,7 @@
116
117
 
117
118
 
118
119
  </h1>
119
- <div class="time">Last cache created on 2022/7/3 by
120
+ <div class="time">Last cache created on 2022/7/6 by
120
121
 
121
122
 
122
123
 
@@ -214,7 +215,7 @@
214
215
  <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
216
  </g>
216
217
  </svg>
217
- <span>25</span>
218
+ <span>26</span>
218
219
  </span>
219
220
  &nbsp;
220
221
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -231,7 +232,7 @@
231
232
  <div class="info">
232
233
  <div class="rank">
233
234
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
235
+ <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
235
236
  </div>
236
237
  <div class="sub-title followers">
237
238
 
@@ -242,15 +243,15 @@
242
243
  <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
244
  </g>
244
245
  </svg>
245
- <span>27</span>
246
+ <span>20</span>
246
247
  </span>
247
248
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
249
- <span>XboxYan</span>
249
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
250
+ <span>杨成功</span>
250
251
  </a>
251
252
  </div>
252
253
  <div class="details">
253
- 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
254
+ 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
254
255
  </div>
255
256
  </div>
256
257
  </li>
@@ -259,7 +260,7 @@
259
260
  <div class="info">
260
261
  <div class="rank">
261
262
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
263
+ <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
263
264
  </div>
264
265
  <div class="sub-title followers">
265
266
 
@@ -270,15 +271,15 @@
270
271
  <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
272
  </g>
272
273
  </svg>
273
- <span>19</span>
274
+ <span>27</span>
274
275
  </span>
275
276
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
277
- <span>杨成功</span>
277
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
278
+ <span>XboxYan</span>
278
279
  </a>
279
280
  </div>
280
281
  <div class="details">
281
- 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
282
+ 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
282
283
  </div>
283
284
  </div>
284
285
  </li>
@@ -298,7 +299,7 @@
298
299
  <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
300
  </g>
300
301
  </svg>
301
- <span>21</span>
302
+ <span>22</span>
302
303
  </span>
303
304
  &nbsp;
304
305
  <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
@@ -326,7 +327,7 @@
326
327
  <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
328
  </g>
328
329
  </svg>
329
- <span>16</span>
330
+ <span>17</span>
330
331
  </span>
331
332
  &nbsp;
332
333
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -343,7 +344,7 @@
343
344
  <div class="info">
344
345
  <div class="rank">
345
346
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
347
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
347
348
  </div>
348
349
  <div class="sub-title followers">
349
350
 
@@ -354,15 +355,15 @@
354
355
  <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
356
  </g>
356
357
  </svg>
357
- <span>12</span>
358
+ <span>11</span>
358
359
  </span>
359
360
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
361
- <span>XboxYan</span>
361
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
362
+ <span>十方</span>
362
363
  </a>
363
364
  </div>
364
365
  <div class="details">
365
- 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
366
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
366
367
  </div>
367
368
  </div>
368
369
  </li>
@@ -371,7 +372,7 @@
371
372
  <div class="info">
372
373
  <div class="rank">
373
374
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
375
+ <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
375
376
  </div>
376
377
  <div class="sub-title followers">
377
378
 
@@ -382,15 +383,15 @@
382
383
  <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
384
  </g>
384
385
  </svg>
385
- <span>11</span>
386
+ <span>12</span>
386
387
  </span>
387
388
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
389
- <span>极客飞兔</span>
389
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
390
+ <span>XboxYan</span>
390
391
  </a>
391
392
  </div>
392
393
  <div class="details">
393
- 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
394
+ 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
394
395
  </div>
395
396
  </div>
396
397
  </li>
@@ -399,7 +400,7 @@
399
400
  <div class="info">
400
401
  <div class="rank">
401
402
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
403
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
403
404
  </div>
404
405
  <div class="sub-title followers">
405
406
 
@@ -413,12 +414,12 @@
413
414
  <span>12</span>
414
415
  </span>
415
416
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
417
- <span>why技术</span>
417
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
418
+ <span>边城</span>
418
419
  </a>
419
420
  </div>
420
421
  <div class="details">
421
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
422
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
422
423
  </div>
423
424
  </div>
424
425
  </li>
@@ -427,7 +428,7 @@
427
428
  <div class="info">
428
429
  <div class="rank">
429
430
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
431
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
431
432
  </div>
432
433
  <div class="sub-title followers">
433
434
 
@@ -438,15 +439,15 @@
438
439
  <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"/>
439
440
  </g>
440
441
  </svg>
441
- <span>10</span>
442
+ <span>11</span>
442
443
  </span>
443
444
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
445
- <span>十方</span>
445
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
446
+ <span>极客飞兔</span>
446
447
  </a>
447
448
  </div>
448
449
  <div class="details">
449
- 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
450
+ 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
450
451
  </div>
451
452
  </div>
452
453
  </li>
@@ -455,7 +456,7 @@
455
456
  <div class="info">
456
457
  <div class="rank">
457
458
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
459
+ <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
459
460
  </div>
460
461
  <div class="sub-title followers">
461
462
 
@@ -466,15 +467,15 @@
466
467
  <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
468
  </g>
468
469
  </svg>
469
- <span>7</span>
470
+ <span>12</span>
470
471
  </span>
471
472
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
473
- <span>葡萄城技术团队</span>
473
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
474
+ <span>why技术</span>
474
475
  </a>
475
476
  </div>
476
477
  <div class="details">
477
- Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
478
+ 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
478
479
  </div>
479
480
  </div>
480
481
  </li>
@@ -483,7 +484,7 @@
483
484
  <div class="info">
484
485
  <div class="rank">
485
486
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
487
+ <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
487
488
  </div>
488
489
  <div class="sub-title followers">
489
490
 
@@ -494,15 +495,15 @@
494
495
  <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
496
  </g>
496
497
  </svg>
497
- <span>9</span>
498
+ <span>15</span>
498
499
  </span>
499
500
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
501
- <span>7small7</span>
501
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
502
+ <span>XboxYan</span>
502
503
  </a>
503
504
  </div>
504
505
  <div class="details">
505
- Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
506
+ 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
506
507
  </div>
507
508
  </div>
508
509
  </li>
@@ -511,7 +512,7 @@
511
512
  <div class="info">
512
513
  <div class="rank">
513
514
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
515
+ <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
515
516
  </div>
516
517
  <div class="sub-title followers">
517
518
 
@@ -522,15 +523,15 @@
522
523
  <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
524
  </g>
524
525
  </svg>
525
- <span>11</span>
526
+ <span>10</span>
526
527
  </span>
527
528
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
529
- <span>思否编辑部</span>
529
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
530
+ <span>7small7</span>
530
531
  </a>
531
532
  </div>
532
533
  <div class="details">
533
- 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
534
+ Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
534
535
  </div>
535
536
  </div>
536
537
  </li>
@@ -539,7 +540,7 @@
539
540
  <div class="info">
540
541
  <div class="rank">
541
542
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
543
+ <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
543
544
  </div>
544
545
  <div class="sub-title followers">
545
546
 
@@ -550,15 +551,15 @@
550
551
  <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
552
  </g>
552
553
  </svg>
553
- <span>14</span>
554
+ <span>7</span>
554
555
  </span>
555
556
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
557
- <span>XboxYan</span>
557
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
558
+ <span>葡萄城技术团队</span>
558
559
  </a>
559
560
  </div>
560
561
  <div class="details">
561
- 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
562
+ Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
562
563
  </div>
563
564
  </div>
564
565
  </li>
@@ -567,7 +568,7 @@
567
568
  <div class="info">
568
569
  <div class="rank">
569
570
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
571
+ <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
571
572
  </div>
572
573
  <div class="sub-title followers">
573
574
 
@@ -581,12 +582,12 @@
581
582
  <span>11</span>
582
583
  </span>
583
584
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
585
- <span>chokcoco</span>
585
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
586
+ <span>思否编辑部</span>
586
587
  </a>
587
588
  </div>
588
589
  <div class="details">
589
- 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
590
+ 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
590
591
  </div>
591
592
  </div>
592
593
  </li>
@@ -595,7 +596,7 @@
595
596
  <div class="info">
596
597
  <div class="rank">
597
598
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
599
+ <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
599
600
  </div>
600
601
  <div class="sub-title followers">
601
602
 
@@ -606,15 +607,15 @@
606
607
  <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
608
  </g>
608
609
  </svg>
609
- <span>11</span>
610
+ <span>12</span>
610
611
  </span>
611
612
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
613
- <span>前端小智</span>
613
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
614
+ <span>chokcoco</span>
614
615
  </a>
615
616
  </div>
616
617
  <div class="details">
617
- 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
618
+ 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
618
619
  </div>
619
620
  </div>
620
621
  </li>
@@ -623,7 +624,7 @@
623
624
  <div class="info">
624
625
  <div class="rank">
625
626
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041934586" target="_blank" title="全球顶级交易所前端二面">全球顶级交易所前端二面</a>
627
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
627
628
  </div>
628
629
  <div class="sub-title followers">
629
630
 
@@ -634,15 +635,15 @@
634
635
  <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
636
  </g>
636
637
  </svg>
637
- <span>9</span>
638
+ <span>14</span>
638
639
  </span>
639
640
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
641
- <span>Peter谭老师</span>
641
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
642
+ <span>XboxYan</span>
642
643
  </a>
643
644
  </div>
644
645
  <div class="details">
645
- 背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...
646
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
646
647
  </div>
647
648
  </div>
648
649
  </li>
@@ -651,7 +652,7 @@
651
652
  <div class="info">
652
653
  <div class="rank">
653
654
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
655
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
655
656
  </div>
656
657
  <div class="sub-title followers">
657
658
 
@@ -662,15 +663,15 @@
662
663
  <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
664
  </g>
664
665
  </svg>
665
- <span>7</span>
666
+ <span>10</span>
666
667
  </span>
667
668
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
669
- <span>SegmentFault思否</span>
669
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
670
+ <span>null仔</span>
670
671
  </a>
671
672
  </div>
672
673
  <div class="details">
673
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
674
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
674
675
  </div>
675
676
  </div>
676
677
  </li>
@@ -679,7 +680,7 @@
679
680
  <div class="info">
680
681
  <div class="rank">
681
682
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
683
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
683
684
  </div>
684
685
  <div class="sub-title followers">
685
686
 
@@ -690,15 +691,15 @@
690
691
  <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
692
  </g>
692
693
  </svg>
693
- <span>9</span>
694
+ <span>11</span>
694
695
  </span>
695
696
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
697
- <span>六一</span>
697
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
698
+ <span>前端小智</span>
698
699
  </a>
699
700
  </div>
700
701
  <div class="details">
701
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
702
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
702
703
  </div>
703
704
  </div>
704
705
  </li>
@@ -707,7 +708,7 @@
707
708
  <div class="info">
708
709
  <div class="rank">
709
710
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
711
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
711
712
  </div>
712
713
  <div class="sub-title followers">
713
714
 
@@ -718,15 +719,15 @@
718
719
  <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
720
  </g>
720
721
  </svg>
721
- <span>10</span>
722
+ <span>7</span>
722
723
  </span>
723
724
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
725
- <span>沉静地闪光</span>
725
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
726
+ <span>SegmentFault思否</span>
726
727
  </a>
727
728
  </div>
728
729
  <div class="details">
729
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
730
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
730
731
  </div>
731
732
  </div>
732
733
  </li>
@@ -735,7 +736,7 @@
735
736
  <div class="info">
736
737
  <div class="rank">
737
738
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
739
+ <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
739
740
  </div>
740
741
  <div class="sub-title followers">
741
742
 
@@ -746,15 +747,15 @@
746
747
  <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"/>
747
748
  </g>
748
749
  </svg>
749
- <span>6</span>
750
+ <span>11</span>
750
751
  </span>
751
752
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
753
- <span>Beverly</span>
753
+ <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
754
+ <span>沉静地闪光</span>
754
755
  </a>
755
756
  </div>
756
757
  <div class="details">
757
- 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
758
+ 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
758
759
  </div>
759
760
  </div>
760
761
  </li>
@@ -763,7 +764,7 @@
763
764
  <div class="info">
764
765
  <div class="rank">
765
766
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
767
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
767
768
  </div>
768
769
  <div class="sub-title followers">
769
770
 
@@ -774,15 +775,15 @@
774
775
  <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
776
  </g>
776
777
  </svg>
777
- <span>6</span>
778
+ <span>7</span>
778
779
  </span>
779
780
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
781
- <span>jump__jump</span>
781
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
782
+ <span>Beverly</span>
782
783
  </a>
783
784
  </div>
784
785
  <div class="details">
785
- 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
786
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
786
787
  </div>
787
788
  </div>
788
789
  </li>
@@ -791,7 +792,7 @@
791
792
  <div class="info">
792
793
  <div class="rank">
793
794
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
795
+ <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
795
796
  </div>
796
797
  <div class="sub-title followers">
797
798
 
@@ -802,15 +803,15 @@
802
803
  <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
804
  </g>
804
805
  </svg>
805
- <span>5</span>
806
+ <span>9</span>
806
807
  </span>
807
808
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
809
- <span>葡萄城技术团队</span>
809
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
810
+ <span>六一</span>
810
811
  </a>
811
812
  </div>
812
813
  <div class="details">
813
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
814
+ 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
814
815
  </div>
815
816
  </div>
816
817
  </li>
@@ -819,7 +820,7 @@
819
820
  <div class="info">
820
821
  <div class="rank">
821
822
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
823
+ <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
823
824
  </div>
824
825
  <div class="sub-title followers">
825
826
 
@@ -830,15 +831,15 @@
830
831
  <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
832
  </g>
832
833
  </svg>
833
- <span>5</span>
834
+ <span>6</span>
834
835
  </span>
835
836
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
837
- <span>黄子毅</span>
837
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
838
+ <span>Beverly</span>
838
839
  </a>
839
840
  </div>
840
841
  <div class="details">
841
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
842
+ 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
842
843
  </div>
843
844
  </div>
844
845
  </li>
@@ -847,7 +848,7 @@
847
848
  <div class="info">
848
849
  <div class="rank">
849
850
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
851
+ <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
851
852
  </div>
852
853
  <div class="sub-title followers">
853
854
 
@@ -858,15 +859,15 @@
858
859
  <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
860
  </g>
860
861
  </svg>
861
- <span>4</span>
862
+ <span>6</span>
862
863
  </span>
863
864
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
865
- <span>卡颂</span>
865
+ <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
866
+ <span>jump__jump</span>
866
867
  </a>
867
868
  </div>
868
869
  <div class="details">
869
- 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
870
+ 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
870
871
  </div>
871
872
  </div>
872
873
  </li>
@@ -875,7 +876,7 @@
875
876
  <div class="info">
876
877
  <div class="rank">
877
878
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041980427" target="_blank" title="使用 content-visibility 优化渲染性能">使用 content-visibility 优化渲染性能</a>
879
+ <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
879
880
  </div>
880
881
  <div class="sub-title followers">
881
882
 
@@ -886,15 +887,15 @@
886
887
  <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
888
  </g>
888
889
  </svg>
889
- <span>11</span>
890
+ <span>5</span>
890
891
  </span>
891
892
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
893
- <span>chokcoco</span>
893
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
894
+ <span>黄子毅</span>
894
895
  </a>
895
896
  </div>
896
897
  <div class="details">
897
- content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。
898
+ TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
898
899
  </div>
899
900
  </div>
900
901
  </li>
@@ -903,7 +904,7 @@
903
904
  <div class="info">
904
905
  <div class="rank">
905
906
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041995552" target="_blank" title="Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队">Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队</a>
907
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
907
908
  </div>
908
909
  <div class="sub-title followers">
909
910
 
@@ -914,15 +915,15 @@
914
915
  <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
916
  </g>
916
917
  </svg>
917
- <span>7</span>
918
+ <span>5</span>
918
919
  </span>
919
920
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
921
- <span>思否编辑部</span>
921
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
922
+ <span>葡萄城技术团队</span>
922
923
  </a>
923
924
  </div>
924
925
  <div class="details">
925
- 2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。
926
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
926
927
  </div>
927
928
  </div>
928
929
  </li>
@@ -931,7 +932,7 @@
931
932
  <div class="info">
932
933
  <div class="rank">
933
934
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041943445" target="_blank" title="2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势">2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势</a>
935
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
935
936
  </div>
936
937
  <div class="sub-title followers">
937
938
 
@@ -942,15 +943,15 @@
942
943
  <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
944
  </g>
944
945
  </svg>
945
- <span>8</span>
946
+ <span>4</span>
946
947
  </span>
947
948
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
949
- <span>MissD</span>
949
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
950
+ <span>卡颂</span>
950
951
  </a>
951
952
  </div>
952
953
  <div class="details">
953
- 此次报告，共有来自全球 125 个国家 / 地区、超 3700+ 名前端开发专业人士填写了调查，同时也融合了来自前端技术开发领域的 19 位专家的观点与分享，并对前端 2020 年和 2022 年的数据并排呈现作对比后最终得出了...
954
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
954
955
  </div>
955
956
  </div>
956
957
  </li>
@@ -959,7 +960,7 @@
959
960
  <div class="info">
960
961
  <div class="rank">
961
962
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041991074" target="_blank" title="React新文档：不要滥用Ref哦～">React新文档：不要滥用Ref哦～</a>
963
+ <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
963
964
  </div>
964
965
  <div class="sub-title followers">
965
966
 
@@ -970,15 +971,15 @@
970
971
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
971
972
  </g>
972
973
  </svg>
973
- <span>9</span>
974
+ <span>7</span>
974
975
  </span>
975
976
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
977
- <span>卡颂</span>
977
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
978
+ <span>云叔_又拍云</span>
978
979
  </a>
979
980
  </div>
980
981
  <div class="details">
981
- React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。
982
+ 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
982
983
  </div>
983
984
  </div>
984
985
  </li>
@@ -999,7 +1000,7 @@
999
1000
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1001
  </a>
1001
1002
  </div>
1002
- <div class="time">Last cache created on 2022/7/3 by Github API v3.</div>
1003
+ <div class="time">Last cache created on 2022/7/6 by Github API v3.</div>
1003
1004
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1005
  </div>
1005
1006
  </body>