@wcj/github-rank 22.9.20 → 22.9.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/repos.json +28779 -28777
  2. package/dist/sifou-daily.json +26 -35
  3. package/dist/sifou-monthly.json +84 -84
  4. package/dist/sifou-weekly.json +161 -161
  5. package/dist/toutiao-30.json +60 -60
  6. package/dist/toutiao-7.json +98 -98
  7. package/dist/toutiao-90.json +40 -40
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +160 -160
  10. package/dist/trending-weekly.json +155 -155
  11. package/dist/users.china.json +1890 -1891
  12. package/dist/users.json +3091 -3091
  13. package/package.json +1 -1
  14. package/web/data/repos.json +28779 -28777
  15. package/web/data/sifou-daily.json +26 -35
  16. package/web/data/sifou-monthly.json +84 -84
  17. package/web/data/sifou-weekly.json +161 -161
  18. package/web/data/toutiao-30.json +60 -60
  19. package/web/data/toutiao-7.json +98 -98
  20. package/web/data/toutiao-90.json +40 -40
  21. package/web/data/trending-daily.json +173 -173
  22. package/web/data/trending-monthly.json +160 -160
  23. package/web/data/trending-weekly.json +155 -155
  24. package/web/data/users.china.json +1890 -1891
  25. package/web/data/users.json +3091 -3091
  26. package/web/index.html +1644 -1644
  27. package/web/repos.html +3503 -3503
  28. package/web/sifou-daily.html +23 -51
  29. package/web/sifou-monthly.html +126 -126
  30. package/web/sifou-weekly.html +137 -137
  31. package/web/toutiao-30.html +78 -78
  32. package/web/toutiao-7.html +78 -78
  33. package/web/toutiao-90.html +73 -73
  34. package/web/trending-monthly.html +143 -143
  35. package/web/trending-weekly.html +141 -137
  36. package/web/trending.html +150 -150
  37. package/web/users.china.html +946 -946
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/9/20 by
119
+ <div class="time">Last cache created on 2022/9/22 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>19</span>
159
+ <span>20</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/dreamapplehappy" title="Programming Language">
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
176
+ <a href="https://segmentfault.com/a/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,7 +184,7 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>19</span>
187
+ <span>20</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -192,7 +192,7 @@
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
195
+ 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</a>
204
+ <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
213
213
  </g>
214
214
  </svg>
215
- <span>13</span>
215
+ <span>19</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
219
- <span>杨成功</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
219
+ <span>wuwhs</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
223
+ 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
232
+ <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,7 +240,7 @@
240
240
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
241
241
  </g>
242
242
  </svg>
243
- <span>16</span>
243
+ <span>19</span>
244
244
  </span>
245
245
  &nbsp;
246
246
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -248,7 +248,7 @@
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
251
+ 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,6 +257,34 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
+ <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</a>
261
+ </div>
262
+ <div class="sub-title followers">
263
+
264
+ <span title="Stargazers Count">
265
+ <svg width="12" height="12" viewBox="0 0 16 16">
266
+ <g fill="none" fill-rule="evenodd">
267
+ <path d="M0 0h16v16H0z"/>
268
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
+ </g>
270
+ </svg>
271
+ <span>13</span>
272
+ </span>
273
+ &nbsp;
274
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
275
+ <span>杨成功</span>
276
+ </a>
277
+ </div>
278
+ <div class="details">
279
+ 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
280
+ </div>
281
+ </div>
282
+ </li>
283
+
284
+ <li>
285
+ <div class="info">
286
+ <div class="rank">
287
+ <span title="Ranking 6">6</span>
260
288
  <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
261
289
  </div>
262
290
  <div class="sub-title followers">
@@ -284,8 +312,8 @@
284
312
  <li>
285
313
  <div class="info">
286
314
  <div class="rank">
287
- <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
315
+ <span title="Ranking 7">7</span>
316
+ <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
289
317
  </div>
290
318
  <div class="sub-title followers">
291
319
 
@@ -296,15 +324,15 @@
296
324
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
325
  </g>
298
326
  </svg>
299
- <span>14</span>
327
+ <span>16</span>
300
328
  </span>
301
329
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
303
- <span>wuwhs</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
331
+ <span>chokcoco</span>
304
332
  </a>
305
333
  </div>
306
334
  <div class="details">
307
- 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
335
+ 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
308
336
  </div>
309
337
  </div>
310
338
  </li>
@@ -312,7 +340,7 @@
312
340
  <li>
313
341
  <div class="info">
314
342
  <div class="rank">
315
- <span title="Ranking 7">7</span>
343
+ <span title="Ranking 8">8</span>
316
344
  <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
317
345
  </div>
318
346
  <div class="sub-title followers">
@@ -340,8 +368,8 @@
340
368
  <li>
341
369
  <div class="info">
342
370
  <div class="rank">
343
- <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
371
+ <span title="Ranking 9">9</span>
372
+ <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
345
373
  </div>
346
374
  <div class="sub-title followers">
347
375
 
@@ -352,15 +380,15 @@
352
380
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
353
381
  </g>
354
382
  </svg>
355
- <span>15</span>
383
+ <span>12</span>
356
384
  </span>
357
385
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
359
- <span>chokcoco</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
387
+ <span>夕水</span>
360
388
  </a>
361
389
  </div>
362
390
  <div class="details">
363
- 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
391
+ 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
364
392
  </div>
365
393
  </div>
366
394
  </li>
@@ -368,7 +396,7 @@
368
396
  <li>
369
397
  <div class="info">
370
398
  <div class="rank">
371
- <span title="Ranking 9">9</span>
399
+ <span title="Ranking 10">10</span>
372
400
  <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
373
401
  </div>
374
402
  <div class="sub-title followers">
@@ -396,7 +424,7 @@
396
424
  <li>
397
425
  <div class="info">
398
426
  <div class="rank">
399
- <span title="Ranking 10">10</span>
427
+ <span title="Ranking 11">11</span>
400
428
  <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
401
429
  </div>
402
430
  <div class="sub-title followers">
@@ -424,7 +452,7 @@
424
452
  <li>
425
453
  <div class="info">
426
454
  <div class="rank">
427
- <span title="Ranking 11">11</span>
455
+ <span title="Ranking 12">12</span>
428
456
  <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
429
457
  </div>
430
458
  <div class="sub-title followers">
@@ -452,8 +480,8 @@
452
480
  <li>
453
481
  <div class="info">
454
482
  <div class="rank">
455
- <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
483
+ <span title="Ranking 13">13</span>
484
+ <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
457
485
  </div>
458
486
  <div class="sub-title followers">
459
487
 
@@ -464,15 +492,15 @@
464
492
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
465
493
  </g>
466
494
  </svg>
467
- <span>11</span>
495
+ <span>8</span>
468
496
  </span>
469
497
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
471
- <span>夕水</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
499
+ <span>程序员秋风</span>
472
500
  </a>
473
501
  </div>
474
502
  <div class="details">
475
- 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
503
+ 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
476
504
  </div>
477
505
  </div>
478
506
  </li>
@@ -480,7 +508,7 @@
480
508
  <li>
481
509
  <div class="info">
482
510
  <div class="rank">
483
- <span title="Ranking 13">13</span>
511
+ <span title="Ranking 14">14</span>
484
512
  <a href="https://segmentfault.com/a/1190000042391998" target="_blank" title="盘点一些好用的 JS 单行代码">盘点一些好用的 JS 单行代码</a>
485
513
  </div>
486
514
  <div class="sub-title followers">
@@ -508,7 +536,7 @@
508
536
  <li>
509
537
  <div class="info">
510
538
  <div class="rank">
511
- <span title="Ranking 14">14</span>
539
+ <span title="Ranking 15">15</span>
512
540
  <a href="https://segmentfault.com/a/1190000042453662" target="_blank" title="SegmentFault 思否技术征文丨浅谈 Java 进阶之路">SegmentFault 思否技术征文丨浅谈 Java 进阶之路</a>
513
541
  </div>
514
542
  <div class="sub-title followers">
@@ -533,34 +561,6 @@
533
561
  </div>
534
562
  </li>
535
563
 
536
- <li>
537
- <div class="info">
538
- <div class="rank">
539
- <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
541
- </div>
542
- <div class="sub-title followers">
543
-
544
- <span title="Stargazers Count">
545
- <svg width="12" height="12" viewBox="0 0 16 16">
546
- <g fill="none" fill-rule="evenodd">
547
- <path d="M0 0h16v16H0z"/>
548
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
549
- </g>
550
- </svg>
551
- <span>7</span>
552
- </span>
553
- &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
555
- <span>程序员秋风</span>
556
- </a>
557
- </div>
558
- <div class="details">
559
- 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
560
- </div>
561
- </div>
562
- </li>
563
-
564
564
  <li>
565
565
  <div class="info">
566
566
  <div class="rank">
@@ -593,34 +593,6 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
597
- </div>
598
- <div class="sub-title followers">
599
-
600
- <span title="Stargazers Count">
601
- <svg width="12" height="12" viewBox="0 0 16 16">
602
- <g fill="none" fill-rule="evenodd">
603
- <path d="M0 0h16v16H0z"/>
604
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
605
- </g>
606
- </svg>
607
- <span>10</span>
608
- </span>
609
- &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
611
- <span>lulu_up</span>
612
- </a>
613
- </div>
614
- <div class="details">
615
- 你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会&#39;卡死&#39;, 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...
616
- </div>
617
- </div>
618
- </li>
619
-
620
- <li>
621
- <div class="info">
622
- <div class="rank">
623
- <span title="Ranking 18">18</span>
624
596
  <a href="https://segmentfault.com/a/1190000042360645" target="_blank" title="怎么防止同事用 Evil.js 的代码投毒">怎么防止同事用 Evil.js 的代码投毒</a>
625
597
  </div>
626
598
  <div class="sub-title followers">
@@ -648,7 +620,7 @@
648
620
  <li>
649
621
  <div class="info">
650
622
  <div class="rank">
651
- <span title="Ranking 19">19</span>
623
+ <span title="Ranking 18">18</span>
652
624
  <a href="https://segmentfault.com/a/1190000042367660" target="_blank" title="你不知道的 console，让 JS 调试更简单">你不知道的 console，让 JS 调试更简单</a>
653
625
  </div>
654
626
  <div class="sub-title followers">
@@ -676,7 +648,7 @@
676
648
  <li>
677
649
  <div class="info">
678
650
  <div class="rank">
679
- <span title="Ranking 20">20</span>
651
+ <span title="Ranking 19">19</span>
680
652
  <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
681
653
  </div>
682
654
  <div class="sub-title followers">
@@ -704,7 +676,7 @@
704
676
  <li>
705
677
  <div class="info">
706
678
  <div class="rank">
707
- <span title="Ranking 21">21</span>
679
+ <span title="Ranking 20">20</span>
708
680
  <a href="https://segmentfault.com/a/1190000042443056" target="_blank" title="有意思的水平横向溢出滚动">有意思的水平横向溢出滚动</a>
709
681
  </div>
710
682
  <div class="sub-title followers">
@@ -732,7 +704,7 @@
732
704
  <li>
733
705
  <div class="info">
734
706
  <div class="rank">
735
- <span title="Ranking 22">22</span>
707
+ <span title="Ranking 21">21</span>
736
708
  <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
737
709
  </div>
738
710
  <div class="sub-title followers">
@@ -760,7 +732,7 @@
760
732
  <li>
761
733
  <div class="info">
762
734
  <div class="rank">
763
- <span title="Ranking 23">23</span>
735
+ <span title="Ranking 22">22</span>
764
736
  <a href="https://segmentfault.com/a/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</a>
765
737
  </div>
766
738
  <div class="sub-title followers">
@@ -788,7 +760,7 @@
788
760
  <li>
789
761
  <div class="info">
790
762
  <div class="rank">
791
- <span title="Ranking 24">24</span>
763
+ <span title="Ranking 23">23</span>
792
764
  <a href="https://segmentfault.com/a/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</a>
793
765
  </div>
794
766
  <div class="sub-title followers">
@@ -816,7 +788,7 @@
816
788
  <li>
817
789
  <div class="info">
818
790
  <div class="rank">
819
- <span title="Ranking 25">25</span>
791
+ <span title="Ranking 24">24</span>
820
792
  <a href="https://segmentfault.com/a/1190000042432407" target="_blank" title="为什么vue.config.js中使用require，而vite.config.js使用 import?">为什么vue.config.js中使用require，而vite.config.js使用 import?</a>
821
793
  </div>
822
794
  <div class="sub-title followers">
@@ -841,11 +813,39 @@
841
813
  </div>
842
814
  </li>
843
815
 
816
+ <li>
817
+ <div class="info">
818
+ <div class="rank">
819
+ <span title="Ranking 25">25</span>
820
+ <a href="https://segmentfault.com/a/1190000042475152" target="_blank" title="1000粉！使用Three.js实现一个创意纪念页面 🏆">1000粉！使用Three.js实现一个创意纪念页面 🏆</a>
821
+ </div>
822
+ <div class="sub-title followers">
823
+
824
+ <span title="Stargazers Count">
825
+ <svg width="12" height="12" viewBox="0 0 16 16">
826
+ <g fill="none" fill-rule="evenodd">
827
+ <path d="M0 0h16v16H0z"/>
828
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
829
+ </g>
830
+ </svg>
831
+ <span>7</span>
832
+ </span>
833
+ &nbsp;
834
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
835
+ <span>dragonir</span>
836
+ </a>
837
+ </div>
838
+ <div class="details">
839
+ 不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...
840
+ </div>
841
+ </div>
842
+ </li>
843
+
844
844
  <li>
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
848
+ <a href="https://segmentfault.com/a/1190000042461022" target="_blank" title="近期对前端性能优化的总结">近期对前端性能优化的总结</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
857
857
  </g>
858
858
  </svg>
859
- <span>5</span>
859
+ <span>4</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
863
- <span>null仔</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
863
+ <span>南城大前端</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
867
+ 前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</a>
876
+ <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
885
885
  </g>
886
886
  </svg>
887
- <span>2</span>
887
+ <span>5</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
891
- <span>葡萄城技术团队</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
891
+ <span>null仔</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
895
+ 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042419139" target="_blank" title="性能优化必备——火焰图">性能优化必备——火焰图</a>
904
+ <a href="https://segmentfault.com/a/1190000042475705" target="_blank" title="新时代布局新特性 -- 容器查询">新时代布局新特性 -- 容器查询</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <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"/>
913
913
  </g>
914
914
  </svg>
915
- <span>6</span>
915
+ <span>7</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/guguji_fly" title="Programming Language">
919
- <span>咕咕鸡</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
919
+ <span>chokcoco</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。
923
+ 而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042414379" target="_blank" title="慎用JSON.stringify">慎用JSON.stringify</a>
932
+ <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
941
941
  </g>
942
942
  </svg>
943
- <span>7</span>
943
+ <span>2</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
947
- <span>Gopal</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
947
+ <span>葡萄城技术团队</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。
951
+ 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042469668" target="_blank" title="深入理解JavaScript-JavaScript 中的始皇">深入理解JavaScript-JavaScript 中的始皇</a>
960
+ <a href="https://segmentfault.com/a/1190000042419139" target="_blank" title="性能优化必备——火焰图">性能优化必备——火焰图</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
969
  </g>
970
970
  </svg>
971
- <span>3</span>
971
+ <span>6</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
975
- <span>山头人汉波</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/guguji_fly" title="Programming Language">
975
+ <span>咕咕鸡</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？
979
+ 本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/9/20 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/22 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>