@wcj/github-rank 22.6.17 → 22.6.20

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 +28365 -28336
  2. package/dist/sifou-daily.json +23 -113
  3. package/dist/sifou-monthly.json +84 -84
  4. package/dist/sifou-weekly.json +128 -128
  5. package/dist/toutiao-30.json +92 -92
  6. package/dist/toutiao-7.json +106 -106
  7. package/dist/toutiao-90.json +43 -43
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +1976 -1976
  12. package/dist/users.json +3112 -3113
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +28365 -28336
  16. package/web/data/sifou-daily.json +23 -113
  17. package/web/data/sifou-monthly.json +84 -84
  18. package/web/data/sifou-weekly.json +128 -128
  19. package/web/data/toutiao-30.json +92 -92
  20. package/web/data/toutiao-7.json +106 -106
  21. package/web/data/toutiao-90.json +43 -43
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +165 -165
  25. package/web/data/users.china.json +1976 -1976
  26. package/web/data/users.json +3112 -3113
  27. package/web/index.html +1664 -1664
  28. package/web/repos.html +3793 -3793
  29. package/web/sifou-daily.html +20 -300
  30. package/web/sifou-monthly.html +109 -109
  31. package/web/sifou-weekly.html +114 -114
  32. package/web/toutiao-30.html +96 -96
  33. package/web/toutiao-7.html +84 -84
  34. package/web/toutiao-90.html +41 -41
  35. package/web/trending-monthly.html +139 -143
  36. package/web/trending-weekly.html +143 -143
  37. package/web/trending.html +150 -150
  38. package/web/users.china.html +1031 -1031
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/6/17 by
119
+ <div class="time">Last cache created on 2022/6/20 by
120
120
 
121
121
 
122
122
 
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
178
+ <a href="https://segmentfault.com/a/1190000041947673" target="_blank" title="文字轮播与图片轮播？CSS 不在话下">文字轮播与图片轮播？CSS 不在话下</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,7 +186,7 @@
186
186
  <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
187
  </g>
188
188
  </svg>
189
- <span>33</span>
189
+ <span>38</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -194,7 +194,7 @@
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
197
+ 今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041947673" target="_blank" title="文字轮播与图片轮播？CSS 不在话下">文字轮播与图片轮播？CSS 不在话下</a>
290
+ <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>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <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
299
  </g>
300
300
  </svg>
301
- <span>34</span>
301
+ <span>23</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
- <span>chokcoco</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
305
+ <span>水冗水孚</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...
309
+ 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</a>
318
+ <a href="https://segmentfault.com/a/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
326
326
  <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
327
  </g>
328
328
  </svg>
329
- <span>22</span>
329
+ <span>25</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
333
- <span>Beverly</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
333
+ <span>杨成功</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...
337
+ 在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
346
+ <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <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
355
  </g>
356
356
  </svg>
357
- <span>25</span>
357
+ <span>21</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
361
- <span>杨成功</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
361
+ <span>xindoo</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
365
+ 在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
374
+ <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <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
383
  </g>
384
384
  </svg>
385
- <span>21</span>
385
+ <span>19</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
389
- <span>xindoo</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
389
+ <span>杨成功</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...
393
+ 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <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>
430
+ <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <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
439
  </g>
440
440
  </svg>
441
- <span>16</span>
441
+ <span>23</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/shuirongshui" title="Programming Language">
445
- <span>水冗水孚</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
445
+ <span>零一</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...
449
+ 大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
458
+ <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
466
  <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
467
  </g>
468
468
  </svg>
469
- <span>23</span>
469
+ <span>19</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
473
- <span>零一</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
473
+ <span>Beverly</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇
477
+ JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
486
+ <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <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
495
  </g>
496
496
  </svg>
497
- <span>17</span>
497
+ <span>16</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
501
- <span>Beverly</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
501
+ <span>思否编辑部</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
505
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041962607" target="_blank" title="搭建前端监控，如何采集异常数据？">搭建前端监控，如何采集异常数据？</a>
514
+ <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <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
523
  </g>
524
524
  </svg>
525
- <span>17</span>
525
+ <span>12</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
529
- <span>杨成功</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
529
+ <span>XboxYan</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
533
+ 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
542
+ <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <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
551
  </g>
552
552
  </svg>
553
- <span>16</span>
553
+ <span>17</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
557
- <span>思否编辑部</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
557
+ <span>亖混子</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
561
+ 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
570
+ <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
578
578
  <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
579
  </g>
580
580
  </svg>
581
- <span>11</span>
581
+ <span>7</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
585
- <span>Beverly</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
585
+ <span>葡萄城技术团队</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
589
+ Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
598
+ <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <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
607
  </g>
608
608
  </svg>
609
- <span>7</span>
609
+ <span>11</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
613
- <span>葡萄城技术团队</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
613
+ <span>Beverly</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
617
+ React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
626
+ <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
634
  <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
635
  </g>
636
636
  </svg>
637
- <span>16</span>
637
+ <span>8</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
641
- <span>亖混子</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
641
+ <span>极客飞兔</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
645
+ 一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041974546" target="_blank" title="让拖拽更加人性化？如何自定义dragover样式">让拖拽更加人性化？如何自定义dragover样式</a>
654
+ <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <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
663
  </g>
664
664
  </svg>
665
- <span>10</span>
665
+ <span>9</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
669
- <span>XboxYan</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
669
+ <span>韩天峰</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：&#34;现在可以放在这里了~&#34;，例如这样的之前在这篇文章讲述了如何自定义 drag 样...
673
+ 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041962217" target="_blank" title="干货合集│最好用的 python 库都在这">干货合集│最好用的 python 库都在这</a>
682
+ <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <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
691
  </g>
692
692
  </svg>
693
- <span>8</span>
693
+ <span>10</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/autofelix" title="Programming Language">
697
- <span>极客飞兔</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
697
+ <span>why技术</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...
701
+ 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
710
+ <a href="https://segmentfault.com/a/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
718
  <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
719
  </g>
720
720
  </svg>
721
- <span>9</span>
721
+ <span>12</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
725
- <span>韩天峰</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
725
+ <span>云叔_又拍云</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
729
+ 现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
730
730
  </div>
731
731
  </div>
732
732
  </li>
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041943100" target="_blank" title="这个队列的思路是真的好，现在它是我简历上的亮点了。">这个队列的思路是真的好，现在它是我简历上的亮点了。</a>
738
+ <a href="https://segmentfault.com/a/1190000041965165" target="_blank" title="JS实现将文本或JSON内容下载到文件中">JS实现将文本或JSON内容下载到文件中</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
746
  <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
747
  </g>
748
748
  </svg>
749
- <span>10</span>
749
+ <span>9</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
753
- <span>why技术</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/shifang_5b2b70d160932" title="Programming Language">
753
+ <span>十方</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...
757
+ 有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</a>
794
+ <a href="https://segmentfault.com/a/1190000041881296" target="_blank" title="如何自定义 drag 样式">如何自定义 drag 样式</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -805,12 +805,12 @@
805
805
  <span>12</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
809
- <span>云叔_又拍云</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
809
+ <span>XboxYan</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
813
+ 欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...
814
814
  </div>
815
815
  </div>
816
816
  </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/1190000041881296" target="_blank" title="如何自定义 drag 样式">如何自定义 drag 样式</a>
878
+ <a href="https://segmentfault.com/a/1190000041934586" target="_blank" title="全球顶级交易所前端二面">全球顶级交易所前端二面</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>11</span>
889
+ <span>7</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
893
- <span>XboxYan</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
893
+ <span>Peter谭老师</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...
897
+ 背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...
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/1190000041934586" target="_blank" title="全球顶级交易所前端二面">全球顶级交易所前端二面</a>
906
+ <a href="https://segmentfault.com/a/1190000041914954" target="_blank" title="CSS 变量自动变色技术">CSS 变量自动变色技术</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>7</span>
917
+ <span>11</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/jerrytanjinjie" title="Programming Language">
921
- <span>Peter谭老师</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
921
+ <span>XboxYan</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...
925
+ 欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（&gt;=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...
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/1190000041914954" target="_blank" title="CSS 变量自动变色技术">CSS 变量自动变色技术</a>
934
+ <a href="https://segmentfault.com/a/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</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>11</span>
945
+ <span>9</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
949
- <span>XboxYan</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
949
+ <span>沉静地闪光</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（&gt;=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...
953
+ 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
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/1190000041941297" target="_blank" title="JavaScript精度丢失原因以及解决方案">JavaScript精度丢失原因以及解决方案</a>
962
+ <a href="https://segmentfault.com/a/1190000041926694" target="_blank" title="社区的力量 | SegmentFault 思否十周年，伙伴们说">社区的力量 | SegmentFault 思否十周年，伙伴们说</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>9</span>
973
+ <span>5</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
977
- <span>沉静地闪光</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
977
+ <span>SegmentFault思否</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...
981
+ 开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨
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/6/17 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/20 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>