@wcj/github-rank 22.3.7 → 22.3.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +32834 -32830
  2. package/dist/sifou-daily.json +66 -57
  3. package/dist/sifou-monthly.json +128 -128
  4. package/dist/sifou-weekly.json +150 -150
  5. package/dist/toutiao-30.json +73 -73
  6. package/dist/toutiao-7.json +133 -133
  7. package/dist/toutiao-90.json +53 -53
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +164 -164
  10. package/dist/trending-weekly.json +177 -166
  11. package/dist/users.china.json +2878 -2878
  12. package/dist/users.json +4207 -4207
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +32834 -32830
  16. package/web/data/sifou-daily.json +66 -57
  17. package/web/data/sifou-monthly.json +128 -128
  18. package/web/data/sifou-weekly.json +150 -150
  19. package/web/data/toutiao-30.json +73 -73
  20. package/web/data/toutiao-7.json +133 -133
  21. package/web/data/toutiao-90.json +53 -53
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +164 -164
  24. package/web/data/trending-weekly.json +177 -166
  25. package/web/data/users.china.json +2878 -2878
  26. package/web/data/users.json +4207 -4207
  27. package/web/index.html +2236 -2236
  28. package/web/repos.html +4141 -4141
  29. package/web/sifou-daily.html +76 -48
  30. package/web/sifou-monthly.html +133 -133
  31. package/web/sifou-weekly.html +137 -137
  32. package/web/toutiao-30.html +102 -102
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +58 -58
  35. package/web/trending-monthly.html +143 -147
  36. package/web/trending-weekly.html +184 -142
  37. package/web/trending.html +144 -152
  38. package/web/users.china.html +1435 -1435
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/7 by
97
+ <div class="time">Last cache created on 2022/3/10 by
98
98
 
99
99
 
100
100
 
@@ -136,7 +136,7 @@
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>20</span>
139
+ <span>53</span>
140
140
  </span>
141
141
  &nbsp;
142
142
  <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
@@ -164,7 +164,7 @@
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>16</span>
167
+ <span>22</span>
168
168
  </span>
169
169
  &nbsp;
170
170
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
184
+ <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</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>13</span>
195
+ <span>23</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
199
- <span>chokcoco</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
199
+ <span>XboxYan</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
203
+ linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
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/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
212
+ <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</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>13</span>
223
+ <span>17</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
227
- <span>xiangzhihong</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
227
+ <span>chokcoco</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
231
+ 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
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/1190000041474553" target="_blank" title="走进开源项目 - urlcat">走进开源项目 - urlcat</a>
240
+ <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
241
241
  </div>
242
242
  <div class="sub-title followers">
243
243
 
@@ -251,12 +251,12 @@
251
251
  <span>13</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
255
- <span>robin</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
255
+ <span>码哥字节</span>
256
256
  </a>
257
257
  </div>
258
258
  <div class="details">
259
- urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。
259
+ 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
260
260
  </div>
261
261
  </div>
262
262
  </li>
@@ -276,7 +276,7 @@
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>8</span>
279
+ <span>11</span>
280
280
  </span>
281
281
  &nbsp;
282
282
  <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
@@ -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/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
296
+ <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</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>9</span>
307
+ <span>14</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
311
- <span>码哥字节</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
311
+ <span>边城</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
315
+ 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
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/1190000041488303" target="_blank" title="不会写代码的播音生不是个好运营😁">不会写代码的播音生不是个好运营😁</a>
324
+ <a href="https://segmentfault.com/a/1190000041501520" target="_blank" title="从头梳理，看看中国的 ICP 备案制度">从头梳理，看看中国的 ICP 备案制度</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>22</span>
335
+ <span>10</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
339
- <span>不会写代码的小白</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/xiqingongzi" title="Programming Language">
339
+ <span>白宦成</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 我想很多毕业生在大四的时候都会遇到一个问题，就是很难找到与自己专业对口的工作。媒体上也经常出现诸如大学生回乡卖猪，卖鸡蛋之类的新闻，专业与职业的矛盾在这种强烈的对比下被激化了。如果我们审视一下我们...
343
+ 对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...
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/1190000041480883" target="_blank" title="国外排名前 15 的 Vue 后台管理模板">国外排名前 15 的 Vue 后台管理模板</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>22</span>
364
364
  </span>
365
365
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" 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
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041478431" target="_blank" title="保险柜钥匙插门上，大学生单枪匹马盗取淘宝11亿用户手机号">保险柜钥匙插门上，大学生单枪匹马盗取淘宝11亿用户手机号</a>
380
+ <a href="https://segmentfault.com/a/1190000041458790" target="_blank" title="想摸鱼吗？先掌握这 19 个 css 技巧！">想摸鱼吗？先掌握这 19 个 css 技巧！</a>
381
381
  </div>
382
382
  <div class="sub-title followers">
383
383
 
@@ -388,15 +388,15 @@
388
388
  <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"/>
389
389
  </g>
390
390
  </svg>
391
- <span>8</span>
391
+ <span>11</span>
392
392
  </span>
393
393
  &nbsp;
394
- <a target="_blank" href="https://segmentfault.com/u/qinjianxiang" title="Programming Language">
395
- <span>qinjianxiang</span>
394
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
395
+ <span>前端小智</span>
396
396
  </a>
397
397
  </div>
398
398
  <div class="details">
399
- Hello，大家好，我是民间发明家，覃健祥。我申请了20多项发明专利，听到这个数字，有的朋友觉得好厉害但又不明白这些发明和我们的日常生活有什么关系，有的甚至问我是不是为了资助奖励申请了一堆凑数的专利。其实...
399
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041501520" target="_blank" title="从头梳理，看看中国的 ICP 备案制度">从头梳理，看看中国的 ICP 备案制度</a>
408
+ <a href="https://segmentfault.com/a/1190000041493202" target="_blank" title="姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍">姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍</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>5</span>
419
+ <span>4</span>
420
420
  </span>
421
421
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/xiqingongzi" title="Programming Language">
423
- <span>白宦成</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
423
+ <span>鸣飞</span>
424
424
  </a>
425
425
  </div>
426
426
  <div class="details">
427
- 对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...
427
+ 在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。Apache 软件基金会孵化器导师，ALC Beijing 发起人，华为...
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/1190000041493202" target="_blank" title="姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍">姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍</a>
436
+ <a href="https://segmentfault.com/a/1190000041489765" target="_blank" title="如何处理大体积 XLSX/CSV/TXT 文件？">如何处理大体积 XLSX/CSV/TXT 文件？</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>4</span>
447
+ <span>9</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
451
- <span>鸣飞</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
451
+ <span>云叔_又拍云</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- 在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。Apache 软件基金会孵化器导师，ALC Beijing 发起人，华为...
455
+ 在开发过程中，可能会遇到这样的需求，我们需要从本地的 Excel 或 CSV 等文件中解析出信息，这些信息可能是考勤打卡记录，可能是日历信息，也可能是近期账单流水。但是它们共同的特点是数据多且繁杂，人工录入的...
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/1190000041483901" target="_blank" title="React内部让人迷惑的性能优化策略">React内部让人迷惑的性能优化策略</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>7</span>
475
+ <span>4</span>
476
476
  </span>
477
477
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
479
- <span>卡颂</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
- 大家好，我卡颂。相比Vue可以基于模版进行编译时性能优化，React作为一个完全运行时的库，只能在运行时谋求性能优化。这些优化对开发者大多是无感知的，但对项目进行性能优化时也常令开发者困惑。比如如下代码： ...
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/1190000041458790" target="_blank" title="想摸鱼吗？先掌握这 19 个 css 技巧！">想摸鱼吗？先掌握这 19 个 css 技巧！</a>
492
+ <a href="https://segmentfault.com/a/1190000041507771" target="_blank" title="2022 年用于 Node.js 的顶级 WebSocket 库">2022 年用于 Node.js 的顶级 WebSocket 库</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>9</span>
503
+ <span>6</span>
504
504
  </span>
505
505
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
507
- <span>前端小智</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
507
+ <span>杭州程序员张张</span>
508
508
  </a>
509
509
  </div>
510
510
  <div class="details">
511
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
511
+ 在这篇文章中，我们将讨论2022年你应该考虑的八个Node.js WebSocket库。SockJSwsSocket.IOFaye WebSocketSocketClusterSocketteFeathers要开始使用这些库中的任何一个，您需要在本地计算机上安装 npm 和 Node.js...
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/1190000041489765" target="_blank" title="如何处理大体积 XLSX/CSV/TXT 文件？">如何处理大体积 XLSX/CSV/TXT 文件？</a>
520
+ <a href="https://segmentfault.com/a/1190000041499121" target="_blank" title="面向企业级前端应用的开发框架 UI5 的发展简史介绍">面向企业级前端应用的开发框架 UI5 的发展简史介绍</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>9</span>
531
+ <span>5</span>
532
532
  </span>
533
533
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
535
- <span>云叔_又拍云</span>
534
+ <a target="_blank" href="https://segmentfault.com/u/jerrywangsap" title="Programming Language">
535
+ <span>JerryWang_汪子熙</span>
536
536
  </a>
537
537
  </div>
538
538
  <div class="details">
539
- 在开发过程中，可能会遇到这样的需求，我们需要从本地的 Excel 或 CSV 等文件中解析出信息，这些信息可能是考勤打卡记录，可能是日历信息，也可能是近期账单流水。但是它们共同的特点是数据多且繁杂，人工录入的...
539
+ 在移动应用已经无缝融合到我们日常生活的今日，我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付，在线购物，生活缴费，天气和交通线路查询等等。
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/1190000041492641" target="_blank" title="祝贺姜宁当选 2022 Apache 软件基金会新任董事">祝贺姜宁当选 2022 Apache 软件基金会新任董事</a>
548
+ <a href="https://segmentfault.com/a/1190000041497710" target="_blank" title="JavaScript 数据处理 - 列表篇">JavaScript 数据处理 - 列表篇</a>
549
549
  </div>
550
550
  <div class="sub-title followers">
551
551
 
@@ -556,15 +556,15 @@
556
556
  <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"/>
557
557
  </g>
558
558
  </svg>
559
- <span>4</span>
559
+ <span>7</span>
560
560
  </span>
561
561
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
563
- <span>鸣飞</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
563
+ <span>边城</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- 在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。
567
+ 程序中的常用数据集合无非两类，列表 (List) 和映射 (Map)。在 JavaScript 的语言基础中就提供了这两种集合结构的支持 —— 用数组 (Array) 表示列表，用直接对象 (Plain Object) 表示映射（属性键值对映射）。
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/1190000041480003" target="_blank" title="从业务组件库看前端工程化">从业务组件库看前端工程化</a>
576
+ <a href="https://segmentfault.com/a/1190000041502262" target="_blank" title="推荐20个值得收藏的前端开源项目">推荐20个值得收藏的前端开源项目</a>
577
577
  </div>
578
578
  <div class="sub-title followers">
579
579
 
@@ -587,12 +587,12 @@
587
587
  <span>8</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/lizongyuan" title="Programming Language">
591
- <span>玩弄心里的鬼</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
591
+ <span>TNTWEB</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。
595
+ Proton是一个轻量、灵活的Javascript粒子动画库。使用它可以轻松创建各种炫酷粒子动画效果，该项目在github被近 2k 项目引用。Proton还支持3d粒子版本[链接] 。
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/1190000041473819" target="_blank" title="如何在 ThreeJS 中实现辉光效果">如何在 ThreeJS 中实现辉光效果</a>
604
+ <a href="https://segmentfault.com/a/1190000041508775" target="_blank" title="mysql的锁">mysql的锁</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>8</span>
615
+ <span>4</span>
616
616
  </span>
617
617
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
619
- <span>ES2049</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
619
+ <span>小强Zzz</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 在游戏中，我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中，这些辉光是由于光线在大...
623
+ 页面锁：开销和加锁时间界于表锁和行锁之间，会出现死锁，锁定粒度界于表锁和行锁之间，并发度一般。从上述三种锁的特点来看，很难说哪种锁更好，只能就具体应用的特点来说哪种锁更合适。比如，MyISAM和MEMORY引...
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/1190000041480904" target="_blank" title="黑炫酷的监控界面，实际上是用了什么开源工具？">黑炫酷的监控界面，实际上是用了什么开源工具？</a>
632
+ <a href="https://segmentfault.com/a/1190000041488377" target="_blank" title="GitHub CEO发文：严格限制俄罗斯获取侵略性军事能力所需要的技术">GitHub CEO发文：严格限制俄罗斯获取侵略性军事能力所需要的技术</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>4</span>
644
644
  </span>
645
645
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/java_3y" title="Programming Language">
647
- <span>Java3y</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
647
+ <span>程序猿DD</span>
648
648
  </a>
649
649
  </div>
650
650
  <div class="details">
651
- 我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为职业八股文选手今天austin项目来给大家整点不一样的：花点时间跟着文章做完，屏幕壁纸就可以有了，我来上个图，大家就懂了。每当同事一瞄你的电脑，发...
651
+ 前几天，在微信群里就有小伙伴发了一些关于GitHub将限制俄罗斯开发人员使用开源软件的消息，引起程序员圈子的热烈讨论。就在不久前，GitHub CEO在GitHub官方博客发文阐述了对乌克兰战争的回应。Thomas Dohmke表示...
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/1190000041478447" target="_blank" title="来自开源世界的超级码丽，中国开源码力榜权威发布！">来自开源世界的超级码丽，中国开源码力榜权威发布！</a>
660
+ <a href="https://segmentfault.com/a/1190000041496213" target="_blank" title="TypeScript 随想 · 实际应用与技巧">TypeScript 随想 · 实际应用与技巧</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -671,12 +671,12 @@
671
671
  <span>7</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
675
- <span>SegmentFault思否</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/barrior" title="Programming Language">
675
+ <span>Barrior</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 2022 年 1 月 13 日，SegmentFault 思否联合长期耕耘与推广开源文化的开源社共同推出了《2021 中国开源先锋 33 人》榜单，一众开源先锋上榜，一时间引发了行业的广泛关注与讨论。他们当中有贡献代码的开发者、开...
679
+ 目录类型元编程内置工具类型窥探外部工具类型推荐新操作符声明文件类型元编程什么是元编程：维基百科是这样描述的：元编程是一种编程技术，编写出来的计算机程序能够将其他程序作为数据来处理。意味着可以编写出...
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/1190000041486636" target="_blank" title="try..catch 不能捕获的错误有哪些？注意事项又有哪些？">try..catch 不能捕获的错误有哪些？注意事项又有哪些？</a>
688
+ <a href="https://segmentfault.com/a/1190000041504625" target="_blank" title="面试官居然要我用JS代码计算LocalStorage容量！">面试官居然要我用JS代码计算LocalStorage容量！</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>8</span>
699
+ <span>4</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
703
- <span>前端小智</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
703
+ <span>Sunshine_Lin</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
707
+ localStorage 的容量大家都知道是 5M ，但是却很少人知道怎么去验证，而且某些场景需要计算 localStorage 的剩余容量时，就需要我们掌握计算容量的技能了~~
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/1190000041481731" target="_blank" title="自媒体时代的贤内助——AI 视频云">自媒体时代的贤内助——AI 视频云</a>
716
+ <a href="https://segmentfault.com/a/1190000041490850" target="_blank" title="本地调试指南">本地调试指南</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>5</span>
727
+ <span>4</span>
728
728
  </span>
729
729
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
731
- <span>云叔_又拍云</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/yvonne_596d715a7ca34" title="Programming Language">
731
+ <span>chenyunqing</span>
732
732
  </a>
733
733
  </div>
734
734
  <div class="details">
735
- 视频，通常是一段由活动画面组成的传递信息的内容。在如今这个信息爆炸的时代，我们每天都要在浩瀚的内容海洋中寻找需求的信息。一个视频是否吸引人内容固然是最重要的，但是播放是否流畅，画质是否清晰的影响力...
735
+ 1、浏览器代理安装浏览器插件Proxy SwitchyOmega ，用于切换代理设置。配置完成，点击“应用选项”，然后打开这个插件，选择&#34;whistle&#34;情景模式。2、代理服务器安装whistle，用于启动本地代理服务，方便代理配置。启...
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/1190000041469717" target="_blank" title="所以，e.target 和 e.currentTarget 到底有啥区别呢？">所以，e.target 和 e.currentTarget 到底有啥区别呢？</a>
744
+ <a href="https://segmentfault.com/a/1190000041510478" target="_blank" title="CSS中的混合模式，制作高级特效的必备技巧">CSS中的混合模式，制作高级特效的必备技巧</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>6</span>
755
+ <span>5</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
759
- <span>Sunshine_Lin</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
759
+ <span>前端小智</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 大家开发中经常会跟DOM的事件打交道，也会经常用到 e.target 和 e.currentTarget 这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~
763
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041470851" target="_blank" title="CSS &amp; SVG foreignObject 实现文字镂空波浪动画">CSS &amp; SVG foreignObject 实现文字镂空波浪动画</a>
772
+ <a href="https://segmentfault.com/a/1190000041508734" target="_blank" title="初识Spring IoC">初识Spring IoC</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>4</span>
783
+ <span>3</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
787
- <span>XboxYan</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
787
+ <span>LYX6666</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- 为什么要用到混合模式呢？因为这是文本，文本内部不可能放入 HTML 节点，所以下面介绍将另一种方式，在 HTML 完全受限的情况下，借助 SVG foreignObject 也能很轻松的实现这一效果，而且会有更好的效果，一起看看吧
791
+ 从第一天开始学习SpringBoot，到现在已经有两年了，两年以来我的搬砖能力不断增强，但理论层面仍然是零基础小白。因此，打破瓶颈的方法，就是像学长们一样，多读书、多看理论知识，然后应用实践。
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/1190000041470755" target="_blank" title="适合做外包项目的开源后台管理系统">适合做外包项目的开源后台管理系统</a>
800
+ <a href="https://segmentfault.com/a/1190000041510006" target="_blank" title="28张图助我学废TS">28张图助我学废TS</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>3</span>
811
+ <span>7</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
815
- <span>墨城</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
815
+ <span>执鸢者</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- 梳理:1.D2admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT2.vue-element-admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT3.JEECG-BOOT开源地址：[链接]文档地址：[链...
819
+ Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）
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/1190000041477912" target="_blank" title="阿里云智能编码插件，更Cosy的开发体验">阿里云智能编码插件，更Cosy的开发体验</a>
828
+ <a href="https://segmentfault.com/a/1190000041499552" target="_blank" title="【Go进阶—并发编程】Context">【Go进阶—并发编程】Context</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>4</span>
839
+ <span>3</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/yunxiao0816" title="Programming Language">
843
- <span>云效DevOps平台</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/yu_5e842f4043ba6" title="Programming Language">
843
+ <span>与昊</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- Cosy集合了代码补全和代码搜索两大开发辅助功能，不仅能通过深度学习模型和程序分析技术，精准智能地帮助我们减少 击剑🤺 击键次数，还能基于海量代码片段和社区问答数据，让我们可以哪里不会搜哪里，沉浸在IDE内...
847
+ Context 是 Go 应用开发常用的并发控制技术，它与 WaitGroup 最大的不同点是 Context 对于派生 goroutine 有更强的控制力，它可以控制多级的 goroutine。
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/1190000041474448" target="_blank" title="都2022 年了,你总不能还只会 npm i 吧? 🔥">都2022 年了,你总不能还只会 npm i 吧? 🔥</a>
856
+ <a href="https://segmentfault.com/a/1190000041494239" target="_blank" title="2022 Java 开发者生产力报告出炉！">2022 Java 开发者生产力报告出炉！</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>8</span>
867
+ <span>3</span>
868
868
  </span>
869
869
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
871
- <span>荣顶</span>
870
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
871
+ <span>MissD</span>
872
872
  </a>
873
873
  </div>
874
874
  <div class="details">
875
- 在键帽与字符上横跳，于代码和程序中穿梭。一起面向快乐编程！大家好，我是荣顶，马上金三银四啦 ~ 这次给大家带来一篇 npm 命令相关的文章。目的在于查缺补漏，提升效率。npm 作为 node 包管理器，内置了非常多...
875
+ 该 2022 Java 开发者生产力报告对过去一年里的 Java 社区开发者进行了调查，回顾了 Java 17 的发布和 Java 生态系统中流行技术的无数创新，详细介绍了 Java 开发的最大趋势如何影响从技术选择到部署和提交时间的...
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/1190000041488377" target="_blank" title="GitHub CEO发文：严格限制俄罗斯获取侵略性军事能力所需要的技术">GitHub CEO发文：严格限制俄罗斯获取侵略性军事能力所需要的技术</a>
884
+ <a href="https://segmentfault.com/a/1190000041505804" target="_blank" title="浏览器“联盟”！苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题">浏览器“联盟”！苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题</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>4</span>
895
+ <span>3</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
899
- <span>程序猿DD</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
899
+ <span>MissD</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 前几天，在微信群里就有小伙伴发了一些关于GitHub将限制俄罗斯开发人员使用开源软件的消息，引起程序员圈子的热烈讨论。就在不久前，GitHub CEO在GitHub官方博客发文阐述了对乌克兰战争的回应。Thomas Dohmke表示...
903
+ 近日，四大浏览器制造商苹果（Apple）、谷歌（Google）、Mozilla 和微软（Microsoft）以及软件咨询公司博科（Bocoup）和伊加利亚（Igalia），已同意联手合作，致力于改善其网络浏览器的互操作性和用户体验，使 We...
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/1190000041472290" target="_blank" title="音视频开发者的福音，快速集成AI配音能力">音视频开发者的福音，快速集成AI配音能力</a>
912
+ <a href="https://segmentfault.com/a/1190000041503070" target="_blank" title="Vue 响应式原理">Vue 响应式原理</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>2</span>
923
+ <span>4</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
927
- <span>HMSCore</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/zuckjet" title="Programming Language">
927
+ <span>Zuckjet</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- 音视频内容创作者对剪辑应用中的AI配音需求与日俱增。它的优点很多，不光可以解决雇佣人力配音的成本以及创作者本身的口音、语言等限制，还可以大幅提升生产效率。比如，短视频的播放时间短的几十秒，长的vlog类...
931
+ Vue 最独特的特性之一，是非侵入式的响应系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。聊到 Vue 响应式实现原理，众多开发者都知道实现的关键在于利用 Object.defineProperty...
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/1190000041480102" target="_blank" title="VuePress 博客优化之开启 Algolia 全文搜索">VuePress 博客优化之开启 Algolia 全文搜索</a>
940
+ <a href="https://segmentfault.com/a/1190000041499918" target="_blank" title="2022强力之作：一款超精致的图片预览组件">2022强力之作：一款超精致的图片预览组件</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>5</span>
951
+ <span>4</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
955
- <span>冴羽</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/minjieliu" title="Programming Language">
955
+ <span>MinJieLiu</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索，可则以使用 Algolia 搜索，本篇讲讲如何申请以及配置 Algolia 搜索。
959
+ 我刚接触前端这个行业的时候就有一个想法，那就是写一个超炫酷的图片预览画廊。还记得当时用美图看看看，那轻快的速度和交互很是令人着迷。该组件在几年前已经发布不完全版，后面断断续续的维护，总感觉差了点什...
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/7 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/3/10 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>