@wcj/github-rank 22.7.11 → 22.7.12

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 +20539 -20539
  2. package/dist/sifou-daily.json +78 -6
  3. package/dist/sifou-monthly.json +67 -67
  4. package/dist/sifou-weekly.json +128 -128
  5. package/dist/toutiao-30.json +36 -36
  6. package/dist/toutiao-7.json +91 -91
  7. package/dist/toutiao-90.json +15 -15
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +135 -135
  10. package/dist/trending-weekly.json +149 -149
  11. package/dist/users.china.json +1085 -1085
  12. package/dist/users.json +2143 -2143
  13. package/package.json +1 -1
  14. package/web/data/repos.json +20539 -20539
  15. package/web/data/sifou-daily.json +78 -6
  16. package/web/data/sifou-monthly.json +67 -67
  17. package/web/data/sifou-weekly.json +128 -128
  18. package/web/data/toutiao-30.json +36 -36
  19. package/web/data/toutiao-7.json +91 -91
  20. package/web/data/toutiao-90.json +15 -15
  21. package/web/data/trending-daily.json +167 -167
  22. package/web/data/trending-monthly.json +135 -135
  23. package/web/data/trending-weekly.json +149 -149
  24. package/web/data/users.china.json +1085 -1085
  25. package/web/data/users.json +2143 -2143
  26. package/web/index.html +1184 -1184
  27. package/web/repos.html +2971 -2975
  28. package/web/sifou-daily.html +230 -6
  29. package/web/sifou-monthly.html +95 -95
  30. package/web/sifou-weekly.html +138 -138
  31. package/web/toutiao-30.html +69 -69
  32. package/web/toutiao-7.html +75 -75
  33. package/web/toutiao-90.html +17 -17
  34. package/web/trending-monthly.html +125 -129
  35. package/web/trending-weekly.html +132 -132
  36. package/web/trending.html +147 -143
  37. package/web/users.china.html +674 -674
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/11 by
119
+ <div class="time">Last cache created on 2022/7/12 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
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>21</span>
159
+ <span>22</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000042065365" target="_blank" title="CSS层级小技巧！如何在滚动时自动添加头部阴影？">CSS层级小技巧！如何在滚动时自动添加头部阴影？</a>
176
+ <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</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>19</span>
187
+ <span>9</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
- <span>XboxYan</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
191
+ <span>南城大前端</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影
195
+ 日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
204
+ <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
213
213
  </g>
214
214
  </svg>
215
- <span>9</span>
215
+ <span>5</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
219
- <span>南城大前端</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
219
+ <span>卤代烃</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...
223
+ 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
232
+ <a href="https://segmentfault.com/a/1190000042081565" target="_blank" title="DNS 系列（一）：为什么更新了 DNS 记录不生效？">DNS 系列（一）：为什么更新了 DNS 记录不生效？</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <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"/>
241
241
  </g>
242
242
  </svg>
243
- <span>5</span>
243
+ <span>4</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
247
- <span>卤代烃</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
247
+ <span>云叔_又拍云</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...
251
+ 我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...
252
252
  </div>
253
253
  </div>
254
254
  </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/1190000042081565" target="_blank" title="DNS 系列（一）：为什么更新了 DNS 记录不生效？">DNS 系列（一）：为什么更新了 DNS 记录不生效？</a>
260
+ <a href="https://segmentfault.com/a/1190000042090195" target="_blank" title="他们齐聚 2022 ECUG Con，只为「中国技术力量」">他们齐聚 2022 ECUG Con，只为「中国技术力量」</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>3</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/snakesss" title="Programming Language">
275
+ <span>snakesss</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...
279
+ 后来的后来，计算机编程语言百家争鸣，从主流的 Java、C、Python、PHP、JavaScript……到新型的 Go、Go+、Taichi 等，给了技术爱好者们更多的选择。
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042065327" target="_blank" title="runc hang 导致 Kubernetes 节点 NotReady">runc hang 导致 Kubernetes 节点 NotReady</a>
288
+ <a href="https://segmentfault.com/a/1190000042089218" target="_blank" title="Nginx部署配置">Nginx部署配置</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -299,12 +299,12 @@
299
299
  <span>4</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
303
- <span>云叔_又拍云</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
303
+ <span>MangoGoing</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 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...
307
+ 常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...
308
308
  </div>
309
309
  </div>
310
310
  </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/1190000042065274" target="_blank" title="反爬篇 | 手把手教你处理 JS 逆向之图片伪装">反爬篇 | 手把手教你处理 JS 逆向之图片伪装</a>
316
+ <a href="https://segmentfault.com/a/1190000042080607" target="_blank" title="原生JS以后也支持类型注解啦？">原生JS以后也支持类型注解啦？</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -327,12 +327,12 @@
327
327
  <span>2</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/bianchengdandan" title="Programming Language">
331
- <span>Python技术大本营</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
331
+ <span>卡颂</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi
335
+ 在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042069019" target="_blank" title="这个高颜值的开源第三方网易云音乐播放器你值得拥有">这个高颜值的开源第三方网易云音乐播放器你值得拥有</a>
344
+ <a href="https://segmentfault.com/a/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理（上）">Nginx 实战核心知识点整理（上）</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
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"/>
353
353
  </g>
354
354
  </svg>
355
- <span>2</span>
355
+ <span>3</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
359
- <span>街角小林</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/rhythm_2019" title="Programming Language">
359
+ <span>Rhythm_2019</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...
363
+ Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042080607" target="_blank" title="原生JS以后也支持类型注解啦？">原生JS以后也支持类型注解啦？</a>
372
+ <a href="https://segmentfault.com/a/1190000042036969" target="_blank" title="Vue3，用组合编写更好的代码：动态返回(3/4)">Vue3，用组合编写更好的代码：动态返回(3/4)</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -383,12 +383,12 @@
383
383
  <span>2</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
387
- <span>卡颂</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
387
+ <span>前端小智</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。
391
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理（上）">Nginx 实战核心知识点整理（上）</a>
400
+ <a href="https://segmentfault.com/a/1190000042071322" target="_blank" title="GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨">GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
409
409
  </g>
410
410
  </svg>
411
- <span>3</span>
411
+ <span>2</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/rhythm_2019" title="Programming Language">
415
- <span>Rhythm_2019</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
415
+ <span>MissD</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。
419
+ 前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042069210" target="_blank" title="Web 应用实时版本检测，这么做最方便">Web 应用实时版本检测，这么做最方便</a>
428
+ <a href="https://segmentfault.com/a/1190000042093361" target="_blank" title="高阶切图技巧！基于单张图片的任意颜色转换">高阶切图技巧！基于单张图片的任意颜色转换</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>1</span>
439
+ <span>7</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/akimyou" title="Programming Language">
443
- <span>Myou_Aki</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
443
+ <span>chokcoco</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。
447
+ 今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...
448
448
  </div>
449
449
  </div>
450
450
  </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/1190000042071322" target="_blank" title="GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨">GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨</a>
456
+ <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</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/d2ms1shh" title="Programming Language">
471
- <span>MissD</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
471
+ <span>IT小马</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...
475
+ 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
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/1190000042036969" target="_blank" title="Vue3，用组合编写更好的代码：动态返回(3/4)">Vue3，用组合编写更好的代码：动态返回(3/4)</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/minnanitkong" title="Programming Language">
499
- <span>前端小智</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 [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
503
+ 前言随着时间的推进，业务组件也逐渐丰富起来，我们开始搭建组件库，编写组件文档的烦恼就随之而来。这里分享下我选取组件文档工具的经历，最终以 Docusaurus 为基础，搭建了一套开箱即用的 React 组件文档工具。...
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/1190000042081989" target="_blank" title="vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用">vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
521
521
  </g>
522
522
  </svg>
523
- <span>1</span>
523
+ <span>2</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/nanfengweiliao" title="Programming Language">
527
+ <span>南风未了</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：
531
+ 这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...
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/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
540
+ <a href="https://segmentfault.com/a/1190000042075285" target="_blank" title="网易云音乐机器学习平台实践">网易云音乐机器学习平台实践</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>2</span>
551
+ <span>1</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
555
- <span>IT小马</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
555
+ <span>云音乐技术团队</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。
559
+ 在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...
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/1190000042081989" target="_blank" title="vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用">vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用</a>
568
+ <a href="https://segmentfault.com/a/1190000042073871" target="_blank" title="Vim直接上手（一）：三种模式">Vim直接上手（一）：三种模式</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>2</span>
579
+ <span>1</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/nanfengweiliao" title="Programming Language">
583
- <span>南风未了</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
583
+ <span>LiberHome</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...
587
+ 比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。
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/1190000042064534" target="_blank" title="K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升">K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升</a>
596
+ <a href="https://segmentfault.com/a/1190000042074385" target="_blank" title="Vim直接上手（二）：常用命令（进入输入模式、移动光标、文本操作）">Vim直接上手（二）：常用命令（进入输入模式、移动光标、文本操作）</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -607,12 +607,12 @@
607
607
  <span>1</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/moelove" title="Programming Language">
611
- <span>张晋涛</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
611
+ <span>LiberHome</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...
615
+ i是insert在光标前面插入字符，a是append是在光标后面追加字符。o是用来新起一行，大小写区别在于上下左右，自己试一下就知道了。r是用来替换字符。小写替换一个，大写可以替换很多个。
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/1190000042075285" target="_blank" title="网易云音乐机器学习平台实践">网易云音乐机器学习平台实践</a>
624
+ <a href="https://segmentfault.com/a/1190000042079992" target="_blank" title="如何参与开源项目 - 细说 GitHub 上的 PR 全过程">如何参与开源项目 - 细说 GitHub 上的 PR 全过程</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -635,12 +635,12 @@
635
635
  <span>1</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
639
- <span>云音乐技术团队</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/daniel_hu_6299be102876e" title="Programming Language">
639
+ <span>Daniel_Hu</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...
643
+ 当然，除了正常的 PR 合入流程之外，我还准备详细介绍一下如果一个 PR 提交后遇到了冲突、需要追加 commits、需要合并 commits 等等相对复杂问题该如何解决。
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/1190000042073871" target="_blank" title="Vim直接上手（一）：三种模式">Vim直接上手（一）：三种模式</a>
652
+ <a href="https://segmentfault.com/a/1190000042073070" target="_blank" title="Vue 源码中的工具函数">Vue 源码中的工具函数</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>1</span>
663
+ <span>5</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
667
- <span>LiberHome</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/nuodun" title="Programming Language">
667
+ <span>诺顿</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。
671
+ 在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。
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/1190000042064614" target="_blank" title="精读《Diff, AnyOf, IsUnion...》">精读《Diff, AnyOf, IsUnion...》</a>
680
+ <a href="https://segmentfault.com/a/1190000042083899" target="_blank" title="如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！">如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！</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/aoyangyudakong" title="Programming Language">
695
- <span>黄子毅</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/libubai" title="Programming Language">
695
+ <span>李不白</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude&lt;X, Y&gt; 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...
699
+ 近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...
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/1190000042073070" target="_blank" title="Vue 源码中的工具函数">Vue 源码中的工具函数</a>
708
+ <a href="https://segmentfault.com/a/1190000042082390" target="_blank" title="我想写一个 Vue3 组件库，我该怎么开始？">我想写一个 Vue3 组件库，我该怎么开始？</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
717
717
  </g>
718
718
  </svg>
719
- <span>4</span>
719
+ <span>2</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/nuodun" title="Programming Language">
723
- <span>诺顿</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/qmhc" title="Programming Language">
723
+ <span>未觉雨声</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。
727
+ 最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。
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/1190000042063425" target="_blank" title="如何优雅地实现多数据库的发件箱模式">如何优雅地实现多数据库的发件箱模式</a>
736
+ <a href="https://segmentfault.com/a/1190000042091156" target="_blank" title="死锁问题排查过程-间隙锁的复现以及解决">死锁问题排查过程-间隙锁的复现以及解决</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>2</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
751
- <span>叶东富</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/skyarthur" title="Programming Language">
751
+ <span>skyarthur</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...
755
+ 我们在开启多线程对数据库进行操作的时候，先批量对数据进行删除，然后再新增，本来想着是考虑到不走更新，性能会提升，但是执行的时候发现报错，执行的sql等待超时，阻塞了进程，dbcp连接池被打满，数据库表访问...
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/1190000042069574" target="_blank" title="纯CSS 格子背景">纯CSS 格子背景</a>
764
+ <a href="https://segmentfault.com/a/1190000042077860" target="_blank" title="Vue 灰度发布新功能的那些事">Vue 灰度发布新功能的那些事</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>1</span>
775
+ <span>0</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/k21vin" title="Programming Language">
779
- <span>学习委员</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
779
+ <span>南城大前端</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...
783
+ 灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...
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/1190000042068929" target="_blank" title="在react中基于ant-design，封装一个中文输入框,提高onchange性能">在react中基于ant-design，封装一个中文输入框,提高onchange性能</a>
792
+ <a href="https://segmentfault.com/a/1190000042072196" target="_blank" title="下一个行业风口：NFT 数字藏品，是机遇还是泡沫？">下一个行业风口：NFT 数字藏品，是机遇还是泡沫？</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/jsoncode" title="Programming Language">
807
- <span>jsoncode</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
807
+ <span>腾讯云开发者</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。
811
+ 2021年3月，艺术家Beeple花费5000多天制成的作品《每一天：前5000天》，作为史上第一件公开拍卖的纯数字艺术品，在顶级拍卖行佳士得以高达6900万美元（约合4.5亿人民币）的天价成交，刷新了网上拍卖成交最高作品...
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/1190000042083899" target="_blank" title="如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！">如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！</a>
820
+ <a href="https://segmentfault.com/a/1190000042092435" target="_blank" title="用前端构建工具打包后端服务，我到底经历什么">用前端构建工具打包后端服务，我到底经历什么</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/libubai" title="Programming Language">
835
- <span>李不白</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
835
+ <span>小白要生发</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...
839
+ 看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。
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/1190000042077860" target="_blank" title="Vue 灰度发布新功能的那些事">Vue 灰度发布新功能的那些事</a>
848
+ <a href="https://segmentfault.com/a/1190000042077497" target="_blank" title="伪元素 content 出现中文乱码">伪元素 content 出现中文乱码</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
857
857
  </g>
858
858
  </svg>
859
- <span>0</span>
859
+ <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
863
- <span>南城大前端</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
863
+ <span>时倾</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...
867
+ 伪元素的 content 使用中文字符在某些浏览器可能会出现乱码：代码如下： {代码...} 解决方法首先，确认 charset 为 utf-8确保 HTML 的 META 属性设置为 charset=&#39;utf-8&#39;。经测试，还是会出现乱码。然后，将中文字...
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/1190000042072196" target="_blank" title="下一个行业风口：NFT 数字藏品，是机遇还是泡沫？">下一个行业风口：NFT 数字藏品，是机遇还是泡沫？</a>
876
+ <a href="https://segmentfault.com/a/1190000042075182" target="_blank" title="三步就能在OpenHarmony中实现车牌识别">三步就能在OpenHarmony中实现车牌识别</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
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
885
  </g>
886
886
  </svg>
887
- <span>1</span>
887
+ <span>3</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
891
- <span>腾讯云开发者</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/openharmony" title="Programming Language">
891
+ <span>OpenHarmony社区</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 2021年3月，艺术家Beeple花费5000多天制成的作品《每一天：前5000天》，作为史上第一件公开拍卖的纯数字艺术品，在顶级拍卖行佳士得以高达6900万美元（约合4.5亿人民币）的天价成交，刷新了网上拍卖成交最高作品...
895
+ 介绍本车牌识别项目是基于开源项目 EasyPR（Easy to do Plate Recognition）实现。EasyPR 是一个开源的中文车牌识别系统，基于 OpenCV 开源库开发。本项目使用润和 HiSpark Taurus AI Camera(Hi3516DV300) 摄像头...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
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/1190000042064332" target="_blank" title="golang 简洁架构介绍">golang 简洁架构介绍</a>
904
+ <a href="https://segmentfault.com/a/1190000042085705" target="_blank" title="前端需要的免费在线api接口">前端需要的免费在线api接口</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>1</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/ucmir183" title="Programming Language">
919
- <span>ucmir183</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/k21vin" title="Programming Language">
919
+ <span>学习委员</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。
923
+ 回想当年刚接触前端，Ajax 真的碰一次就跪一次。当时不懂后端，不知道 api 是什么东东，也没有后端小伙伴写接口给我测试。本文整理了我用过的几个 免费的在线api接口，而且不需要处理跨域等问题。希望能给刚入门...
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/1190000042068327" target="_blank" title="sso单点登录">sso单点登录</a>
932
+ <a href="https://segmentfault.com/a/1190000042075611" target="_blank" title="像素级模仿，前yapi代码贡献者对apifox的公开信">像素级模仿，前yapi代码贡献者对apifox的公开信</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>2</span>
943
+ <span>1</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
947
- <span>小强Zzz</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/kangkaidebinggun" title="Programming Language">
947
+ <span>慷慨的冰棍</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- sso，Single Sign On，单点登录。简单来说，就是当我们有多个系统时，我们每个系统都需要单独登录非常麻烦，那么我们去单独做一个登录系统，我们叫做sso，这个登录系统可以登录多个其他系统，并且访问多个系统只...
951
+ 这段时间收到很多朋友发来的信息，说一款api管理服务工具apifox跟我们当时做的yapi很像，最近在全网推广，刚听到这个消息，我还挺意外的,毕竟当时我们做yapi是开源的。今天我闲来无事，下载他们的软件用了用，简...
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/1190000042065079" target="_blank" title="2022年中总结关键词：裁员、年终奖、晋升、涨薪、疫情">2022年中总结关键词：裁员、年终奖、晋升、涨薪、疫情</a>
960
+ <a href="https://segmentfault.com/a/1190000042070629" target="_blank" title="基于OpenHarmony的智能金属探测器">基于OpenHarmony的智能金属探测器</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>2</span>
971
+ <span>3</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/yangyaya" title="Programming Language">
975
- <span>阳呀呀</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/openharmony" title="Programming Language">
975
+ <span>OpenHarmony社区</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 2022年转眼过去了一半，又到了年中总结的时候。上半年可以概括为在关注公司裁员、等待发年终奖、准备专业晋升、等待聊涨薪、迁移项目、疫情导致在家办公中一点点渡过的。接下来就一一来聊一下吧~
979
+ 智能金属探测器是基于 OpenAtom  OpenHarmony（以下简称“OpenHarmony”）操作系统，利用电磁感应原理来探测周围的金属物体。该样例采用多设备协同的方式，兼容 OpenHarmony 设备开发与应用开发，整个样例体现了 Op...
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/11 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/7/12 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>