@wcj/github-rank 22.7.13 → 22.7.16

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 +36870 -36854
  2. package/dist/sifou-daily.json +198 -18
  3. package/dist/sifou-monthly.json +106 -106
  4. package/dist/sifou-weekly.json +143 -143
  5. package/dist/toutiao-30.json +79 -79
  6. package/dist/toutiao-7.json +103 -103
  7. package/dist/toutiao-90.json +34 -34
  8. package/dist/trending-daily.json +160 -171
  9. package/dist/trending-monthly.json +154 -154
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +2522 -2522
  12. package/dist/users.json +3770 -3770
  13. package/package.json +1 -1
  14. package/web/data/repos.json +36870 -36854
  15. package/web/data/sifou-daily.json +198 -18
  16. package/web/data/sifou-monthly.json +106 -106
  17. package/web/data/sifou-weekly.json +143 -143
  18. package/web/data/toutiao-30.json +79 -79
  19. package/web/data/toutiao-7.json +103 -103
  20. package/web/data/toutiao-90.json +34 -34
  21. package/web/data/trending-daily.json +160 -171
  22. package/web/data/trending-monthly.json +154 -154
  23. package/web/data/trending-weekly.json +169 -169
  24. package/web/data/users.china.json +2522 -2522
  25. package/web/data/users.json +3770 -3770
  26. package/web/index.html +1910 -1910
  27. package/web/repos.html +4620 -4620
  28. package/web/sifou-daily.html +576 -16
  29. package/web/sifou-monthly.html +129 -129
  30. package/web/sifou-weekly.html +121 -121
  31. package/web/toutiao-30.html +96 -96
  32. package/web/toutiao-7.html +69 -69
  33. package/web/toutiao-90.html +63 -63
  34. package/web/trending-monthly.html +132 -140
  35. package/web/trending-weekly.html +152 -140
  36. package/web/trending.html +136 -178
  37. package/web/users.china.html +1269 -1269
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/13 by
119
+ <div class="time">Last cache created on 2022/7/16 by
120
120
 
121
121
 
122
122
 
@@ -145,34 +145,6 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <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>
149
- </div>
150
- <div class="sub-title followers">
151
-
152
- <span title="Stargazers Count">
153
- <svg width="12" height="12" viewBox="0 0 16 16">
154
- <g fill="none" fill-rule="evenodd">
155
- <path d="M0 0h16v16H0z"/>
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
- </g>
158
- </svg>
159
- <span>33</span>
160
- </span>
161
- &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
163
- <span>水冗水孚</span>
164
- </a>
165
- </div>
166
- <div class="details">
167
- 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...
168
- </div>
169
- </div>
170
- </li>
171
-
172
- <li>
173
- <div class="info">
174
- <div class="rank">
175
- <span title="Ranking 2">2</span>
176
148
  <a href="https://segmentfault.com/a/1190000042006775" target="_blank" title="CSS实现可拉伸调整尺寸的分栏布局">CSS实现可拉伸调整尺寸的分栏布局</a>
177
149
  </div>
178
150
  <div class="sub-title followers">
@@ -200,7 +172,7 @@
200
172
  <li>
201
173
  <div class="info">
202
174
  <div class="rank">
203
- <span title="Ranking 3">3</span>
175
+ <span title="Ranking 2">2</span>
204
176
  <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
205
177
  </div>
206
178
  <div class="sub-title followers">
@@ -212,7 +184,7 @@
212
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"/>
213
185
  </g>
214
186
  </svg>
215
- <span>24</span>
187
+ <span>25</span>
216
188
  </span>
217
189
  &nbsp;
218
190
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -228,7 +200,7 @@
228
200
  <li>
229
201
  <div class="info">
230
202
  <div class="rank">
231
- <span title="Ranking 4">4</span>
203
+ <span title="Ranking 3">3</span>
232
204
  <a href="https://segmentfault.com/a/1190000041998615" target="_blank" title="掘地三尺搞定 Redis 与 MySQL 数据一致性问题">掘地三尺搞定 Redis 与 MySQL 数据一致性问题</a>
233
205
  </div>
234
206
  <div class="sub-title followers">
@@ -256,7 +228,7 @@
256
228
  <li>
257
229
  <div class="info">
258
230
  <div class="rank">
259
- <span title="Ranking 5">5</span>
231
+ <span title="Ranking 4">4</span>
260
232
  <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
261
233
  </div>
262
234
  <div class="sub-title followers">
@@ -284,7 +256,7 @@
284
256
  <li>
285
257
  <div class="info">
286
258
  <div class="rank">
287
- <span title="Ranking 6">6</span>
259
+ <span title="Ranking 5">5</span>
288
260
  <a href="https://segmentfault.com/a/1190000042011578" target="_blank" title="如何移除你项目中99%的JS代码">如何移除你项目中99%的JS代码</a>
289
261
  </div>
290
262
  <div class="sub-title followers">
@@ -312,8 +284,8 @@
312
284
  <li>
313
285
  <div class="info">
314
286
  <div class="rank">
315
- <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
287
+ <span title="Ranking 6">6</span>
288
+ <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
317
289
  </div>
318
290
  <div class="sub-title followers">
319
291
 
@@ -324,15 +296,15 @@
324
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"/>
325
297
  </g>
326
298
  </svg>
327
- <span>14</span>
299
+ <span>16</span>
328
300
  </span>
329
301
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
331
- <span>XboxYan</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
303
+ <span>边城</span>
332
304
  </a>
333
305
  </div>
334
306
  <div class="details">
335
- 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
307
+ 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
336
308
  </div>
337
309
  </div>
338
310
  </li>
@@ -340,7 +312,7 @@
340
312
  <li>
341
313
  <div class="info">
342
314
  <div class="rank">
343
- <span title="Ranking 8">8</span>
315
+ <span title="Ranking 7">7</span>
344
316
  <a href="https://segmentfault.com/a/1190000042012558" target="_blank" title="有意思的鼠标指针交互探究">有意思的鼠标指针交互探究</a>
345
317
  </div>
346
318
  <div class="sub-title followers">
@@ -352,7 +324,7 @@
352
324
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
353
325
  </g>
354
326
  </svg>
355
- <span>16</span>
327
+ <span>17</span>
356
328
  </span>
357
329
  &nbsp;
358
330
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -368,8 +340,8 @@
368
340
  <li>
369
341
  <div class="info">
370
342
  <div class="rank">
371
- <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
343
+ <span title="Ranking 8">8</span>
344
+ <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
373
345
  </div>
374
346
  <div class="sub-title followers">
375
347
 
@@ -380,15 +352,15 @@
380
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"/>
381
353
  </g>
382
354
  </svg>
383
- <span>15</span>
355
+ <span>13</span>
384
356
  </span>
385
357
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
387
- <span>边城</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
359
+ <span>null仔</span>
388
360
  </a>
389
361
  </div>
390
362
  <div class="details">
391
- 我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...
363
+ 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
392
364
  </div>
393
365
  </div>
394
366
  </li>
@@ -396,7 +368,7 @@
396
368
  <li>
397
369
  <div class="info">
398
370
  <div class="rank">
399
- <span title="Ranking 10">10</span>
371
+ <span title="Ranking 9">9</span>
400
372
  <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
401
373
  </div>
402
374
  <div class="sub-title followers">
@@ -424,8 +396,8 @@
424
396
  <li>
425
397
  <div class="info">
426
398
  <div class="rank">
427
- <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
399
+ <span title="Ranking 10">10</span>
400
+ <a href="https://segmentfault.com/a/1190000042093361" target="_blank" title="高阶切图技巧！基于单张图片的任意颜色转换">高阶切图技巧！基于单张图片的任意颜色转换</a>
429
401
  </div>
430
402
  <div class="sub-title followers">
431
403
 
@@ -439,12 +411,12 @@
439
411
  <span>12</span>
440
412
  </span>
441
413
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
443
- <span>null仔</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
415
+ <span>chokcoco</span>
444
416
  </a>
445
417
  </div>
446
418
  <div class="details">
447
- 大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...
419
+ 今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...
448
420
  </div>
449
421
  </div>
450
422
  </li>
@@ -452,8 +424,8 @@
452
424
  <li>
453
425
  <div class="info">
454
426
  <div class="rank">
455
- <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
427
+ <span title="Ranking 11">11</span>
428
+ <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
457
429
  </div>
458
430
  <div class="sub-title followers">
459
431
 
@@ -464,15 +436,15 @@
464
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"/>
465
437
  </g>
466
438
  </svg>
467
- <span>11</span>
439
+ <span>12</span>
468
440
  </span>
469
441
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
471
- <span>十方</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
443
+ <span>南城大前端</span>
472
444
  </a>
473
445
  </div>
474
446
  <div class="details">
475
- 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
447
+ 日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...
476
448
  </div>
477
449
  </div>
478
450
  </li>
@@ -480,8 +452,8 @@
480
452
  <li>
481
453
  <div class="info">
482
454
  <div class="rank">
483
- <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000041985101" target="_blank" title="Redis都有哪些使用场景">Redis都有哪些使用场景</a>
455
+ <span title="Ranking 12">12</span>
456
+ <a href="https://segmentfault.com/a/1190000042094549" target="_blank" title="动画合成小技巧！CSS 实现动感的倒计时效果">动画合成小技巧！CSS 实现动感的倒计时效果</a>
485
457
  </div>
486
458
  <div class="sub-title followers">
487
459
 
@@ -492,15 +464,15 @@
492
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"/>
493
465
  </g>
494
466
  </svg>
495
- <span>10</span>
467
+ <span>14</span>
496
468
  </span>
497
469
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
499
- <span>7small7</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
471
+ <span>XboxYan</span>
500
472
  </a>
501
473
  </div>
502
474
  <div class="details">
503
- Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...
475
+ 欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...
504
476
  </div>
505
477
  </div>
506
478
  </li>
@@ -508,7 +480,7 @@
508
480
  <li>
509
481
  <div class="info">
510
482
  <div class="rank">
511
- <span title="Ranking 14">14</span>
483
+ <span title="Ranking 13">13</span>
512
484
  <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
513
485
  </div>
514
486
  <div class="sub-title followers">
@@ -536,7 +508,7 @@
536
508
  <li>
537
509
  <div class="info">
538
510
  <div class="rank">
539
- <span title="Ranking 15">15</span>
511
+ <span title="Ranking 14">14</span>
540
512
  <a href="https://segmentfault.com/a/1190000042010573" target="_blank" title="亚马逊云科技：“云+数+AI”助力企业数智化转型">亚马逊云科技：“云+数+AI”助力企业数智化转型</a>
541
513
  </div>
542
514
  <div class="sub-title followers">
@@ -564,7 +536,7 @@
564
536
  <li>
565
537
  <div class="info">
566
538
  <div class="rank">
567
- <span title="Ranking 16">16</span>
539
+ <span title="Ranking 15">15</span>
568
540
  <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
569
541
  </div>
570
542
  <div class="sub-title followers">
@@ -576,7 +548,7 @@
576
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"/>
577
549
  </g>
578
550
  </svg>
579
- <span>8</span>
551
+ <span>9</span>
580
552
  </span>
581
553
  &nbsp;
582
554
  <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
@@ -592,8 +564,8 @@
592
564
  <li>
593
565
  <div class="info">
594
566
  <div class="rank">
595
- <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
567
+ <span title="Ranking 16">16</span>
568
+ <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
597
569
  </div>
598
570
  <div class="sub-title followers">
599
571
 
@@ -604,15 +576,15 @@
604
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"/>
605
577
  </g>
606
578
  </svg>
607
- <span>11</span>
579
+ <span>9</span>
608
580
  </span>
609
581
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
611
- <span>前端小智</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
583
+ <span>IT小马</span>
612
584
  </a>
613
585
  </div>
614
586
  <div class="details">
615
- 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
587
+ 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
616
588
  </div>
617
589
  </div>
618
590
  </li>
@@ -620,8 +592,8 @@
620
592
  <li>
621
593
  <div class="info">
622
594
  <div class="rank">
623
- <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
595
+ <span title="Ranking 17">17</span>
596
+ <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
625
597
  </div>
626
598
  <div class="sub-title followers">
627
599
 
@@ -632,15 +604,15 @@
632
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"/>
633
605
  </g>
634
606
  </svg>
635
- <span>7</span>
607
+ <span>11</span>
636
608
  </span>
637
609
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
639
- <span>SegmentFault思否</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
611
+ <span>前端小智</span>
640
612
  </a>
641
613
  </div>
642
614
  <div class="details">
643
- 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
615
+ 提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
644
616
  </div>
645
617
  </div>
646
618
  </li>
@@ -648,8 +620,8 @@
648
620
  <li>
649
621
  <div class="info">
650
622
  <div class="rank">
651
- <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000041980427" target="_blank" title="使用 content-visibility 优化渲染性能">使用 content-visibility 优化渲染性能</a>
623
+ <span title="Ranking 18">18</span>
624
+ <a href="https://segmentfault.com/a/1190000042103702" target="_blank" title="利用噪声构建美妙的 CSS 图形">利用噪声构建美妙的 CSS 图形</a>
653
625
  </div>
654
626
  <div class="sub-title followers">
655
627
 
@@ -660,7 +632,7 @@
660
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"/>
661
633
  </g>
662
634
  </svg>
663
- <span>12</span>
635
+ <span>8</span>
664
636
  </span>
665
637
  &nbsp;
666
638
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -668,7 +640,7 @@
668
640
  </a>
669
641
  </div>
670
642
  <div class="details">
671
- content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。
643
+ 在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...
672
644
  </div>
673
645
  </div>
674
646
  </li>
@@ -676,8 +648,8 @@
676
648
  <li>
677
649
  <div class="info">
678
650
  <div class="rank">
679
- <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042093361" target="_blank" title="高阶切图技巧！基于单张图片的任意颜色转换">高阶切图技巧！基于单张图片的任意颜色转换</a>
651
+ <span title="Ranking 19">19</span>
652
+ <a href="https://segmentfault.com/a/1190000042012599" target="_blank" title="SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~">SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~</a>
681
653
  </div>
682
654
  <div class="sub-title followers">
683
655
 
@@ -688,15 +660,15 @@
688
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"/>
689
661
  </g>
690
662
  </svg>
691
- <span>8</span>
663
+ <span>7</span>
692
664
  </span>
693
665
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
- <span>chokcoco</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
667
+ <span>SegmentFault思否</span>
696
668
  </a>
697
669
  </div>
698
670
  <div class="details">
699
- 今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...
671
+ 【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...
700
672
  </div>
701
673
  </div>
702
674
  </li>
@@ -704,8 +676,8 @@
704
676
  <li>
705
677
  <div class="info">
706
678
  <div class="rank">
707
- <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
679
+ <span title="Ranking 20">20</span>
680
+ <a href="https://segmentfault.com/a/1190000042059652" target="_blank" title="熬夜爆肝整理的一份elasticsearch中文文档手册">熬夜爆肝整理的一份elasticsearch中文文档手册</a>
709
681
  </div>
710
682
  <div class="sub-title followers">
711
683
 
@@ -719,12 +691,12 @@
719
691
  <span>9</span>
720
692
  </span>
721
693
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
723
- <span>南城大前端</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
695
+ <span>7small7</span>
724
696
  </a>
725
697
  </div>
726
698
  <div class="details">
727
- 日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...
699
+ Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。
728
700
  </div>
729
701
  </div>
730
702
  </li>
@@ -732,7 +704,7 @@
732
704
  <li>
733
705
  <div class="info">
734
706
  <div class="rank">
735
- <span title="Ranking 22">22</span>
707
+ <span title="Ranking 21">21</span>
736
708
  <a href="https://segmentfault.com/a/1190000042003368" target="_blank" title="Sass应用之实现主题切换">Sass应用之实现主题切换</a>
737
709
  </div>
738
710
  <div class="sub-title followers">
@@ -760,7 +732,7 @@
760
732
  <li>
761
733
  <div class="info">
762
734
  <div class="rank">
763
- <span title="Ranking 23">23</span>
735
+ <span title="Ranking 22">22</span>
764
736
  <a href="https://segmentfault.com/a/1190000042001788" target="_blank" title="玩转 AbortController 控制器">玩转 AbortController 控制器</a>
765
737
  </div>
766
738
  <div class="sub-title followers">
@@ -788,8 +760,8 @@
788
760
  <li>
789
761
  <div class="info">
790
762
  <div class="rank">
791
- <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000041974765" target="_blank" title="为什么Hook没有ErrorBoundary？">为什么Hook没有ErrorBoundary？</a>
763
+ <span title="Ranking 23">23</span>
764
+ <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</a>
793
765
  </div>
794
766
  <div class="sub-title followers">
795
767
 
@@ -800,15 +772,15 @@
800
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"/>
801
773
  </g>
802
774
  </svg>
803
- <span>4</span>
775
+ <span>6</span>
804
776
  </span>
805
777
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
807
- <span>卡颂</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
779
+ <span>边城</span>
808
780
  </a>
809
781
  </div>
810
782
  <div class="details">
811
- 在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。
783
+ 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
812
784
  </div>
813
785
  </div>
814
786
  </li>
@@ -816,8 +788,8 @@
816
788
  <li>
817
789
  <div class="info">
818
790
  <div class="rank">
819
- <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</a>
791
+ <span title="Ranking 24">24</span>
792
+ <a href="https://segmentfault.com/a/1190000042044168" target="_blank" title="Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范">Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范</a>
821
793
  </div>
822
794
  <div class="sub-title followers">
823
795
 
@@ -828,15 +800,15 @@
828
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"/>
829
801
  </g>
830
802
  </svg>
831
- <span>6</span>
803
+ <span>11</span>
832
804
  </span>
833
805
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
835
- <span>边城</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/zhouqichao" title="Programming Language">
807
+ <span>玛尔斯通</span>
836
808
  </a>
837
809
  </div>
838
810
  <div class="details">
839
- 前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
811
+ 每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...
840
812
  </div>
841
813
  </div>
842
814
  </li>
@@ -844,7 +816,7 @@
844
816
  <li>
845
817
  <div class="info">
846
818
  <div class="rank">
847
- <span title="Ranking 26">26</span>
819
+ <span title="Ranking 25">25</span>
848
820
  <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
849
821
  </div>
850
822
  <div class="sub-title followers">
@@ -872,7 +844,7 @@
872
844
  <li>
873
845
  <div class="info">
874
846
  <div class="rank">
875
- <span title="Ranking 27">27</span>
847
+ <span title="Ranking 26">26</span>
876
848
  <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
877
849
  </div>
878
850
  <div class="sub-title followers">
@@ -897,11 +869,39 @@
897
869
  </div>
898
870
  </li>
899
871
 
872
+ <li>
873
+ <div class="info">
874
+ <div class="rank">
875
+ <span title="Ranking 27">27</span>
876
+ <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
877
+ </div>
878
+ <div class="sub-title followers">
879
+
880
+ <span title="Stargazers Count">
881
+ <svg width="12" height="12" viewBox="0 0 16 16">
882
+ <g fill="none" fill-rule="evenodd">
883
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
886
+ </svg>
887
+ <span>7</span>
888
+ </span>
889
+ &nbsp;
890
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
891
+ <span>卤代烃</span>
892
+ </a>
893
+ </div>
894
+ <div class="details">
895
+ 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
896
+ </div>
897
+ </div>
898
+ </li>
899
+
900
900
  <li>
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/1190000042044168" target="_blank" title="Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范">Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范</a>
904
+ <a href="https://segmentfault.com/a/1190000042094334" target="_blank" title="Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴">Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴</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>10</span>
915
+ <span>5</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/zhouqichao" title="Programming Language">
919
- <span>玛尔斯通</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
919
+ <span>程序员秋风</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...
923
+ 最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。
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/1190000041991074" target="_blank" title="React新文档：不要滥用Ref哦～">React新文档：不要滥用Ref哦～</a>
932
+ <a href="https://segmentfault.com/a/1190000042037852" target="_blank" title="热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)">热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)</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>9</span>
943
+ <span>11</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/lulu_up" title="Programming Language">
947
+ <span>lulu_up</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。
951
+ 这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。
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/1190000041995552" target="_blank" title="Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队">Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队</a>
960
+ <a href="https://segmentfault.com/a/1190000041991074" target="_blank" title="React新文档：不要滥用Ref哦～">React新文档：不要滥用Ref哦～</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>9</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
975
- <span>思否编辑部</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
975
+ <span>卡颂</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。
979
+ React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。
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/13 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/16 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>