@wcj/github-rank 22.7.7 → 22.7.8

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 (37) hide show
  1. package/dist/repos.json +21608 -21611
  2. package/dist/sifou-daily.json +33 -6
  3. package/dist/sifou-monthly.json +75 -75
  4. package/dist/sifou-weekly.json +121 -121
  5. package/dist/toutiao-30.json +42 -42
  6. package/dist/toutiao-7.json +68 -68
  7. package/dist/toutiao-90.json +10 -10
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +145 -145
  10. package/dist/trending-weekly.json +153 -153
  11. package/dist/users.china.json +1376 -1376
  12. package/dist/users.json +2092 -2093
  13. package/package.json +2 -2
  14. package/web/data/repos.json +21608 -21611
  15. package/web/data/sifou-daily.json +33 -6
  16. package/web/data/sifou-monthly.json +75 -75
  17. package/web/data/sifou-weekly.json +121 -121
  18. package/web/data/toutiao-30.json +42 -42
  19. package/web/data/toutiao-7.json +68 -68
  20. package/web/data/toutiao-90.json +10 -10
  21. package/web/data/trending-daily.json +171 -171
  22. package/web/data/trending-monthly.json +145 -145
  23. package/web/data/trending-weekly.json +153 -153
  24. package/web/data/users.china.json +1376 -1376
  25. package/web/data/users.json +2092 -2093
  26. package/web/index.html +1148 -1148
  27. package/web/repos.html +3042 -3042
  28. package/web/sifou-daily.html +90 -6
  29. package/web/sifou-monthly.html +125 -125
  30. package/web/sifou-weekly.html +140 -140
  31. package/web/toutiao-30.html +55 -55
  32. package/web/toutiao-7.html +55 -55
  33. package/web/toutiao-90.html +9 -9
  34. package/web/trending-monthly.html +133 -125
  35. package/web/trending-weekly.html +136 -140
  36. package/web/trending.html +148 -148
  37. package/web/users.china.html +694 -694
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/7/7 by
119
+ <div class="time">Last cache created on 2022/7/8 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <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"/>
157
157
  </g>
158
158
  </svg>
159
- <span>43</span>
159
+ <span>44</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -184,7 +184,7 @@
184
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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>30</span>
187
+ <span>31</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000041940807" target="_blank" title="CSS 实现头像名称首字符自动占位">CSS 实现头像名称首字符自动占位</a>
204
+ <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,7 +212,7 @@
212
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"/>
213
213
  </g>
214
214
  </svg>
215
- <span>26</span>
215
+ <span>30</span>
216
216
  </span>
217
217
  &nbsp;
218
218
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -220,7 +220,7 @@
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：
223
+ 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
260
+ <a href="https://segmentfault.com/a/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <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"/>
269
269
  </g>
270
270
  </svg>
271
- <span>27</span>
271
+ <span>22</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
275
- <span>XboxYan</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
275
+ <span>码哥字节</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
279
+ Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</a>
288
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <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"/>
297
297
  </g>
298
298
  </svg>
299
- <span>22</span>
299
+ <span>18</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
303
- <span>码哥字节</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
303
+ <span>XboxYan</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
307
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
372
+ <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
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"/>
381
381
  </g>
382
382
  </svg>
383
- <span>14</span>
383
+ <span>13</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
387
- <span>边城</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
387
+ <span>XboxYan</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
391
+ 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
400
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
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"/>
409
409
  </g>
410
410
  </svg>
411
- <span>11</span>
411
+ <span>14</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
415
- <span>十方</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
415
+ <span>边城</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
419
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
428
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>12</span>
439
+ <span>11</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
- <span>XboxYan</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
443
+ <span>十方</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
447
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
456
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
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"/>
465
465
  </g>
466
466
  </svg>
467
- <span>16</span>
467
+ <span>11</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
471
- <span>XboxYan</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
471
+ <span>极客飞兔</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
475
+ 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
484
+ <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
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"/>
493
493
  </g>
494
494
  </svg>
495
- <span>11</span>
495
+ <span>15</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
499
- <span>极客飞兔</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
499
+ <span>XboxYan</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
503
+ 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
512
+ <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
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"/>
521
521
  </g>
522
522
  </svg>
523
- <span>12</span>
523
+ <span>10</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
527
- <span>why技术</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
527
+ <span>7small7</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
531
+ Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
540
+ <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>15</span>
551
+ <span>7</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
555
- <span>XboxYan</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
555
+ <span>葡萄城技术团队</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
559
+ Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
568
+ <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>10</span>
579
+ <span>11</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
583
- <span>7small7</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
583
+ <span>思否编辑部</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
587
+ 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
596
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
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"/>
605
605
  </g>
606
606
  </svg>
607
- <span>7</span>
607
+ <span>10</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
611
- <span>葡萄城技术团队</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
611
+ <span>null仔</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
615
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
624
+ <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
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"/>
633
633
  </g>
634
634
  </svg>
635
- <span>11</span>
635
+ <span>12</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
639
- <span>思否编辑部</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
639
+ <span>chokcoco</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
643
+ 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
652
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
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"/>
661
661
  </g>
662
662
  </svg>
663
- <span>10</span>
663
+ <span>8</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
667
- <span>null仔</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
667
+ <span>Beverly</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
671
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
680
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
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"/>
689
689
  </g>
690
690
  </svg>
691
- <span>12</span>
691
+ <span>11</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
- <span>chokcoco</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
695
+ <span>前端小智</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
699
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
708
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
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"/>
717
717
  </g>
718
718
  </svg>
719
- <span>11</span>
719
+ <span>7</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
723
- <span>前端小智</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
723
+ <span>SegmentFault思否</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
727
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
736
+ <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>7</span>
747
+ <span>9</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
751
- <span>SegmentFault思否</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
751
+ <span>六一</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
755
+ 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
764
+ <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,7 +772,7 @@
772
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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>7</span>
775
+ <span>6</span>
776
776
  </span>
777
777
  &nbsp;
778
778
  <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
@@ -780,7 +780,7 @@
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
783
+ 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
792
+ <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -800,15 +800,15 @@
800
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"/>
801
801
  </g>
802
802
  </svg>
803
- <span>9</span>
803
+ <span>6</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
807
- <span>六一</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
807
+ <span>jump__jump</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
811
+ 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
820
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
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"/>
829
829
  </g>
830
830
  </svg>
831
- <span>6</span>
831
+ <span>5</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
835
- <span>Beverly</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
835
+ <span>葡萄城技术团队</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...
839
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
848
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>6</span>
859
+ <span>4</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
863
- <span>jump__jump</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
863
+ <span>卡颂</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
867
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
876
+ <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>5</span>
887
+ <span>7</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
891
- <span>黄子毅</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
891
+ <span>云叔_又拍云</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
895
+ 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
904
+ <a href="https://segmentfault.com/a/1190000041980427" target="_blank" title="使用 content-visibility 优化渲染性能">使用 content-visibility 优化渲染性能</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
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"/>
913
913
  </g>
914
914
  </svg>
915
- <span>5</span>
915
+ <span>11</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
919
- <span>葡萄城技术团队</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
919
+ <span>chokcoco</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
923
+ content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
932
+ <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
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"/>
941
941
  </g>
942
942
  </svg>
943
- <span>4</span>
943
+ <span>5</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
947
- <span>卡颂</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
947
+ <span>crossoverJie</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
951
+ 以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
960
+ <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <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"/>
969
969
  </g>
970
970
  </svg>
971
- <span>7</span>
971
+ <span>6</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
975
- <span>云叔_又拍云</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
975
+ <span>边城</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
979
+ 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/7/7 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/8 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>