@wcj/github-rank 22.3.2 → 22.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +32399 -32395
  2. package/dist/sifou-daily.json +126 -36
  3. package/dist/sifou-monthly.json +118 -118
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +67 -67
  6. package/dist/toutiao-7.json +113 -113
  7. package/dist/toutiao-90.json +67 -67
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +162 -162
  10. package/dist/trending-weekly.json +172 -172
  11. package/dist/users.china.json +3239 -3240
  12. package/dist/users.json +4384 -4383
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +32399 -32395
  16. package/web/data/sifou-daily.json +126 -36
  17. package/web/data/sifou-monthly.json +118 -118
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +67 -67
  20. package/web/data/toutiao-7.json +113 -113
  21. package/web/data/toutiao-90.json +67 -67
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +162 -162
  24. package/web/data/trending-weekly.json +172 -172
  25. package/web/data/users.china.json +3239 -3240
  26. package/web/data/users.json +4384 -4383
  27. package/web/index.html +2289 -2289
  28. package/web/repos.html +3967 -3967
  29. package/web/sifou-daily.html +311 -31
  30. package/web/sifou-monthly.html +128 -128
  31. package/web/sifou-weekly.html +149 -149
  32. package/web/toutiao-30.html +75 -75
  33. package/web/toutiao-7.html +75 -75
  34. package/web/toutiao-90.html +57 -57
  35. package/web/trending-monthly.html +145 -145
  36. package/web/trending-weekly.html +144 -156
  37. package/web/trending.html +160 -132
  38. package/web/users.china.html +1824 -1824
package/web/sifou-weekly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/3/2 by
97
+ <div class="time">Last cache created on 2022/3/5 by
98
98
 
99
99
 
100
100
 
@@ -125,7 +125,7 @@
125
125
  <div class="info">
126
126
  <div class="rank">
127
127
  <span title="Ranking 1">1</span>
128
- <a href="https://segmentfault.com/a/1190000041457245" target="_blank" title="Web 中的“选区”和“光标”">Web 中的“选区”和“光标”</a>
128
+ <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
129
129
  </div>
130
130
  <div class="sub-title followers">
131
131
 
@@ -136,15 +136,15 @@
136
136
  <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"/>
137
137
  </g>
138
138
  </svg>
139
- <span>31</span>
139
+ <span>16</span>
140
140
  </span>
141
141
  &nbsp;
142
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
143
- <span>XboxYan</span>
142
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
143
+ <span>谭光志</span>
144
144
  </a>
145
145
  </div>
146
146
  <div class="details">
147
- 在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色
147
+ 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
148
148
  </div>
149
149
  </div>
150
150
  </li>
@@ -153,7 +153,7 @@
153
153
  <div class="info">
154
154
  <div class="rank">
155
155
  <span title="Ranking 2">2</span>
156
- <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
156
+ <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
157
157
  </div>
158
158
  <div class="sub-title followers">
159
159
 
@@ -164,15 +164,15 @@
164
164
  <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"/>
165
165
  </g>
166
166
  </svg>
167
- <span>24</span>
167
+ <span>14</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
171
- <span>码哥字节</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
171
+ <span>chokcoco</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
175
+ 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
176
176
  </div>
177
177
  </div>
178
178
  </li>
@@ -181,7 +181,7 @@
181
181
  <div class="info">
182
182
  <div class="rank">
183
183
  <span title="Ranking 3">3</span>
184
- <a href="https://segmentfault.com/a/1190000041447795" target="_blank" title="前端生成PDF，让后端刮目相看">前端生成PDF，让后端刮目相看</a>
184
+ <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
185
185
  </div>
186
186
  <div class="sub-title followers">
187
187
 
@@ -192,15 +192,15 @@
192
192
  <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"/>
193
193
  </g>
194
194
  </svg>
195
- <span>19</span>
195
+ <span>12</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
199
- <span>葡萄城技术团队</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
199
+ <span>chokcoco</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...
203
+ 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
204
204
  </div>
205
205
  </div>
206
206
  </li>
@@ -209,7 +209,7 @@
209
209
  <div class="info">
210
210
  <div class="rank">
211
211
  <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
212
+ <a href="https://segmentfault.com/a/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
213
213
  </div>
214
214
  <div class="sub-title followers">
215
215
 
@@ -220,15 +220,15 @@
220
220
  <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"/>
221
221
  </g>
222
222
  </svg>
223
- <span>11</span>
223
+ <span>13</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
227
- <span>谭光志</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
227
+ <span>xiangzhihong</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
231
+ 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
232
232
  </div>
233
233
  </div>
234
234
  </li>
@@ -237,7 +237,7 @@
237
237
  <div class="info">
238
238
  <div class="rank">
239
239
  <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
240
+ <a href="https://segmentfault.com/a/1190000041474553" target="_blank" title="走进开源项目 - urlcat">走进开源项目 - urlcat</a>
241
241
  </div>
242
242
  <div class="sub-title followers">
243
243
 
@@ -248,15 +248,15 @@
248
248
  <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"/>
249
249
  </g>
250
250
  </svg>
251
- <span>10</span>
251
+ <span>13</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
255
- <span>皮小蛋</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
255
+ <span>robin</span>
256
256
  </a>
257
257
  </div>
258
258
  <div class="details">
259
- 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
259
+ urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。
260
260
  </div>
261
261
  </div>
262
262
  </li>
@@ -265,7 +265,7 @@
265
265
  <div class="info">
266
266
  <div class="rank">
267
267
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041452414" target="_blank" title="扫盲贴：2021 CSS 最冷门特性都是些啥？">扫盲贴：2021 CSS 最冷门特性都是些啥？</a>
268
+ <a href="https://segmentfault.com/a/1190000041465200" target="_blank" title="如何定位浏览器页面崩溃的问题">如何定位浏览器页面崩溃的问题</a>
269
269
  </div>
270
270
  <div class="sub-title followers">
271
271
 
@@ -276,15 +276,15 @@
276
276
  <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"/>
277
277
  </g>
278
278
  </svg>
279
- <span>10</span>
279
+ <span>8</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
283
- <span>chokcoco</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
283
+ <span>记得要微笑</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 最近几年 CSS 界的大事之一是每年年底的 《State Of CSS》，也就是 CSS 现状调查，去年年底发布了《State Of CSS 2021》。其中关于特性这一章，会列出一些比较新的 CSS 特性在当年的使用情况概览：
287
+ 在实际项目开发中，我们常常会遇到类似如下页面崩溃的问题，导致浏览器页面崩溃的原因一般都是JS Heap堆内存溢出，但此类问题一般控制台都不会报错，所以其定位问题的经验和手段很关键，下文是我在实际项目中遇到...
288
288
  </div>
289
289
  </div>
290
290
  </li>
@@ -293,7 +293,7 @@
293
293
  <div class="info">
294
294
  <div class="rank">
295
295
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041454749" target="_blank" title="【程序员的实用工具推荐】 Mac 效率神器 Alfred">【程序员的实用工具推荐】 Mac 效率神器 Alfred</a>
296
+ <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
297
297
  </div>
298
298
  <div class="sub-title followers">
299
299
 
@@ -304,15 +304,15 @@
304
304
  <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"/>
305
305
  </g>
306
306
  </svg>
307
- <span>10</span>
307
+ <span>6</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
311
- <span>云叔_又拍云</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
311
+ <span>JenK</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- Alfred 是一款功能非常强大，能有效提升 Mac 电脑使用效率的神器。可以说有了 Alfred 你就基本上可以脱离鼠标实现各种操作。相比 Mac 自带的聚焦搜索，完全可以称得上拥有碾压性的优势。
315
+ 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
316
316
  </div>
317
317
  </div>
318
318
  </li>
@@ -321,7 +321,7 @@
321
321
  <div class="info">
322
322
  <div class="rank">
323
323
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041458272" target="_blank" title="23 个非常有用的 NodeJs 库">23 个非常有用的 NodeJs 库</a>
324
+ <a href="https://segmentfault.com/a/1190000041493486" target="_blank" title="45个 GIT 经典操作场景，专治不会合代码">45个 GIT 经典操作场景，专治不会合代码</a>
325
325
  </div>
326
326
  <div class="sub-title followers">
327
327
 
@@ -332,15 +332,15 @@
332
332
  <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"/>
333
333
  </g>
334
334
  </svg>
335
- <span>11</span>
335
+ <span>18</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
339
- <span>前端小智</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
339
+ <span>程序员内点事</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
343
+ git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...
344
344
  </div>
345
345
  </div>
346
346
  </li>
@@ -349,7 +349,7 @@
349
349
  <div class="info">
350
350
  <div class="rank">
351
351
  <span title="Ranking 9">9</span>
352
- <a href="https://segmentfault.com/a/1190000041465200" target="_blank" title="如何定位浏览器页面崩溃的问题">如何定位浏览器页面崩溃的问题</a>
352
+ <a href="https://segmentfault.com/a/1190000041488303" target="_blank" title="不会写代码的播音生不是个好运营😁">不会写代码的播音生不是个好运营😁</a>
353
353
  </div>
354
354
  <div class="sub-title followers">
355
355
 
@@ -360,15 +360,15 @@
360
360
  <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"/>
361
361
  </g>
362
362
  </svg>
363
- <span>6</span>
363
+ <span>20</span>
364
364
  </span>
365
365
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
367
- <span>记得要微笑</span>
366
+ <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
367
+ <span>不会写代码的小白</span>
368
368
  </a>
369
369
  </div>
370
370
  <div class="details">
371
- 在实际项目开发中，我们常常会遇到类似如下页面崩溃的问题，导致浏览器页面崩溃的原因一般都是JS Heap堆内存溢出，但此类问题一般控制台都不会报错，所以其定位问题的经验和手段很关键，下文是我在实际项目中遇到...
371
+ 我想很多毕业生在大四的时候都会遇到一个问题，就是很难找到与自己专业对口的工作。媒体上也经常出现诸如大学生回乡卖猪，卖鸡蛋之类的新闻，专业与职业的矛盾在这种强烈的对比下被激化了。如果我们审视一下我们...
372
372
  </div>
373
373
  </div>
374
374
  </li>
@@ -377,7 +377,7 @@
377
377
  <div class="info">
378
378
  <div class="rank">
379
379
  <span title="Ranking 10">10</span>
380
- <a href="https://segmentfault.com/a/1190000041445495" target="_blank" title="vscode语音注释, 让信息更丰富(下)">vscode语音注释, 让信息更丰富(下)</a>
380
+ <a href="https://segmentfault.com/a/1190000041478431" target="_blank" title="保险柜钥匙插门上，大学生单枪匹马盗取淘宝11亿用户手机号">保险柜钥匙插门上，大学生单枪匹马盗取淘宝11亿用户手机号</a>
381
381
  </div>
382
382
  <div class="sub-title followers">
383
383
 
@@ -391,12 +391,12 @@
391
391
  <span>8</span>
392
392
  </span>
393
393
  &nbsp;
394
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
395
- <span>lulu_up</span>
394
+ <a target="_blank" href="https://segmentfault.com/u/qinjianxiang" title="Programming Language">
395
+ <span>qinjianxiang</span>
396
396
  </a>
397
397
  </div>
398
398
  <div class="details">
399
- 这个系列的最后一篇, 主要讲述录制音频&amp;音频文件存储相关知识, 当时因为录音有bug搞得我一周没心情吃饭(voice-annotation)。
399
+ Hello，大家好，我是民间发明家，覃健祥。我申请了20多项发明专利，听到这个数字，有的朋友觉得好厉害但又不明白这些发明和我们的日常生活有什么关系，有的甚至问我是不是为了资助奖励申请了一堆凑数的专利。其实...
400
400
  </div>
401
401
  </div>
402
402
  </li>
@@ -405,7 +405,7 @@
405
405
  <div class="info">
406
406
  <div class="rank">
407
407
  <span title="Ranking 11">11</span>
408
- <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
408
+ <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
409
409
  </div>
410
410
  <div class="sub-title followers">
411
411
 
@@ -416,15 +416,15 @@
416
416
  <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"/>
417
417
  </g>
418
418
  </svg>
419
- <span>6</span>
419
+ <span>7</span>
420
420
  </span>
421
421
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
423
- <span>chokcoco</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
423
+ <span>码哥字节</span>
424
424
  </a>
425
425
  </div>
426
426
  <div class="details">
427
- 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
427
+ 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
428
428
  </div>
429
429
  </div>
430
430
  </li>
@@ -433,7 +433,7 @@
433
433
  <div class="info">
434
434
  <div class="rank">
435
435
  <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041447407" target="_blank" title="Vim 核心开发者 Sven Guckes 去世，Vim 之父：我要把 9.0 版本献给他">Vim 核心开发者 Sven Guckes 去世，Vim 之父：我要把 9.0 版本献给他</a>
436
+ <a href="https://segmentfault.com/a/1190000041493202" target="_blank" title="姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍">姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍</a>
437
437
  </div>
438
438
  <div class="sub-title followers">
439
439
 
@@ -444,15 +444,15 @@
444
444
  <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"/>
445
445
  </g>
446
446
  </svg>
447
- <span>5</span>
447
+ <span>4</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
451
- <span>MissD</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
451
+ <span>鸣飞</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- 2 月 21 日，Vim 之父 Bram Moolenaar 在一份公开邮件中宣布了 Vim 核心维护者 Sven Guckes 在柏林因病去世的消息。邮件中，Bram Moolenaar 对 Sven Guckes 的离去表达了沉痛哀悼，并宣布将 Vim 9.0 版本将献给这...
455
+ 在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。Apache 软件基金会孵化器导师，ALC Beijing 发起人，华为...
456
456
  </div>
457
457
  </div>
458
458
  </li>
@@ -461,7 +461,7 @@
461
461
  <div class="info">
462
462
  <div class="rank">
463
463
  <span title="Ranking 13">13</span>
464
- <a href="https://segmentfault.com/a/1190000041474553" target="_blank" title="走进开源项目 - urlcat">走进开源项目 - urlcat</a>
464
+ <a href="https://segmentfault.com/a/1190000041492641" target="_blank" title="祝贺姜宁当选 2022 Apache 软件基金会新任董事">祝贺姜宁当选 2022 Apache 软件基金会新任董事</a>
465
465
  </div>
466
466
  <div class="sub-title followers">
467
467
 
@@ -472,15 +472,15 @@
472
472
  <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"/>
473
473
  </g>
474
474
  </svg>
475
- <span>11</span>
475
+ <span>4</span>
476
476
  </span>
477
477
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
479
- <span>robin</span>
478
+ <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
479
+ <span>鸣飞</span>
480
480
  </a>
481
481
  </div>
482
482
  <div class="details">
483
- urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。
483
+ 在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。
484
484
  </div>
485
485
  </div>
486
486
  </li>
@@ -489,7 +489,7 @@
489
489
  <div class="info">
490
490
  <div class="rank">
491
491
  <span title="Ranking 14">14</span>
492
- <a href="https://segmentfault.com/a/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
492
+ <a href="https://segmentfault.com/a/1190000041483901" target="_blank" title="React内部让人迷惑的性能优化策略">React内部让人迷惑的性能优化策略</a>
493
493
  </div>
494
494
  <div class="sub-title followers">
495
495
 
@@ -500,15 +500,15 @@
500
500
  <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"/>
501
501
  </g>
502
502
  </svg>
503
- <span>8</span>
503
+ <span>7</span>
504
504
  </span>
505
505
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
507
- <span>xiangzhihong</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
507
+ <span>卡颂</span>
508
508
  </a>
509
509
  </div>
510
510
  <div class="details">
511
- 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
511
+ 大家好，我卡颂。相比Vue可以基于模版进行编译时性能优化，React作为一个完全运行时的库，只能在运行时谋求性能优化。这些优化对开发者大多是无感知的，但对项目进行性能优化时也常令开发者困惑。比如如下代码： ...
512
512
  </div>
513
513
  </div>
514
514
  </li>
@@ -517,7 +517,7 @@
517
517
  <div class="info">
518
518
  <div class="rank">
519
519
  <span title="Ranking 15">15</span>
520
- <a href="https://segmentfault.com/a/1190000041456362" target="_blank" title="Vue 优化速查">Vue 优化速查</a>
520
+ <a href="https://segmentfault.com/a/1190000041473819" target="_blank" title="如何在 ThreeJS 中实现辉光效果">如何在 ThreeJS 中实现辉光效果</a>
521
521
  </div>
522
522
  <div class="sub-title followers">
523
523
 
@@ -528,15 +528,15 @@
528
528
  <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"/>
529
529
  </g>
530
530
  </svg>
531
- <span>6</span>
531
+ <span>8</span>
532
532
  </span>
533
533
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/ssshooter" title="Programming Language">
535
- <span>ssshooter</span>
534
+ <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
535
+ <span>ES2049</span>
536
536
  </a>
537
537
  </div>
538
538
  <div class="details">
539
- 首发传送门：[链接]拆分组件我也曾以为，拆分子组件是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式（特定情况）。在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，...
539
+ 在游戏中，我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中，这些辉光是由于光线在大...
540
540
  </div>
541
541
  </div>
542
542
  </li>
@@ -545,7 +545,7 @@
545
545
  <div class="info">
546
546
  <div class="rank">
547
547
  <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041469717" target="_blank" title="所以，e.target 和 e.currentTarget 到底有啥区别呢？">所以，e.target 和 e.currentTarget 到底有啥区别呢？</a>
548
+ <a href="https://segmentfault.com/a/1190000041480883" target="_blank" title="国外排名前 15 的 Vue 后台管理模板">国外排名前 15 的 Vue 后台管理模板</a>
549
549
  </div>
550
550
  <div class="sub-title followers">
551
551
 
@@ -559,12 +559,12 @@
559
559
  <span>6</span>
560
560
  </span>
561
561
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
563
- <span>Sunshine_Lin</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
563
+ <span>前端小智</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- 大家开发中经常会跟DOM的事件打交道，也会经常用到 e.target 和 e.currentTarget 这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~
567
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
568
568
  </div>
569
569
  </div>
570
570
  </li>
@@ -573,7 +573,7 @@
573
573
  <div class="info">
574
574
  <div class="rank">
575
575
  <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041453850" target="_blank" title="马斯克：我是 Rust 粉丝，但为了性能会选择 C">马斯克：我是 Rust 粉丝，但为了性能会选择 C</a>
576
+ <a href="https://segmentfault.com/a/1190000041478447" target="_blank" title="来自开源世界的超级码丽，中国开源码力榜权威发布！">来自开源世界的超级码丽，中国开源码力榜权威发布！</a>
577
577
  </div>
578
578
  <div class="sub-title followers">
579
579
 
@@ -584,15 +584,15 @@
584
584
  <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"/>
585
585
  </g>
586
586
  </svg>
587
- <span>5</span>
587
+ <span>7</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
591
- <span>MissD</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
591
+ <span>SegmentFault思否</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 作为一位几乎时刻处于风口浪尖上的“网络红人”，特斯拉 CEO 埃隆·马斯克(Elon Musk)被外界评价为“致力于从人工智能手中拯救人类”的钢铁侠。近期，这位大佬又因不少“出格”言论而在社交媒体上引发热议 —— 在一家 AI ...
595
+ 2022 年 1 月 13 日，SegmentFault 思否联合长期耕耘与推广开源文化的开源社共同推出了《2021 中国开源先锋 33 人》榜单，一众开源先锋上榜，一时间引发了行业的广泛关注与讨论。他们当中有贡献代码的开发者、开...
596
596
  </div>
597
597
  </div>
598
598
  </li>
@@ -601,7 +601,7 @@
601
601
  <div class="info">
602
602
  <div class="rank">
603
603
  <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041469213" target="_blank" title="谈一谈组件化">谈一谈组件化</a>
604
+ <a href="https://segmentfault.com/a/1190000041480904" target="_blank" title="黑炫酷的监控界面，实际上是用了什么开源工具？">黑炫酷的监控界面，实际上是用了什么开源工具？</a>
605
605
  </div>
606
606
  <div class="sub-title followers">
607
607
 
@@ -612,15 +612,15 @@
612
612
  <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"/>
613
613
  </g>
614
614
  </svg>
615
- <span>4</span>
615
+ <span>5</span>
616
616
  </span>
617
617
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
619
- <span>记得要微笑</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
619
+ <span>Java3y</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 今天前端生态里面，React、Angular和Vue三分天下。虽然这三个框架的定位各有不同，但是它们有一个核心的共同点，那就是提供了组件化的能力。W3C也有Web Component的相关草案，也是为了提供组件化能力。今天我们就...
623
+ 我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为职业八股文选手今天austin项目来给大家整点不一样的：花点时间跟着文章做完，屏幕壁纸就可以有了，我来上个图，大家就懂了。每当同事一瞄你的电脑，发...
624
624
  </div>
625
625
  </div>
626
626
  </li>
@@ -629,7 +629,7 @@
629
629
  <div class="info">
630
630
  <div class="rank">
631
631
  <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041466088" target="_blank" title="2022目前三种有效加速国内Github">2022目前三种有效加速国内Github</a>
632
+ <a href="https://segmentfault.com/a/1190000041489765" target="_blank" title="如何处理大体积 XLSX/CSV/TXT 文件？">如何处理大体积 XLSX/CSV/TXT 文件？</a>
633
633
  </div>
634
634
  <div class="sub-title followers">
635
635
 
@@ -640,15 +640,15 @@
640
640
  <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"/>
641
641
  </g>
642
642
  </svg>
643
- <span>5</span>
643
+ <span>7</span>
644
644
  </span>
645
645
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/qqlcx5" title="Programming Language">
647
- <span>星野</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
647
+ <span>云叔_又拍云</span>
648
648
  </a>
649
649
  </div>
650
650
  <div class="details">
651
- 前言利用镜像下载通过代理网站下载Gitee中转fork仓库下载修改 HOSTS 文件进行加速梯子(略)文章发布我的个人网站，并且阅读体验更好油猴插件Github 增强 - 高速下载为 Github 的 Git Clone、Release、Raw、Code(ZI...
651
+ 在开发过程中，可能会遇到这样的需求，我们需要从本地的 Excel 或 CSV 等文件中解析出信息，这些信息可能是考勤打卡记录，可能是日历信息，也可能是近期账单流水。但是它们共同的特点是数据多且繁杂，人工录入的...
652
652
  </div>
653
653
  </div>
654
654
  </li>
@@ -657,7 +657,7 @@
657
657
  <div class="info">
658
658
  <div class="rank">
659
659
  <span title="Ranking 20">20</span>
660
- <a href="https://segmentfault.com/a/1190000041469344" target="_blank" title="收藏吃灰，12 个炫酷背景特效库">收藏吃灰，12 个炫酷背景特效库</a>
660
+ <a href="https://segmentfault.com/a/1190000041469213" target="_blank" title="谈一谈组件化">谈一谈组件化</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -671,12 +671,12 @@
671
671
  <span>5</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
675
- <span>前端小智</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
675
+ <span>记得要微笑</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
679
+ 今天前端生态里面，React、Angular和Vue三分天下。虽然这三个框架的定位各有不同，但是它们有一个核心的共同点，那就是提供了组件化的能力。W3C也有Web Component的相关草案，也是为了提供组件化能力。今天我们就...
680
680
  </div>
681
681
  </div>
682
682
  </li>
@@ -685,7 +685,7 @@
685
685
  <div class="info">
686
686
  <div class="rank">
687
687
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041458613" target="_blank" title="Vue3 + Vite2 + TypeScript + Pinia(Vuex)+JSX 搭建企业级开发脚手架【开箱即用】">Vue3 + Vite2 + TypeScript + Pinia(Vuex)+JSX 搭建企业级开发脚手架【开箱即用】</a>
688
+ <a href="https://segmentfault.com/a/1190000041469344" target="_blank" title="收藏吃灰，12 个炫酷背景特效库">收藏吃灰，12 个炫酷背景特效库</a>
689
689
  </div>
690
690
  <div class="sub-title followers">
691
691
 
@@ -696,15 +696,15 @@
696
696
  <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"/>
697
697
  </g>
698
698
  </svg>
699
- <span>2</span>
699
+ <span>7</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/yangchen_5f61f615a6de4" title="Programming Language">
703
- <span>阳晨@</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
703
+ <span>前端小智</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- 随着Vue3的普及，已经有越来越多的项目开始使用Vue3。为了快速进入开发状态，在这里向大家推荐一套开箱即用的企业级开发脚手架，框架使用：Vue3 + Vite2 + TypeScript + JSX + Pinia(Vuex) + Antd。废话不多话，...
707
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
708
708
  </div>
709
709
  </div>
710
710
  </li>
@@ -713,7 +713,7 @@
713
713
  <div class="info">
714
714
  <div class="rank">
715
715
  <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041472290" target="_blank" title="音视频开发者的福音，快速集成AI配音能力">音视频开发者的福音，快速集成AI配音能力</a>
716
+ <a href="https://segmentfault.com/a/1190000041481731" target="_blank" title="自媒体时代的贤内助——AI 视频云">自媒体时代的贤内助——AI 视频云</a>
717
717
  </div>
718
718
  <div class="sub-title followers">
719
719
 
@@ -724,15 +724,15 @@
724
724
  <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"/>
725
725
  </g>
726
726
  </svg>
727
- <span>2</span>
727
+ <span>5</span>
728
728
  </span>
729
729
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
731
- <span>HMSCore</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
731
+ <span>云叔_又拍云</span>
732
732
  </a>
733
733
  </div>
734
734
  <div class="details">
735
- 音视频内容创作者对剪辑应用中的AI配音需求与日俱增。它的优点很多，不光可以解决雇佣人力配音的成本以及创作者本身的口音、语言等限制，还可以大幅提升生产效率。比如，短视频的播放时间短的几十秒，长的vlog类...
735
+ 视频，通常是一段由活动画面组成的传递信息的内容。在如今这个信息爆炸的时代，我们每天都要在浩瀚的内容海洋中寻找需求的信息。一个视频是否吸引人内容固然是最重要的，但是播放是否流畅，画质是否清晰的影响力...
736
736
  </div>
737
737
  </div>
738
738
  </li>
@@ -741,7 +741,7 @@
741
741
  <div class="info">
742
742
  <div class="rank">
743
743
  <span title="Ranking 23">23</span>
744
- <a href="https://segmentfault.com/a/1190000041473819" target="_blank" title="如何在 ThreeJS 中实现辉光效果">如何在 ThreeJS 中实现辉光效果</a>
744
+ <a href="https://segmentfault.com/a/1190000041469717" target="_blank" title="所以，e.target 和 e.currentTarget 到底有啥区别呢？">所以，e.target 和 e.currentTarget 到底有啥区别呢？</a>
745
745
  </div>
746
746
  <div class="sub-title followers">
747
747
 
@@ -752,15 +752,15 @@
752
752
  <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"/>
753
753
  </g>
754
754
  </svg>
755
- <span>4</span>
755
+ <span>6</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
759
- <span>ES2049</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
759
+ <span>Sunshine_Lin</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 在游戏中，我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中，这些辉光是由于光线在大...
763
+ 大家开发中经常会跟DOM的事件打交道，也会经常用到 e.target 和 e.currentTarget 这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~
764
764
  </div>
765
765
  </div>
766
766
  </li>
@@ -769,7 +769,7 @@
769
769
  <div class="info">
770
770
  <div class="rank">
771
771
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041447676" target="_blank" title="直播系统聊天技术(七)：直播间海量聊天消息的架构设计难点实践">直播系统聊天技术(七)：直播间海量聊天消息的架构设计难点实践</a>
772
+ <a href="https://segmentfault.com/a/1190000041470851" target="_blank" title="CSS &amp; SVG foreignObject 实现文字镂空波浪动画">CSS &amp; SVG foreignObject 实现文字镂空波浪动画</a>
773
773
  </div>
774
774
  <div class="sub-title followers">
775
775
 
@@ -780,15 +780,15 @@
780
780
  <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"/>
781
781
  </g>
782
782
  </svg>
783
- <span>2</span>
783
+ <span>4</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
787
- <span>JackJiang</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
787
+ <span>XboxYan</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- 本系列文章的上篇《百万人在线的直播间实时聊天消息分发技术实践》主要分享的是消息分发和丢弃策略。本文将主要从高可用、弹性扩缩容、用户管理、消息分发、客户端优化等角度，分享直播间海量聊天消息的架构设计...
791
+ 为什么要用到混合模式呢？因为这是文本，文本内部不可能放入 HTML 节点，所以下面介绍将另一种方式，在 HTML 完全受限的情况下，借助 SVG foreignObject 也能很轻松的实现这一效果，而且会有更好的效果，一起看看吧
792
792
  </div>
793
793
  </div>
794
794
  </li>
@@ -797,7 +797,7 @@
797
797
  <div class="info">
798
798
  <div class="rank">
799
799
  <span title="Ranking 25">25</span>
800
- <a href="https://segmentfault.com/a/1190000041457873" target="_blank" title="搭建一个可视化用户行为轨迹打点体系SDK">搭建一个可视化用户行为轨迹打点体系SDK</a>
800
+ <a href="https://segmentfault.com/a/1190000041466088" target="_blank" title="2022目前三种有效加速国内Github">2022目前三种有效加速国内Github</a>
801
801
  </div>
802
802
  <div class="sub-title followers">
803
803
 
@@ -808,15 +808,15 @@
808
808
  <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"/>
809
809
  </g>
810
810
  </svg>
811
- <span>4</span>
811
+ <span>5</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/moji_5937c40d934ac" title="Programming Language">
815
- <span>墨迹</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/qqlcx5" title="Programming Language">
815
+ <span>星野</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- ● 1、利用xpath的唯一性，绑定打点元素添加事件进行发送数据打点● 2、后台管理系统搭建一个可视化选取打点元素的功能并保存配置● 3、前端根据页面URL获取到打点配置进行初始化（通过xpath绑定事件）基本流程如图...
819
+ 前言利用镜像下载通过代理网站下载Gitee中转fork仓库下载修改 HOSTS 文件进行加速梯子(略)文章发布我的个人网站，并且阅读体验更好油猴插件Github 增强 - 高速下载为 Github 的 Git Clone、Release、Raw、Code(ZI...
820
820
  </div>
821
821
  </div>
822
822
  </li>
@@ -825,7 +825,7 @@
825
825
  <div class="info">
826
826
  <div class="rank">
827
827
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041470767" target="_blank" title="终于！“30 岁”的 Linux 内核 C 语言将升级到 C11">终于！“30 岁”的 Linux 内核 C 语言将升级到 C11</a>
828
+ <a href="https://segmentfault.com/a/1190000041477912" target="_blank" title="阿里云智能编码插件，更Cosy的开发体验">阿里云智能编码插件，更Cosy的开发体验</a>
829
829
  </div>
830
830
  <div class="sub-title followers">
831
831
 
@@ -836,15 +836,15 @@
836
836
  <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"/>
837
837
  </g>
838
838
  </svg>
839
- <span>3</span>
839
+ <span>4</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
843
- <span>MissD</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/yunxiao0816" title="Programming Language">
843
+ <span>云效DevOps平台</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- 上周，Linux 内核邮件列表上关于“社区最近讨论了是否为内核采用现代 C 语言标准”的信息引发业内关注。刚刚，Linux 开源社区已正式宣布：内核 C 语言版本将在未来升级到 C11，且预计将在今年 5 月份的 5.18 版本之...
847
+ Cosy集合了代码补全和代码搜索两大开发辅助功能，不仅能通过深度学习模型和程序分析技术，精准智能地帮助我们减少 击剑🤺 击键次数，还能基于海量代码片段和社区问答数据，让我们可以哪里不会搜哪里，沉浸在IDE内...
848
848
  </div>
849
849
  </div>
850
850
  </li>
@@ -853,7 +853,7 @@
853
853
  <div class="info">
854
854
  <div class="rank">
855
855
  <span title="Ranking 27">27</span>
856
- <a href="https://segmentfault.com/a/1190000041450918" target="_blank" title="JZ-069-在 O(1) 时间内删除链表节点">JZ-069-在 O(1) 时间内删除链表节点</a>
856
+ <a href="https://segmentfault.com/a/1190000041480003" target="_blank" title="从业务组件库看前端工程化">从业务组件库看前端工程化</a>
857
857
  </div>
858
858
  <div class="sub-title followers">
859
859
 
@@ -864,15 +864,15 @@
864
864
  <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"/>
865
865
  </g>
866
866
  </svg>
867
- <span>4</span>
867
+ <span>3</span>
868
868
  </span>
869
869
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
871
- <span>雄狮虎豹</span>
870
+ <a target="_blank" href="https://segmentfault.com/u/lizongyuan" title="Programming Language">
871
+ <span>玩弄心里的鬼</span>
872
872
  </a>
873
873
  </div>
874
874
  <div class="details">
875
- 在 O(1) 时间内删除链表节点。方案：如果该节点不是尾节点，那么可以直接将下一个节点的值赋给该节点，然后令该节点指向下下个节点，再删除下一个节点，时间复杂度为 O(1)。否则，就需要先遍历链表，找到节点的前...
875
+ 本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。
876
876
  </div>
877
877
  </div>
878
878
  </li>
@@ -881,7 +881,7 @@
881
881
  <div class="info">
882
882
  <div class="rank">
883
883
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041460033" target="_blank" title="Go 核心团队 Russ Cox &#34;驳斥&#34;AWS 博文作者 ：对 Go 存在严重误导！">Go 核心团队 Russ Cox &#34;驳斥&#34;AWS 博文作者 ：对 Go 存在严重误导！</a>
884
+ <a href="https://segmentfault.com/a/1190000041470755" target="_blank" title="适合做外包项目的开源后台管理系统">适合做外包项目的开源后台管理系统</a>
885
885
  </div>
886
886
  <div class="sub-title followers">
887
887
 
@@ -892,15 +892,15 @@
892
892
  <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"/>
893
893
  </g>
894
894
  </svg>
895
- <span>2</span>
895
+ <span>3</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
899
- <span>MissD</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
899
+ <span>墨城</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 2 月 23 日，Go 语言核心开发团队 Russ Cox (rsc) 在社交媒体上连发多条推文，“斥责” AWS 官方于前几日发布的一篇博文对 Go 存在着严重的误导。
903
+ 梳理:1.D2admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT2.vue-element-admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT3.JEECG-BOOT开源地址：[链接]文档地址：[链...
904
904
  </div>
905
905
  </div>
906
906
  </li>
@@ -909,7 +909,7 @@
909
909
  <div class="info">
910
910
  <div class="rank">
911
911
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041448972" target="_blank" title="“Pangu Lab”披露顶级后门“电幕行动”细节：或来自美国黑客组织“方程式” | 已侵害全球 45 个国家地区">“Pangu Lab”披露顶级后门“电幕行动”细节：或来自美国黑客组织“方程式” | 已侵害全球 45 个国家地区</a>
912
+ <a href="https://segmentfault.com/a/1190000041474448" target="_blank" title="都2022 年了,你总不能还只会 npm i 吧? 🔥">都2022 年了,你总不能还只会 npm i 吧? 🔥</a>
913
913
  </div>
914
914
  <div class="sub-title followers">
915
915
 
@@ -920,15 +920,15 @@
920
920
  <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"/>
921
921
  </g>
922
922
  </svg>
923
- <span>1</span>
923
+ <span>8</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
927
- <span>MissD</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
927
+ <span>荣顶</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- 2 月 23 日，北京奇安盘古实验室科技有限公司（以下简称“盘古实验室”或 Pangu Lab）在其 www.pangulab.cn 网页上发布了一份报告，该报告内容对美国顶级后门 ——“电幕行动”（Bvp47）的完整技术细节和攻击组织关联进...
931
+ 在键帽与字符上横跳，于代码和程序中穿梭。一起面向快乐编程！大家好，我是荣顶，马上金三银四啦 ~ 这次给大家带来一篇 npm 命令相关的文章。目的在于查缺补漏，提升效率。npm 作为 node 包管理器，内置了非常多...
932
932
  </div>
933
933
  </div>
934
934
  </li>
@@ -937,7 +937,7 @@
937
937
  <div class="info">
938
938
  <div class="rank">
939
939
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041473349" target="_blank" title="理解mysql的事务隔离级别">理解mysql的事务隔离级别</a>
940
+ <a href="https://segmentfault.com/a/1190000041486636" target="_blank" title="try..catch 不能捕获的错误有哪些？注意事项又有哪些？">try..catch 不能捕获的错误有哪些？注意事项又有哪些？</a>
941
941
  </div>
942
942
  <div class="sub-title followers">
943
943
 
@@ -948,15 +948,15 @@
948
948
  <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"/>
949
949
  </g>
950
950
  </svg>
951
- <span>3</span>
951
+ <span>7</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
955
- <span>小强Zzz</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
955
+ <span>前端小智</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 考研分数落定，今年无缘，着手准备春招。说到今年考研，分数可谓水涨船高，去年本校专硕270就能进，今年一舍友考了270，排名排到了140名（报的专业要70个），进复试基本无望，估计考本校分数线能到290。走校招的...
959
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
960
960
  </div>
961
961
  </div>
962
962
  </li>
@@ -977,7 +977,7 @@
977
977
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
978
  </a>
979
979
  </div>
980
- <div class="time">Last cache created on 2022/3/2 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/3/5 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>