@wcj/github-rank 22.7.9 → 22.7.10

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 +16571 -16568
  2. package/dist/sifou-daily.json +1 -20
  3. package/dist/sifou-monthly.json +37 -37
  4. package/dist/sifou-weekly.json +86 -86
  5. package/dist/toutiao-30.json +22 -22
  6. package/dist/toutiao-7.json +66 -66
  7. package/dist/toutiao-90.json +2 -2
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +156 -156
  10. package/dist/trending-weekly.json +164 -164
  11. package/dist/users.china.json +1284 -1285
  12. package/dist/users.json +1617 -1617
  13. package/package.json +1 -1
  14. package/web/data/repos.json +16571 -16568
  15. package/web/data/sifou-daily.json +1 -20
  16. package/web/data/sifou-monthly.json +37 -37
  17. package/web/data/sifou-weekly.json +86 -86
  18. package/web/data/toutiao-30.json +22 -22
  19. package/web/data/toutiao-7.json +66 -66
  20. package/web/data/toutiao-90.json +2 -2
  21. package/web/data/trending-daily.json +167 -167
  22. package/web/data/trending-monthly.json +156 -156
  23. package/web/data/trending-weekly.json +164 -164
  24. package/web/data/users.china.json +1284 -1285
  25. package/web/data/users.json +1617 -1617
  26. package/web/index.html +930 -930
  27. package/web/repos.html +2586 -2586
  28. package/web/sifou-daily.html +2 -58
  29. package/web/sifou-monthly.html +64 -64
  30. package/web/sifou-weekly.html +92 -92
  31. package/web/toutiao-30.html +77 -77
  32. package/web/toutiao-7.html +61 -61
  33. package/web/toutiao-90.html +4 -4
  34. package/web/trending-monthly.html +138 -138
  35. package/web/trending-weekly.html +139 -147
  36. package/web/trending.html +144 -144
  37. package/web/users.china.html +897 -897
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/7/9 by
119
+ <div class="time">Last cache created on 2022/7/10 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
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/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
148
+ <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>19</span>
159
+ <span>21</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
- <span>XboxYan</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
+ <span>chokcoco</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
167
+ 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042070334" target="_blank" title="使用纯 CSS 实现超酷炫的粘性气泡效果">使用纯 CSS 实现超酷炫的粘性气泡效果</a>
176
+ <a href="https://segmentfault.com/a/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>18</span>
187
+ <span>19</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
- <span>chokcoco</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
+ <span>XboxYan</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...
195
+ 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042065327" target="_blank" title="runc hang 导致 Kubernetes 节点 NotReady">runc hang 导致 Kubernetes 节点 NotReady</a>
260
+ <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
269
  </g>
270
270
  </svg>
271
- <span>4</span>
271
+ <span>5</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
275
- <span>云叔_又拍云</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
275
+ <span>卤代烃</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...
279
+ 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042060686" target="_blank" title="编程语言：类型系统的本质">编程语言：类型系统的本质</a>
316
+ <a href="https://segmentfault.com/a/1190000042065327" target="_blank" title="runc hang 导致 Kubernetes 节点 NotReady">runc hang 导致 Kubernetes 节点 NotReady</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -327,12 +327,12 @@
327
327
  <span>4</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/donghaichenguangjian" title="Programming Language">
331
- <span>陈光剑</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
331
+ <span>云叔_又拍云</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...
335
+ Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042061765" target="_blank" title="苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊">苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊</a>
456
+ <a href="https://segmentfault.com/a/1190000042071322" target="_blank" title="GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨">GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -467,12 +467,12 @@
467
467
  <span>2</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
471
- <span>snakesss</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
471
+ <span>MissD</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...
475
+ 前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042071322" target="_blank" title="GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨">GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨</a>
484
+ <a href="https://segmentfault.com/a/1190000042073725" target="_blank" title="你还在为组件文档烦恼吗？">你还在为组件文档烦恼吗？</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
493
493
  </g>
494
494
  </svg>
495
- <span>2</span>
495
+ <span>1</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
499
- <span>MissD</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/samonxian" title="Programming Language">
499
+ <span>Samon</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...
503
+ 从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042073725" target="_blank" title="你还在为组件文档烦恼吗？">你还在为组件文档烦恼吗？</a>
512
+ <a href="https://segmentfault.com/a/1190000042036969" target="_blank" title="Vue3，用组合编写更好的代码：动态返回(3/4)">Vue3，用组合编写更好的代码：动态返回(3/4)</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -523,12 +523,12 @@
523
523
  <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/samonxian" title="Programming Language">
527
- <span>Samon</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
527
+ <span>前端小智</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：
531
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042064534" target="_blank" title="K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升">K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升</a>
540
+ <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
549
549
  </g>
550
550
  </svg>
551
- <span>1</span>
551
+ <span>2</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
555
- <span>张晋涛</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
555
+ <span>IT小马</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...
559
+ 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042063056" target="_blank" title="全网都在疯传的《老板管理手册》（转）">全网都在疯传的《老板管理手册》（转）</a>
568
+ <a href="https://segmentfault.com/a/1190000042080607" target="_blank" title="原生JS以后也支持类型注解啦？">原生JS以后也支持类型注解啦？</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -579,12 +579,12 @@
579
579
  <span>1</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/young_6082714523e64" title="Programming Language">
583
- <span>Young</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
583
+ <span>卡颂</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...
587
+ 在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
596
+ <a href="https://segmentfault.com/a/1190000042064534" target="_blank" title="K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升">K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
605
605
  </g>
606
606
  </svg>
607
- <span>2</span>
607
+ <span>1</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
611
- <span>IT小马</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
611
+ <span>张晋涛</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
615
+ 「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042064614" target="_blank" title="精读《Diff, AnyOf, IsUnion...》">精读《Diff, AnyOf, IsUnion...》</a>
624
+ <a href="https://segmentfault.com/a/1190000042081989" target="_blank" title="vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用">vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
632
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
633
633
  </g>
634
634
  </svg>
635
- <span>1</span>
635
+ <span>2</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
639
- <span>黄子毅</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/nanfengweiliao" title="Programming Language">
639
+ <span>南风未了</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude&lt;X, Y&gt; 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...
643
+ 这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042073070" target="_blank" title="Vue 源码中的工具函数">Vue 源码中的工具函数</a>
652
+ <a href="https://segmentfault.com/a/1190000042063056" target="_blank" title="全网都在疯传的《老板管理手册》（转）">全网都在疯传的《老板管理手册》（转）</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
661
661
  </g>
662
662
  </svg>
663
- <span>4</span>
663
+ <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/nuodun" title="Programming Language">
667
- <span>诺顿</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/young_6082714523e64" title="Programming Language">
667
+ <span>Young</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。
671
+ 《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042063425" target="_blank" title="如何优雅地实现多数据库的发件箱模式">如何优雅地实现多数据库的发件箱模式</a>
680
+ <a href="https://segmentfault.com/a/1190000042064614" target="_blank" title="精读《Diff, AnyOf, IsUnion...》">精读《Diff, AnyOf, IsUnion...》</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>1</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
695
- <span>叶东富</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
695
+ <span>黄子毅</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...
699
+ 首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude&lt;X, Y&gt; 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042073871" target="_blank" title="Vim直接上手（一）：三种模式">Vim直接上手（一）：三种模式</a>
708
+ <a href="https://segmentfault.com/a/1190000042075285" target="_blank" title="网易云音乐机器学习平台实践">网易云音乐机器学习平台实践</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -719,12 +719,12 @@
719
719
  <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
723
- <span>LiberHome</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
723
+ <span>云音乐技术团队</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。
727
+ 在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042069574" target="_blank" title="纯CSS 格子背景">纯CSS 格子背景</a>
736
+ <a href="https://segmentfault.com/a/1190000042073070" target="_blank" title="Vue 源码中的工具函数">Vue 源码中的工具函数</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
745
745
  </g>
746
746
  </svg>
747
- <span>1</span>
747
+ <span>4</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/k21vin" title="Programming Language">
751
- <span>学习委员</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/nuodun" title="Programming Language">
751
+ <span>诺顿</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...
755
+ 在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042068929" target="_blank" title="在react中基于ant-design，封装一个中文输入框,提高onchange性能">在react中基于ant-design，封装一个中文输入框,提高onchange性能</a>
764
+ <a href="https://segmentfault.com/a/1190000042073871" target="_blank" title="Vim直接上手（一）：三种模式">Vim直接上手（一）：三种模式</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -775,12 +775,12 @@
775
775
  <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/jsoncode" title="Programming Language">
779
- <span>jsoncode</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
779
+ <span>LiberHome</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。
783
+ 比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042059978" target="_blank" title="官方答：在React18中请求数据的正确姿势（其他框架也适用）">官方答：在React18中请求数据的正确姿势（其他框架也适用）</a>
792
+ <a href="https://segmentfault.com/a/1190000042063425" target="_blank" title="如何优雅地实现多数据库的发件箱模式">如何优雅地实现多数据库的发件箱模式</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -803,12 +803,12 @@
803
803
  <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
807
- <span>卡颂</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
807
+ <span>叶东富</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 大家好，我卡颂。一些同学喜欢在useEffect中请求初始数据，类似这样： {代码...} 但React18并不推荐这种方式。这么写有什么问题？如果不推荐这种方式，那么推荐的方式是什么呢？本文来看看Dan在reddit是如何回答...
811
+ 一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042081989" target="_blank" title="vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用">vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用</a>
820
+ <a href="https://segmentfault.com/a/1190000042069574" target="_blank" title="纯CSS 格子背景">纯CSS 格子背景</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
829
829
  </g>
830
830
  </svg>
831
- <span>2</span>
831
+ <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/nanfengweiliao" title="Programming Language">
835
- <span>南风未了</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/k21vin" title="Programming Language">
835
+ <span>学习委员</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...
839
+ 本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042080607" target="_blank" title="原生JS以后也支持类型注解啦？">原生JS以后也支持类型注解啦？</a>
848
+ <a href="https://segmentfault.com/a/1190000042068929" target="_blank" title="在react中基于ant-design，封装一个中文输入框,提高onchange性能">在react中基于ant-design，封装一个中文输入框,提高onchange性能</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -859,12 +859,12 @@
859
859
  <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
863
- <span>卡颂</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/jsoncode" title="Programming Language">
863
+ <span>jsoncode</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。
867
+ 1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042060487" target="_blank" title="麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第二十一篇 C++/C语言开发环境搭建">麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第二十一篇 C++/C语言开发环境搭建</a>
876
+ <a href="https://segmentfault.com/a/1190000042083899" target="_blank" title="如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！">如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -887,12 +887,12 @@
887
887
  <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/code4world" title="Programming Language">
891
- <span>码上世界</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/libubai" title="Programming Language">
891
+ <span>李不白</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 类别：笔记本型号：中国长城 NF14C硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,c++,c,内核飞腾,arm
895
+ 近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...
896
896
  </div>
897
897
  </div>
898
898
  </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/9 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/10 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>