@wcj/github-rank 22.7.5 → 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 (41) hide show
  1. package/README.md +2 -3
  2. package/dist/36kr.json +5006 -1552
  3. package/dist/repos.json +34955 -34958
  4. package/dist/sifou-daily.json +23 -122
  5. package/dist/sifou-monthly.json +82 -82
  6. package/dist/sifou-weekly.json +154 -154
  7. package/dist/toutiao-30.json +68 -68
  8. package/dist/toutiao-7.json +131 -131
  9. package/dist/toutiao-90.json +44 -44
  10. package/dist/trending-daily.json +169 -169
  11. package/dist/trending-monthly.json +159 -159
  12. package/dist/trending-weekly.json +173 -173
  13. package/dist/users.china.json +3130 -3130
  14. package/dist/users.json +3804 -3806
  15. package/package.json +19 -18
  16. package/web/data/36kr.json +5006 -1552
  17. package/web/data/repos.json +34955 -34958
  18. package/web/data/sifou-daily.json +23 -122
  19. package/web/data/sifou-monthly.json +82 -82
  20. package/web/data/sifou-weekly.json +154 -154
  21. package/web/data/toutiao-30.json +68 -68
  22. package/web/data/toutiao-7.json +131 -131
  23. package/web/data/toutiao-90.json +44 -44
  24. package/web/data/trending-daily.json +169 -169
  25. package/web/data/trending-monthly.json +159 -159
  26. package/web/data/trending-weekly.json +173 -173
  27. package/web/data/users.china.json +3130 -3130
  28. package/web/data/users.json +3804 -3806
  29. package/web/index.html +2309 -2308
  30. package/web/repos.html +4256 -4253
  31. package/web/sifou-daily.html +30 -340
  32. package/web/sifou-monthly.html +116 -118
  33. package/web/sifou-weekly.html +138 -140
  34. package/web/toutiao-30.html +79 -79
  35. package/web/toutiao-7.html +101 -101
  36. package/web/toutiao-90.html +78 -78
  37. package/web/trending-monthly.html +160 -158
  38. package/web/trending-weekly.html +169 -171
  39. package/web/trending.html +169 -163
  40. package/web/users.china.html +2016 -2015
  41. package/web/36kr.html +0 -828
package/web/sifou-monthly.html CHANGED
@@ -75,14 +75,6 @@
75
75
  .list li > div.info a:hover i { color: #333; }
76
76
  .list li div.sub-title { color: var(--color-theme-text); margin: 4px 0 0 0; }
77
77
  .list li div.avatar { padding-right: 10px; }
78
-
79
-
80
- .list .select { }
81
- .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
82
-
83
-
84
-
85
-
86
78
  @keyframes octocat-wave {
87
79
  0%,100%{-webkit-transform:rotate(0); transform:rotate(0);}
88
80
  20%,60%{-webkit-transform:rotate(-25deg); transform:rotate(-25deg);}
@@ -92,6 +84,15 @@
92
84
  .title { padding-top: 16px; font-size: 21px; }
93
85
  }
94
86
  </style>
87
+
88
+
89
+ <style>
90
+ .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
91
+ </style>
92
+
93
+
94
+
95
+
95
96
  <script src="https://unpkg.com/@wcj/dark-mode"></script>
96
97
  </head>
97
98
  <body>
@@ -114,16 +115,14 @@
114
115
  </a>
115
116
 
116
117
 
117
-
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/7/5 by
119
+ <div class="time">Last cache created on 2022/7/8 by
120
120
 
121
121
 
122
122
 
123
123
 
124
124
  <a href="https://segmentfault.com/hottest">SegmentFault</a>
125
125
 
126
-
127
126
  .
128
127
  </div>
129
128
  <div class="tabs">
@@ -132,7 +131,6 @@
132
131
  <a class="" href="trending.html">Trending</a>
133
132
  <a class="active" href="sifou-daily.html">Sifou</a>
134
133
  <a class="" href="toutiao-7.html">开发头条</a>
135
- <a class="" href="36kr.html">36Kr</a>
136
134
  </div>
137
135
  <ul class="list">
138
136
  <li class="rank-title">
@@ -158,7 +156,7 @@
158
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"/>
159
157
  </g>
160
158
  </svg>
161
- <span>43</span>
159
+ <span>44</span>
162
160
  </span>
163
161
  &nbsp;
164
162
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -186,7 +184,7 @@
186
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
187
185
  </g>
188
186
  </svg>
189
- <span>29</span>
187
+ <span>31</span>
190
188
  </span>
191
189
  &nbsp;
192
190
  <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
@@ -203,7 +201,7 @@
203
201
  <div class="info">
204
202
  <div class="rank">
205
203
  <span title="Ranking 3">3</span>
206
- <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>
207
205
  </div>
208
206
  <div class="sub-title followers">
209
207
 
@@ -214,7 +212,7 @@
214
212
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
215
213
  </g>
216
214
  </svg>
217
- <span>25</span>
215
+ <span>30</span>
218
216
  </span>
219
217
  &nbsp;
220
218
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -222,7 +220,7 @@
222
220
  </a>
223
221
  </div>
224
222
  <div class="details">
225
- 在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：
223
+ 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
226
224
  </div>
227
225
  </div>
228
226
  </li>
@@ -259,7 +257,7 @@
259
257
  <div class="info">
260
258
  <div class="rank">
261
259
  <span title="Ranking 5">5</span>
262
- <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>
263
261
  </div>
264
262
  <div class="sub-title followers">
265
263
 
@@ -270,15 +268,15 @@
270
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"/>
271
269
  </g>
272
270
  </svg>
273
- <span>27</span>
271
+ <span>22</span>
274
272
  </span>
275
273
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
277
- <span>XboxYan</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
275
+ <span>码哥字节</span>
278
276
  </a>
279
277
  </div>
280
278
  <div class="details">
281
- 很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode
279
+ Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
282
280
  </div>
283
281
  </div>
284
282
  </li>
@@ -287,7 +285,7 @@
287
285
  <div class="info">
288
286
  <div class="rank">
289
287
  <span title="Ranking 6">6</span>
290
- <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>
291
289
  </div>
292
290
  <div class="sub-title followers">
293
291
 
@@ -298,15 +296,15 @@
298
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"/>
299
297
  </g>
300
298
  </svg>
301
- <span>22</span>
299
+ <span>18</span>
302
300
  </span>
303
301
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
305
- <span>码哥字节</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
303
+ <span>XboxYan</span>
306
304
  </a>
307
305
  </div>
308
306
  <div class="details">
309
- Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -&gt; 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...
307
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
310
308
  </div>
311
309
  </div>
312
310
  </li>
@@ -343,7 +341,7 @@
343
341
  <div class="info">
344
342
  <div class="rank">
345
343
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
344
+ <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
347
345
  </div>
348
346
  <div class="sub-title followers">
349
347
 
@@ -354,15 +352,15 @@
354
352
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
355
353
  </g>
356
354
  </svg>
357
- <span>11</span>
355
+ <span>17</span>
358
356
  </span>
359
357
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
361
- <span>十方</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
359
+ <span>chokcoco</span>
362
360
  </a>
363
361
  </div>
364
362
  <div class="details">
365
- 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
363
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
366
364
  </div>
367
365
  </div>
368
366
  </li>
@@ -382,7 +380,7 @@
382
380
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
383
381
  </g>
384
382
  </svg>
385
- <span>12</span>
383
+ <span>13</span>
386
384
  </span>
387
385
  &nbsp;
388
386
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -399,7 +397,7 @@
399
397
  <div class="info">
400
398
  <div class="rank">
401
399
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
400
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
403
401
  </div>
404
402
  <div class="sub-title followers">
405
403
 
@@ -410,15 +408,15 @@
410
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"/>
411
409
  </g>
412
410
  </svg>
413
- <span>11</span>
411
+ <span>14</span>
414
412
  </span>
415
413
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
417
- <span>极客飞兔</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
415
+ <span>边城</span>
418
416
  </a>
419
417
  </div>
420
418
  <div class="details">
421
- 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
419
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
422
420
  </div>
423
421
  </div>
424
422
  </li>
@@ -427,7 +425,7 @@
427
425
  <div class="info">
428
426
  <div class="rank">
429
427
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
428
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
431
429
  </div>
432
430
  <div class="sub-title followers">
433
431
 
@@ -438,15 +436,15 @@
438
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"/>
439
437
  </g>
440
438
  </svg>
441
- <span>12</span>
439
+ <span>11</span>
442
440
  </span>
443
441
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
445
- <span>why技术</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
443
+ <span>十方</span>
446
444
  </a>
447
445
  </div>
448
446
  <div class="details">
449
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
447
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
450
448
  </div>
451
449
  </div>
452
450
  </li>
@@ -455,7 +453,7 @@
455
453
  <div class="info">
456
454
  <div class="rank">
457
455
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
456
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
459
457
  </div>
460
458
  <div class="sub-title followers">
461
459
 
@@ -466,15 +464,15 @@
466
464
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
467
465
  </g>
468
466
  </svg>
469
- <span>15</span>
467
+ <span>11</span>
470
468
  </span>
471
469
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
473
- <span>XboxYan</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
471
+ <span>极客飞兔</span>
474
472
  </a>
475
473
  </div>
476
474
  <div class="details">
477
- 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
475
+ 🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...
478
476
  </div>
479
477
  </div>
480
478
  </li>
@@ -483,7 +481,7 @@
483
481
  <div class="info">
484
482
  <div class="rank">
485
483
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
484
+ <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
487
485
  </div>
488
486
  <div class="sub-title followers">
489
487
 
@@ -494,15 +492,15 @@
494
492
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
495
493
  </g>
496
494
  </svg>
497
- <span>10</span>
495
+ <span>15</span>
498
496
  </span>
499
497
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
501
- <span>7small7</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
499
+ <span>XboxYan</span>
502
500
  </a>
503
501
  </div>
504
502
  <div class="details">
505
- Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
503
+ 欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...
506
504
  </div>
507
505
  </div>
508
506
  </li>
@@ -511,7 +509,7 @@
511
509
  <div class="info">
512
510
  <div class="rank">
513
511
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
512
+ <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
515
513
  </div>
516
514
  <div class="sub-title followers">
517
515
 
@@ -522,15 +520,15 @@
522
520
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
523
521
  </g>
524
522
  </svg>
525
- <span>7</span>
523
+ <span>10</span>
526
524
  </span>
527
525
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
529
- <span>葡萄城技术团队</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
527
+ <span>7small7</span>
530
528
  </a>
531
529
  </div>
532
530
  <div class="details">
533
- Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
531
+ Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
534
532
  </div>
535
533
  </div>
536
534
  </li>
@@ -539,7 +537,7 @@
539
537
  <div class="info">
540
538
  <div class="rank">
541
539
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
540
+ <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
543
541
  </div>
544
542
  <div class="sub-title followers">
545
543
 
@@ -550,15 +548,15 @@
550
548
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
551
549
  </g>
552
550
  </svg>
553
- <span>11</span>
551
+ <span>7</span>
554
552
  </span>
555
553
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
557
- <span>思否编辑部</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
555
+ <span>葡萄城技术团队</span>
558
556
  </a>
559
557
  </div>
560
558
  <div class="details">
561
- 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
559
+ Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
562
560
  </div>
563
561
  </div>
564
562
  </li>
@@ -567,7 +565,7 @@
567
565
  <div class="info">
568
566
  <div class="rank">
569
567
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
568
+ <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
571
569
  </div>
572
570
  <div class="sub-title followers">
573
571
 
@@ -578,15 +576,15 @@
578
576
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
579
577
  </g>
580
578
  </svg>
581
- <span>12</span>
579
+ <span>11</span>
582
580
  </span>
583
581
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
585
- <span>chokcoco</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
583
+ <span>思否编辑部</span>
586
584
  </a>
587
585
  </div>
588
586
  <div class="details">
589
- 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
587
+ 一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。
590
588
  </div>
591
589
  </div>
592
590
  </li>
@@ -595,7 +593,7 @@
595
593
  <div class="info">
596
594
  <div class="rank">
597
595
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
596
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
599
597
  </div>
600
598
  <div class="sub-title followers">
601
599
 
@@ -606,15 +604,15 @@
606
604
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
607
605
  </g>
608
606
  </svg>
609
- <span>11</span>
607
+ <span>10</span>
610
608
  </span>
611
609
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
613
- <span>前端小智</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
611
+ <span>null仔</span>
614
612
  </a>
615
613
  </div>
616
614
  <div class="details">
617
- 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
615
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
618
616
  </div>
619
617
  </div>
620
618
  </li>
@@ -623,7 +621,7 @@
623
621
  <div class="info">
624
622
  <div class="rank">
625
623
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
624
+ <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
627
625
  </div>
628
626
  <div class="sub-title followers">
629
627
 
@@ -634,15 +632,15 @@
634
632
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
635
633
  </g>
636
634
  </svg>
637
- <span>9</span>
635
+ <span>12</span>
638
636
  </span>
639
637
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
641
- <span>边城</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
639
+ <span>chokcoco</span>
642
640
  </a>
643
641
  </div>
644
642
  <div class="details">
645
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
643
+ 今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...
646
644
  </div>
647
645
  </div>
648
646
  </li>
@@ -651,7 +649,7 @@
651
649
  <div class="info">
652
650
  <div class="rank">
653
651
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
652
+ <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
655
653
  </div>
656
654
  <div class="sub-title followers">
657
655
 
@@ -662,15 +660,15 @@
662
660
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
663
661
  </g>
664
662
  </svg>
665
- <span>7</span>
663
+ <span>8</span>
666
664
  </span>
667
665
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
669
- <span>SegmentFault思否</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
667
+ <span>Beverly</span>
670
668
  </a>
671
669
  </div>
672
670
  <div class="details">
673
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
671
+ Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
674
672
  </div>
675
673
  </div>
676
674
  </li>
@@ -679,7 +677,7 @@
679
677
  <div class="info">
680
678
  <div class="rank">
681
679
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
680
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
683
681
  </div>
684
682
  <div class="sub-title followers">
685
683
 
@@ -690,15 +688,15 @@
690
688
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
691
689
  </g>
692
690
  </svg>
693
- <span>9</span>
691
+ <span>11</span>
694
692
  </span>
695
693
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
697
- <span>六一</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
695
+ <span>前端小智</span>
698
696
  </a>
699
697
  </div>
700
698
  <div class="details">
701
- 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
699
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
702
700
  </div>
703
701
  </div>
704
702
  </li>
@@ -707,7 +705,7 @@
707
705
  <div class="info">
708
706
  <div class="rank">
709
707
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
708
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
711
709
  </div>
712
710
  <div class="sub-title followers">
713
711
 
@@ -718,15 +716,15 @@
718
716
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
719
717
  </g>
720
718
  </svg>
721
- <span>10</span>
719
+ <span>7</span>
722
720
  </span>
723
721
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
725
- <span>沉静地闪光</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
723
+ <span>SegmentFault思否</span>
726
724
  </a>
727
725
  </div>
728
726
  <div class="details">
729
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
727
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
730
728
  </div>
731
729
  </div>
732
730
  </li>
@@ -735,7 +733,7 @@
735
733
  <div class="info">
736
734
  <div class="rank">
737
735
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
736
+ <a href="https://segmentfault.com/a/1190000041953821" target="_blank" title="云计算的未来在哪？破解亚马逊云科技增长神话">云计算的未来在哪？破解亚马逊云科技增长神话</a>
739
737
  </div>
740
738
  <div class="sub-title followers">
741
739
 
@@ -746,15 +744,15 @@
746
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"/>
747
745
  </g>
748
746
  </svg>
749
- <span>6</span>
747
+ <span>9</span>
750
748
  </span>
751
749
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
753
- <span>Beverly</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
751
+ <span>六一</span>
754
752
  </a>
755
753
  </div>
756
754
  <div class="details">
757
- Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...
755
+ 之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...
758
756
  </div>
759
757
  </div>
760
758
  </li>
@@ -819,7 +817,7 @@
819
817
  <div class="info">
820
818
  <div class="rank">
821
819
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041941889" target="_blank" title="精读《type challenges - easy》">精读《type challenges - easy》</a>
820
+ <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
823
821
  </div>
824
822
  <div class="sub-title followers">
825
823
 
@@ -833,12 +831,12 @@
833
831
  <span>5</span>
834
832
  </span>
835
833
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
837
- <span>黄子毅</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
835
+ <span>葡萄城技术团队</span>
838
836
  </a>
839
837
  </div>
840
838
  <div class="details">
841
- TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...
839
+ 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
842
840
  </div>
843
841
  </div>
844
842
  </li>
@@ -847,7 +845,7 @@
847
845
  <div class="info">
848
846
  <div class="rank">
849
847
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041959594" target="_blank" title="构建基于React18的电子表格程序">构建基于React18的电子表格程序</a>
848
+ <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
851
849
  </div>
852
850
  <div class="sub-title followers">
853
851
 
@@ -858,15 +856,15 @@
858
856
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
859
857
  </g>
860
858
  </svg>
861
- <span>5</span>
859
+ <span>4</span>
862
860
  </span>
863
861
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
865
- <span>葡萄城技术团队</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
863
+ <span>卡颂</span>
866
864
  </a>
867
865
  </div>
868
866
  <div class="details">
869
- 2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。
867
+ 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
870
868
  </div>
871
869
  </div>
872
870
  </li>
@@ -875,7 +873,7 @@
875
873
  <div class="info">
876
874
  <div class="rank">
877
875
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
876
+ <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
879
877
  </div>
880
878
  <div class="sub-title followers">
881
879
 
@@ -886,15 +884,15 @@
886
884
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
887
885
  </g>
888
886
  </svg>
889
- <span>4</span>
887
+ <span>7</span>
890
888
  </span>
891
889
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
893
- <span>卡颂</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
891
+ <span>云叔_又拍云</span>
894
892
  </a>
895
893
  </div>
896
894
  <div class="details">
897
- 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
895
+ 作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...
898
896
  </div>
899
897
  </div>
900
898
  </li>
@@ -959,7 +957,7 @@
959
957
  <div class="info">
960
958
  <div class="rank">
961
959
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041995552" target="_blank" title="Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队">Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队</a>
960
+ <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</a>
963
961
  </div>
964
962
  <div class="sub-title followers">
965
963
 
@@ -970,15 +968,15 @@
970
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"/>
971
969
  </g>
972
970
  </svg>
973
- <span>7</span>
971
+ <span>6</span>
974
972
  </span>
975
973
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
977
- <span>思否编辑部</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
975
+ <span>边城</span>
978
976
  </a>
979
977
  </div>
980
978
  <div class="details">
981
- 2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。
979
+ 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
982
980
  </div>
983
981
  </div>
984
982
  </li>
@@ -999,7 +997,7 @@
999
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
998
  </a>
1001
999
  </div>
1002
- <div class="time">Last cache created on 2022/7/5 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/8 by Github API v3.</div>
1003
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1002
  </div>
1005
1003
  </body>