@wcj/github-rank 22.8.24 → 22.8.25

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 +21298 -21298
  2. package/dist/sifou-daily.json +46 -28
  3. package/dist/sifou-monthly.json +26 -26
  4. package/dist/sifou-weekly.json +132 -132
  5. package/dist/toutiao-30.json +24 -24
  6. package/dist/toutiao-7.json +75 -75
  7. package/dist/toutiao-90.json +11 -11
  8. package/dist/trending-daily.json +166 -166
  9. package/dist/trending-monthly.json +147 -147
  10. package/dist/trending-weekly.json +148 -148
  11. package/dist/users.china.json +1408 -1408
  12. package/dist/users.json +1992 -1992
  13. package/package.json +1 -1
  14. package/web/data/repos.json +21298 -21298
  15. package/web/data/sifou-daily.json +46 -28
  16. package/web/data/sifou-monthly.json +26 -26
  17. package/web/data/sifou-weekly.json +132 -132
  18. package/web/data/toutiao-30.json +24 -24
  19. package/web/data/toutiao-7.json +75 -75
  20. package/web/data/toutiao-90.json +11 -11
  21. package/web/data/trending-daily.json +166 -166
  22. package/web/data/trending-monthly.json +147 -147
  23. package/web/data/trending-weekly.json +148 -148
  24. package/web/data/users.china.json +1408 -1408
  25. package/web/data/users.json +1992 -1992
  26. package/web/index.html +1041 -1041
  27. package/web/repos.html +2627 -2627
  28. package/web/sifou-daily.html +81 -25
  29. package/web/sifou-monthly.html +27 -27
  30. package/web/sifou-weekly.html +124 -124
  31. package/web/toutiao-30.html +55 -55
  32. package/web/toutiao-7.html +59 -59
  33. package/web/toutiao-90.html +11 -11
  34. package/web/trending-monthly.html +133 -133
  35. package/web/trending-weekly.html +130 -130
  36. package/web/trending.html +155 -139
  37. package/web/users.china.html +716 -716
package/web/sifou-daily.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/8/24 by
119
+ <div class="time">Last cache created on 2022/8/25 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/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
148
+ <a href="https://segmentfault.com/a/1190000042370647" target="_blank" title="理想汽车 x JuiceFS：从 Hadoop 到云原生的演进与思考">理想汽车 x JuiceFS：从 Hadoop 到云原生的演进与思考</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>4</span>
159
+ <span>3</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/juicefs" title="Programming Language">
163
+ <span>JuiceFS</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
167
+ 第一个时期： 2006 年到 2008 年。2008 年左右，Hadoop 成为了 Apache 顶级项目，并正式发布了 1.0 版本，它的基础主要是基于谷歌的三驾马车，GFS、MapReduce、BigTable 去定义的。
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/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
176
+ <a href="https://segmentfault.com/a/1190000042367592" target="_blank" title="编程语言中索引签名是什么？">编程语言中索引签名是什么？</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>5</span>
187
+ <span>1</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/chai2010" title="Programming Language">
191
+ <span>chai2010</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
195
+ 撰稿：宗喆原文：[链接]KusionStack: [链接]KCLVM: [链接]1. 背景最近在参与 KusionStack 内置的领域语言 —— KCL配置语言编译器 的开发，语言的语法中包括一个“索引签名”的概念，在参与社区讨论的时候发现很多小...
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/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
204
+ <a href="https://segmentfault.com/a/1190000042366651" target="_blank" title="5个常见的JavaScript内存错误">5个常见的JavaScript内存错误</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>3</span>
215
+ <span>1</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba" title="Programming Language">
219
- <span>前端小菜鸟</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
219
+ <span>前端小智</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...
223
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042366375" target="_blank" title="spring接口多实现类，该依赖注入哪一个？">spring接口多实现类，该依赖注入哪一个？</a>
232
+ <a href="https://segmentfault.com/a/1190000042371302" target="_blank" title="Prometheus+Grafana监控-基于docker-compose搭建">Prometheus+Grafana监控-基于docker-compose搭建</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -243,12 +243,12 @@
243
243
  <span>1</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/zimug" title="Programming Language">
247
- <span>字母哥博客</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/maxfang" title="Programming Language">
247
+ <span>MaxFang</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 一、问题的描述在实际的系统应用开发中我经常会遇到这样的一类需求，相信大家在工作中也会经常遇到：同一个系统在多个省份部署。一个业务在北京是一种实现方式，是基于北京用户的需求。同样的业务在上海是另外一...
251
+ Prometheus 是有 SoundCloud 开发的开源监控系统和时序数据库，基于 Go 语言开发。通过基于 HTTP 的 pull 方式采集时序数据，通过服务发现或静态配置去获取要采集的目标服务器，支持多节点工作，支持多种可视化图...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,63 @@
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/1190000042362468" target="_blank" title="延时任务-基于redis zset的完整实现">延时任务-基于redis zset的完整实现</a>
260
+ <a href="https://segmentfault.com/a/1190000042370605" target="_blank" title="使用Operator的方式部署Prometheus">使用Operator的方式部署Prometheus</a>
261
+ </div>
262
+ <div class="sub-title followers">
263
+
264
+ <span title="Stargazers Count">
265
+ <svg width="12" height="12" viewBox="0 0 16 16">
266
+ <g fill="none" fill-rule="evenodd">
267
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
270
+ </svg>
271
+ <span>1</span>
272
+ </span>
273
+ &nbsp;
274
+ <a target="_blank" href="https://segmentfault.com/u/vdp7zaz5" title="Programming Language">
275
+ <span>小源学算法</span>
276
+ </a>
277
+ </div>
278
+ <div class="details">
279
+ 一、介绍Operator是CoreOS公司开发，用于扩展kubernetes API或特定应用程序的控制器，它用来创建、配置、管理复杂的有状态应用，例如数据库，监控系统。其中Prometheus-Operator就是其中一个重要的项目。其架构图...
280
+ </div>
281
+ </div>
282
+ </li>
283
+
284
+ <li>
285
+ <div class="info">
286
+ <div class="rank">
287
+ <span title="Ranking 6">6</span>
288
+ <a href="https://segmentfault.com/a/1190000042371688" target="_blank" title="带你玩转消息队列和相关选型！">带你玩转消息队列和相关选型！</a>
289
+ </div>
290
+ <div class="sub-title followers">
291
+
292
+ <span title="Stargazers Count">
293
+ <svg width="12" height="12" viewBox="0 0 16 16">
294
+ <g fill="none" fill-rule="evenodd">
295
+ <path d="M0 0h16v16H0z"/>
296
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
+ </g>
298
+ </svg>
299
+ <span>1</span>
300
+ </span>
301
+ &nbsp;
302
+ <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
303
+ <span>腾讯云开发者</span>
304
+ </a>
305
+ </div>
306
+ <div class="details">
307
+ 导语 | 本文主要介绍Kafka、RabbitMQ、Pulsar、RocketMQ相关的基本原理和选型对比，希望对此方向感兴趣的读者提供一定经验和帮助。
308
+ </div>
309
+ </div>
310
+ </li>
311
+
312
+ <li>
313
+ <div class="info">
314
+ <div class="rank">
315
+ <span title="Ranking 7">7</span>
316
+ <a href="https://segmentfault.com/a/1190000042369220" target="_blank" title="万物皆可集成系列：低代码对接泛微e-cology">万物皆可集成系列：低代码对接泛微e-cology</a>
261
317
  </div>
262
318
  <div class="sub-title followers">
263
319
 
@@ -271,12 +327,12 @@
271
327
  <span>1</span>
272
328
  </span>
273
329
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/zimug" title="Programming Language">
275
- <span>字母哥博客</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
331
+ <span>葡萄城技术团队</span>
276
332
  </a>
277
333
  </div>
278
334
  <div class="details">
279
- 所谓的延时任务给大家举个例子：你买了一张火车票，必须在30分钟之内付款，否则该订单被自动取消。订单30分钟不付款自动取消，这个任务就是一个延时任务。 我之前已经写过2篇关于延时任务的文章：
335
+ 近些年来，当谈论到企业信息化的时候，OA作为集团化全员应用，在企业经营管理中使用非常广泛。众所周知，泛微e-cology作为面向大中型企业的平台型协同办公自动化系统，它的标准化功能和软件的易用性，大大的提升...
280
336
  </div>
281
337
  </div>
282
338
  </li>
@@ -297,7 +353,7 @@
297
353
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
298
354
  </a>
299
355
  </div>
300
- <div class="time">Last cache created on 2022/8/24 by Github API v3.</div>
356
+ <div class="time">Last cache created on 2022/8/25 by Github API v3.</div>
301
357
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
302
358
  </div>
303
359
  </body>
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/8/24 by
119
+ <div class="time">Last cache created on 2022/8/25 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/1190000042251637" target="_blank" title="提升web输入体验！JS 如何自动配对标点符号？">提升web输入体验！JS 如何自动配对标点符号？</a>
148
+ <a href="https://segmentfault.com/a/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</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>23</span>
159
+ <span>24</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
- 欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...
167
+ 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -184,7 +184,7 @@
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>29</span>
187
+ <span>30</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -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/1190000042217200" target="_blank" title="圆角大杀器，使用滤镜构建圆角及波浪效果">圆角大杀器，使用滤镜构建圆角及波浪效果</a>
204
+ <a href="https://segmentfault.com/a/1190000042251637" target="_blank" title="提升web输入体验！JS 如何自动配对标点符号？">提升web输入体验！JS 如何自动配对标点符号？</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>26</span>
215
+ <span>24</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
219
- <span>chokcoco</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
+ <span>XboxYan</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...
223
+ 欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...
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/1190000042325723" target="_blank" title="多行文本下的文字渐隐消失术">多行文本下的文字渐隐消失术</a>
232
+ <a href="https://segmentfault.com/a/1190000042217200" target="_blank" title="圆角大杀器，使用滤镜构建圆角及波浪效果">圆角大杀器，使用滤镜构建圆角及波浪效果</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,7 +240,7 @@
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>23</span>
243
+ <span>26</span>
244
244
  </span>
245
245
  &nbsp;
246
246
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -248,7 +248,7 @@
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...
251
+ 本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -688,7 +688,7 @@
688
688
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
689
689
  </g>
690
690
  </svg>
691
- <span>15</span>
691
+ <span>16</span>
692
692
  </span>
693
693
  &nbsp;
694
694
  <a target="_blank" href="https://segmentfault.com/u/jackysummer" title="Programming Language">
@@ -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/1190000042266784" target="_blank" title="整理了这23个开源项，初学者可以拿来练习！">整理了这23个开源项，初学者可以拿来练习！</a>
932
+ <a href="https://segmentfault.com/a/1190000042288656" target="_blank" title="使用Vue.js编写命令行界面,前端开发CLI的利器">使用Vue.js编写命令行界面,前端开发CLI的利器</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>7</span>
943
+ <span>4</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
947
- <span>前端小智</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
947
+ <span>null仔</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
951
+ 大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...
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/1190000042288656" target="_blank" title="使用Vue.js编写命令行界面,前端开发CLI的利器">使用Vue.js编写命令行界面,前端开发CLI的利器</a>
960
+ <a href="https://segmentfault.com/a/1190000042266784" target="_blank" title="整理了这23个开源项，初学者可以拿来练习！">整理了这23个开源项，初学者可以拿来练习！</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>4</span>
971
+ <span>7</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
975
- <span>null仔</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
975
+ <span>前端小智</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...
979
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/8/24 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/25 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>