@wcj/github-rank 22.7.2 → 22.7.3

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 +17963 -17962
  2. package/dist/sifou-daily.json +5 -77
  3. package/dist/sifou-monthly.json +72 -72
  4. package/dist/sifou-weekly.json +95 -95
  5. package/dist/toutiao-30.json +29 -29
  6. package/dist/toutiao-7.json +72 -72
  7. package/dist/toutiao-90.json +11 -11
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +148 -148
  10. package/dist/trending-weekly.json +154 -154
  11. package/dist/users.china.json +1050 -1051
  12. package/dist/users.json +1886 -1887
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +17963 -17962
  16. package/web/data/sifou-daily.json +5 -77
  17. package/web/data/sifou-monthly.json +72 -72
  18. package/web/data/sifou-weekly.json +95 -95
  19. package/web/data/toutiao-30.json +29 -29
  20. package/web/data/toutiao-7.json +72 -72
  21. package/web/data/toutiao-90.json +11 -11
  22. package/web/data/trending-daily.json +167 -167
  23. package/web/data/trending-monthly.json +148 -148
  24. package/web/data/trending-weekly.json +154 -154
  25. package/web/data/users.china.json +1050 -1051
  26. package/web/data/users.json +1886 -1887
  27. package/web/index.html +1035 -1035
  28. package/web/repos.html +2534 -2534
  29. package/web/sifou-daily.html +6 -230
  30. package/web/sifou-monthly.html +142 -142
  31. package/web/sifou-weekly.html +123 -123
  32. package/web/toutiao-30.html +33 -33
  33. package/web/toutiao-7.html +65 -65
  34. package/web/toutiao-90.html +13 -13
  35. package/web/trending-monthly.html +139 -139
  36. package/web/trending-weekly.html +133 -141
  37. package/web/trending.html +146 -146
  38. package/web/users.china.html +641 -641
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/2 by
119
+ <div class="time">Last cache created on 2022/7/3 by
120
120
 
121
121
 
122
122
 
@@ -147,34 +147,6 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041925065" target="_blank" title="为我们的 10 周年喝彩">为我们的 10 周年喝彩</a>
151
- </div>
152
- <div class="sub-title followers">
153
-
154
- <span title="Stargazers Count">
155
- <svg width="12" height="12" viewBox="0 0 16 16">
156
- <g fill="none" fill-rule="evenodd">
157
- <path d="M0 0h16v16H0z"/>
158
- <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"/>
159
- </g>
160
- </svg>
161
- <span>49</span>
162
- </span>
163
- &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
165
- <span>joyqi</span>
166
- </a>
167
- </div>
168
- <div class="details">
169
- 10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...
170
- </div>
171
- </div>
172
- </li>
173
-
174
- <li>
175
- <div class="info">
176
- <div class="rank">
177
- <span title="Ranking 2">2</span>
178
150
  <a href="https://segmentfault.com/a/1190000041947673" target="_blank" title="文字轮播与图片轮播？CSS 不在话下">文字轮播与图片轮播？CSS 不在话下</a>
179
151
  </div>
180
152
  <div class="sub-title followers">
@@ -202,35 +174,7 @@
202
174
  <li>
203
175
  <div class="info">
204
176
  <div class="rank">
205
- <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041925107" target="_blank" title="归零进一 | SegmentFault 思否社区 10 周年社区福利来了！">归零进一 | SegmentFault 思否社区 10 周年社区福利来了！</a>
207
- </div>
208
- <div class="sub-title followers">
209
-
210
- <span title="Stargazers Count">
211
- <svg width="12" height="12" viewBox="0 0 16 16">
212
- <g fill="none" fill-rule="evenodd">
213
- <path d="M0 0h16v16H0z"/>
214
- <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
- </g>
216
- </svg>
217
- <span>30</span>
218
- </span>
219
- &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
221
- <span>SegmentFault思否</span>
222
- </a>
223
- </div>
224
- <div class="details">
225
- 作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...
226
- </div>
227
- </div>
228
- </li>
229
-
230
- <li>
231
- <div class="info">
232
- <div class="rank">
233
- <span title="Ranking 4">4</span>
177
+ <span title="Ranking 2">2</span>
234
178
  <a href="https://segmentfault.com/a/1190000041974425" target="_blank" title="巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）">巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）</a>
235
179
  </div>
236
180
  <div class="sub-title followers">
@@ -258,7 +202,7 @@
258
202
  <li>
259
203
  <div class="info">
260
204
  <div class="rank">
261
- <span title="Ranking 5">5</span>
205
+ <span title="Ranking 3">3</span>
262
206
  <a href="https://segmentfault.com/a/1190000041940807" target="_blank" title="CSS 实现头像名称首字符自动占位">CSS 实现头像名称首字符自动占位</a>
263
207
  </div>
264
208
  <div class="sub-title followers">
@@ -286,8 +230,8 @@
286
230
  <li>
287
231
  <div class="info">
288
232
  <div class="rank">
289
- <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
233
+ <span title="Ranking 4">4</span>
234
+ <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
291
235
  </div>
292
236
  <div class="sub-title followers">
293
237
 
@@ -298,15 +242,15 @@
298
242
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
299
243
  </g>
300
244
  </svg>
301
- <span>19</span>
245
+ <span>27</span>
302
246
  </span>
303
247
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
305
- <span>杨成功</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
249
+ <span>XboxYan</span>
306
250
  </a>
307
251
  </div>
308
252
  <div class="details">
309
- 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
253
+ 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
310
254
  </div>
311
255
  </div>
312
256
  </li>
@@ -314,8 +258,8 @@
314
258
  <li>
315
259
  <div class="info">
316
260
  <div class="rank">
317
- <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
261
+ <span title="Ranking 5">5</span>
262
+ <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
319
263
  </div>
320
264
  <div class="sub-title followers">
321
265
 
@@ -326,15 +270,15 @@
326
270
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
327
271
  </g>
328
272
  </svg>
329
- <span>26</span>
273
+ <span>19</span>
330
274
  </span>
331
275
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
333
- <span>XboxYan</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
277
+ <span>杨成功</span>
334
278
  </a>
335
279
  </div>
336
280
  <div class="details">
337
- 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
281
+ 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
338
282
  </div>
339
283
  </div>
340
284
  </li>
@@ -342,7 +286,7 @@
342
286
  <li>
343
287
  <div class="info">
344
288
  <div class="rank">
345
- <span title="Ranking 8">8</span>
289
+ <span title="Ranking 6">6</span>
346
290
  <a href="https://segmentfault.com/a/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</a>
347
291
  </div>
348
292
  <div class="sub-title followers">
@@ -370,7 +314,7 @@
370
314
  <li>
371
315
  <div class="info">
372
316
  <div class="rank">
373
- <span title="Ranking 9">9</span>
317
+ <span title="Ranking 7">7</span>
374
318
  <a href="https://segmentfault.com/a/1190000042011578" target="_blank" title="如何移除你项目中99%的JS代码">如何移除你项目中99%的JS代码</a>
375
319
  </div>
376
320
  <div class="sub-title followers">
@@ -398,35 +342,7 @@
398
342
  <li>
399
343
  <div class="info">
400
344
  <div class="rank">
401
- <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
403
- </div>
404
- <div class="sub-title followers">
405
-
406
- <span title="Stargazers Count">
407
- <svg width="12" height="12" viewBox="0 0 16 16">
408
- <g fill="none" fill-rule="evenodd">
409
- <path d="M0 0h16v16H0z"/>
410
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
411
- </g>
412
- </svg>
413
- <span>16</span>
414
- </span>
415
- &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
417
- <span>思否编辑部</span>
418
- </a>
419
- </div>
420
- <div class="details">
421
- 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
422
- </div>
423
- </div>
424
- </li>
425
-
426
- <li>
427
- <div class="info">
428
- <div class="rank">
429
- <span title="Ranking 11">11</span>
345
+ <span title="Ranking 8">8</span>
430
346
  <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
431
347
  </div>
432
348
  <div class="sub-title followers">
@@ -454,7 +370,7 @@
454
370
  <li>
455
371
  <div class="info">
456
372
  <div class="rank">
457
- <span title="Ranking 12">12</span>
373
+ <span title="Ranking 9">9</span>
458
374
  <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
459
375
  </div>
460
376
  <div class="sub-title followers">
@@ -482,7 +398,7 @@
482
398
  <li>
483
399
  <div class="info">
484
400
  <div class="rank">
485
- <span title="Ranking 13">13</span>
401
+ <span title="Ranking 10">10</span>
486
402
  <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
487
403
  </div>
488
404
  <div class="sub-title followers">
@@ -510,7 +426,7 @@
510
426
  <li>
511
427
  <div class="info">
512
428
  <div class="rank">
513
- <span title="Ranking 14">14</span>
429
+ <span title="Ranking 11">11</span>
514
430
  <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
515
431
  </div>
516
432
  <div class="sub-title followers">
@@ -538,7 +454,7 @@
538
454
  <li>
539
455
  <div class="info">
540
456
  <div class="rank">
541
- <span title="Ranking 15">15</span>
457
+ <span title="Ranking 12">12</span>
542
458
  <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
543
459
  </div>
544
460
  <div class="sub-title followers">
@@ -566,7 +482,7 @@
566
482
  <li>
567
483
  <div class="info">
568
484
  <div class="rank">
569
- <span title="Ranking 16">16</span>
485
+ <span title="Ranking 13">13</span>
570
486
  <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
571
487
  </div>
572
488
  <div class="sub-title followers">
@@ -594,7 +510,7 @@
594
510
  <li>
595
511
  <div class="info">
596
512
  <div class="rank">
597
- <span title="Ranking 17">17</span>
513
+ <span title="Ranking 14">14</span>
598
514
  <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
599
515
  </div>
600
516
  <div class="sub-title followers">
@@ -622,7 +538,7 @@
622
538
  <li>
623
539
  <div class="info">
624
540
  <div class="rank">
625
- <span title="Ranking 18">18</span>
541
+ <span title="Ranking 15">15</span>
626
542
  <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
627
543
  </div>
628
544
  <div class="sub-title followers">
@@ -650,7 +566,7 @@
650
566
  <li>
651
567
  <div class="info">
652
568
  <div class="rank">
653
- <span title="Ranking 19">19</span>
569
+ <span title="Ranking 16">16</span>
654
570
  <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
655
571
  </div>
656
572
  <div class="sub-title followers">
@@ -678,7 +594,7 @@
678
594
  <li>
679
595
  <div class="info">
680
596
  <div class="rank">
681
- <span title="Ranking 20">20</span>
597
+ <span title="Ranking 17">17</span>
682
598
  <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
683
599
  </div>
684
600
  <div class="sub-title followers">
@@ -706,7 +622,7 @@
706
622
  <li>
707
623
  <div class="info">
708
624
  <div class="rank">
709
- <span title="Ranking 21">21</span>
625
+ <span title="Ranking 18">18</span>
710
626
  <a href="https://segmentfault.com/a/1190000041934586" target="_blank" title="全球顶级交易所前端二面">全球顶级交易所前端二面</a>
711
627
  </div>
712
628
  <div class="sub-title followers">
@@ -734,7 +650,7 @@
734
650
  <li>
735
651
  <div class="info">
736
652
  <div class="rank">
737
- <span title="Ranking 22">22</span>
653
+ <span title="Ranking 19">19</span>
738
654
  <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
739
655
  </div>
740
656
  <div class="sub-title followers">
@@ -762,7 +678,7 @@
762
678
  <li>
763
679
  <div class="info">
764
680
  <div class="rank">
765
- <span title="Ranking 23">23</span>
681
+ <span title="Ranking 20">20</span>
766
682
  <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
767
683
  </div>
768
684
  <div class="sub-title followers">
@@ -790,7 +706,7 @@
790
706
  <li>
791
707
  <div class="info">
792
708
  <div class="rank">
793
- <span title="Ranking 24">24</span>
709
+ <span title="Ranking 21">21</span>
794
710
  <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
795
711
  </div>
796
712
  <div class="sub-title followers">
@@ -818,7 +734,7 @@
818
734
  <li>
819
735
  <div class="info">
820
736
  <div class="rank">
821
- <span title="Ranking 25">25</span>
737
+ <span title="Ranking 22">22</span>
822
738
  <a href="https://segmentfault.com/a/1190000041953534" target="_blank" title="SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？">SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？</a>
823
739
  </div>
824
740
  <div class="sub-title followers">
@@ -846,8 +762,36 @@
846
762
  <li>
847
763
  <div class="info">
848
764
  <div class="rank">
849
- <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041926694" target="_blank" title="社区的力量 | SegmentFault 思否十周年，伙伴们说">社区的力量 | SegmentFault 思否十周年，伙伴们说</a>
765
+ <span title="Ranking 23">23</span>
766
+ <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
767
+ </div>
768
+ <div class="sub-title followers">
769
+
770
+ <span title="Stargazers Count">
771
+ <svg width="12" height="12" viewBox="0 0 16 16">
772
+ <g fill="none" fill-rule="evenodd">
773
+ <path d="M0 0h16v16H0z"/>
774
+ <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
+ </g>
776
+ </svg>
777
+ <span>6</span>
778
+ </span>
779
+ &nbsp;
780
+ <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
781
+ <span>jump__jump</span>
782
+ </a>
783
+ </div>
784
+ <div class="details">
785
+ 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
786
+ </div>
787
+ </div>
788
+ </li>
789
+
790
+ <li>
791
+ <div class="info">
792
+ <div class="rank">
793
+ <span title="Ranking 24">24</span>
794
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
851
795
  </div>
852
796
  <div class="sub-title followers">
853
797
 
@@ -861,12 +805,68 @@
861
805
  <span>5</span>
862
806
  </span>
863
807
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
865
- <span>SegmentFault思否</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
809
+ <span>葡萄城技术团队</span>
866
810
  </a>
867
811
  </div>
868
812
  <div class="details">
869
- 开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨
813
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
814
+ </div>
815
+ </div>
816
+ </li>
817
+
818
+ <li>
819
+ <div class="info">
820
+ <div class="rank">
821
+ <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
+ </div>
824
+ <div class="sub-title followers">
825
+
826
+ <span title="Stargazers Count">
827
+ <svg width="12" height="12" viewBox="0 0 16 16">
828
+ <g fill="none" fill-rule="evenodd">
829
+ <path d="M0 0h16v16H0z"/>
830
+ <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
+ </g>
832
+ </svg>
833
+ <span>5</span>
834
+ </span>
835
+ &nbsp;
836
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
837
+ <span>黄子毅</span>
838
+ </a>
839
+ </div>
840
+ <div class="details">
841
+ TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
842
+ </div>
843
+ </div>
844
+ </li>
845
+
846
+ <li>
847
+ <div class="info">
848
+ <div class="rank">
849
+ <span title="Ranking 26">26</span>
850
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
851
+ </div>
852
+ <div class="sub-title followers">
853
+
854
+ <span title="Stargazers Count">
855
+ <svg width="12" height="12" viewBox="0 0 16 16">
856
+ <g fill="none" fill-rule="evenodd">
857
+ <path d="M0 0h16v16H0z"/>
858
+ <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
+ </g>
860
+ </svg>
861
+ <span>4</span>
862
+ </span>
863
+ &nbsp;
864
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
865
+ <span>卡颂</span>
866
+ </a>
867
+ </div>
868
+ <div class="details">
869
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
878
+ <a href="https://segmentfault.com/a/1190000041980427" target="_blank" title="使用 content-visibility 优化渲染性能">使用 content-visibility 优化渲染性能</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
886
886
  <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
887
  </g>
888
888
  </svg>
889
- <span>6</span>
889
+ <span>11</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/jump_and_jump" title="Programming Language">
893
- <span>jump__jump</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
893
+ <span>chokcoco</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。
897
+ content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
906
+ <a href="https://segmentfault.com/a/1190000041995552" target="_blank" title="Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队">Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <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
915
  </g>
916
916
  </svg>
917
- <span>5</span>
917
+ <span>7</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
921
- <span>葡萄城技术团队</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
921
+ <span>思否编辑部</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
925
+ 2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
934
+ <a href="https://segmentfault.com/a/1190000041943445" target="_blank" title="2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势">2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
943
943
  </g>
944
944
  </svg>
945
- <span>5</span>
945
+ <span>8</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
949
- <span>黄子毅</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
949
+ <span>MissD</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
953
+ 此次报告，共有来自全球 125 个国家 / 地区、超 3700+ 名前端开发专业人士填写了调查，同时也融合了来自前端技术开发领域的 19 位专家的观点与分享，并对前端 2020 年和 2022 年的数据并排呈现作对比后最终得出了...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041926643" target="_blank" title="十年老友记 | @边城：恰当的编程是会产生幸福感的">十年老友记 | @边城：恰当的编程是会产生幸福感的</a>
962
+ <a href="https://segmentfault.com/a/1190000041991074" target="_blank" title="React新文档：不要滥用Ref哦～">React新文档：不要滥用Ref哦～</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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
971
  </g>
972
972
  </svg>
973
- <span>8</span>
973
+ <span>9</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
977
- <span>思否编辑部</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
977
+ <span>卡颂</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
981
+ React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/7/2 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/7/3 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>