@wcj/github-rank 22.10.1 → 22.10.3

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 +24404 -24389
  2. package/dist/sifou-daily.json +1 -38
  3. package/dist/sifou-monthly.json +84 -84
  4. package/dist/sifou-weekly.json +95 -95
  5. package/dist/toutiao-30.json +82 -82
  6. package/dist/toutiao-7.json +103 -103
  7. package/dist/toutiao-90.json +39 -39
  8. package/dist/trending-daily.json +175 -175
  9. package/dist/trending-monthly.json +152 -152
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +1220 -1220
  12. package/dist/users.json +2813 -2814
  13. package/package.json +1 -1
  14. package/web/data/repos.json +24404 -24389
  15. package/web/data/sifou-daily.json +1 -38
  16. package/web/data/sifou-monthly.json +84 -84
  17. package/web/data/sifou-weekly.json +95 -95
  18. package/web/data/toutiao-30.json +82 -82
  19. package/web/data/toutiao-7.json +103 -103
  20. package/web/data/toutiao-90.json +39 -39
  21. package/web/data/trending-daily.json +175 -175
  22. package/web/data/trending-monthly.json +152 -152
  23. package/web/data/trending-weekly.json +169 -169
  24. package/web/data/users.china.json +1220 -1220
  25. package/web/data/users.json +2813 -2814
  26. package/web/index.html +1526 -1526
  27. package/web/repos.html +3057 -3057
  28. package/web/sifou-daily.html +2 -114
  29. package/web/sifou-monthly.html +114 -114
  30. package/web/sifou-weekly.html +95 -95
  31. package/web/toutiao-30.html +94 -94
  32. package/web/toutiao-7.html +94 -94
  33. package/web/toutiao-90.html +38 -38
  34. package/web/trending-monthly.html +135 -139
  35. package/web/trending-weekly.html +146 -146
  36. package/web/trending.html +156 -148
  37. package/web/users.china.html +636 -636
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/10/1 by
119
+ <div class="time">Last cache created on 2022/10/3 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>21</span>
159
+ <span>22</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/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/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
176
+ <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>24</span>
187
+ <span>23</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
- <span>XboxYan</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
191
+ <span>wuwhs</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
195
+ 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
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/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
204
+ <a href="https://segmentfault.com/a/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</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>22</span>
215
+ <span>24</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
219
- <span>wuwhs</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
+ <span>XboxYan</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
223
+ 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042517595" target="_blank" title="那些你不知道的炫酷按钮交互效果">那些你不知道的炫酷按钮交互效果</a>
260
+ <a href="https://segmentfault.com/a/1190000042547772" target="_blank" title="CSS transition 小技巧！如何保留 hover 的状态？">CSS transition 小技巧！如何保留 hover 的状态？</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
269
  </g>
270
270
  </svg>
271
- <span>18</span>
271
+ <span>17</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
275
- <span>南城大前端</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
275
+ <span>XboxYan</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...
279
+ 欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042547772" target="_blank" title="CSS transition 小技巧！如何保留 hover 的状态？">CSS transition 小技巧！如何保留 hover 的状态？</a>
288
+ <a href="https://segmentfault.com/a/1190000042517595" target="_blank" title="那些你不知道的炫酷按钮交互效果">那些你不知道的炫酷按钮交互效果</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
297
  </g>
298
298
  </svg>
299
- <span>16</span>
299
+ <span>18</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
303
- <span>XboxYan</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
303
+ <span>南城大前端</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...
307
+ 在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
344
+ <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
353
353
  </g>
354
354
  </svg>
355
- <span>13</span>
355
+ <span>12</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
359
- <span>夕水</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
359
+ <span>XboxYan</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
363
+ 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
372
+ <a href="https://segmentfault.com/a/1190000042513947" target="_blank" title="单标签实现复杂的棋盘布局">单标签实现复杂的棋盘布局</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
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"/>
381
381
  </g>
382
382
  </svg>
383
- <span>10</span>
383
+ <span>11</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
387
- <span>六一</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
387
+ <span>chokcoco</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
391
+ 其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
400
+ <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
409
409
  </g>
410
410
  </svg>
411
- <span>12</span>
411
+ <span>13</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
415
- <span>散一群逗逼</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
415
+ <span>夕水</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
419
+ 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</a>
428
+ <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
437
437
  </g>
438
438
  </svg>
439
- <span>10</span>
439
+ <span>12</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
443
- <span>六一</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
443
+ <span>散一群逗逼</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...
447
+ transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042513947" target="_blank" title="单标签实现复杂的棋盘布局">单标签实现复杂的棋盘布局</a>
456
+ <a href="https://segmentfault.com/a/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -467,12 +467,12 @@
467
467
  <span>10</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
471
- <span>chokcoco</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
471
+ <span>六一</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。
475
+ 文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,34 +481,6 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
485
- </div>
486
- <div class="sub-title followers">
487
-
488
- <span title="Stargazers Count">
489
- <svg width="12" height="12" viewBox="0 0 16 16">
490
- <g fill="none" fill-rule="evenodd">
491
- <path d="M0 0h16v16H0z"/>
492
- <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
493
- </g>
494
- </svg>
495
- <span>11</span>
496
- </span>
497
- &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
499
- <span>XboxYan</span>
500
- </a>
501
- </div>
502
- <div class="details">
503
- 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
504
- </div>
505
- </div>
506
- </li>
507
-
508
- <li>
509
- <div class="info">
510
- <div class="rank">
511
- <span title="Ranking 14">14</span>
512
484
  <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
513
485
  </div>
514
486
  <div class="sub-title followers">
@@ -536,7 +508,7 @@
536
508
  <li>
537
509
  <div class="info">
538
510
  <div class="rank">
539
- <span title="Ranking 15">15</span>
511
+ <span title="Ranking 14">14</span>
540
512
  <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
541
513
  </div>
542
514
  <div class="sub-title followers">
@@ -564,7 +536,7 @@
564
536
  <li>
565
537
  <div class="info">
566
538
  <div class="rank">
567
- <span title="Ranking 16">16</span>
539
+ <span title="Ranking 15">15</span>
568
540
  <a href="https://segmentfault.com/a/1190000042537837" target="_blank" title="当你 git push 时，极狐GitLab上发生了什么？">当你 git push 时，极狐GitLab上发生了什么？</a>
569
541
  </div>
570
542
  <div class="sub-title followers">
@@ -592,7 +564,7 @@
592
564
  <li>
593
565
  <div class="info">
594
566
  <div class="rank">
595
- <span title="Ranking 17">17</span>
567
+ <span title="Ranking 16">16</span>
596
568
  <a href="https://segmentfault.com/a/1190000042453662" target="_blank" title="【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路">【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路</a>
597
569
  </div>
598
570
  <div class="sub-title followers">
@@ -620,7 +592,7 @@
620
592
  <li>
621
593
  <div class="info">
622
594
  <div class="rank">
623
- <span title="Ranking 18">18</span>
595
+ <span title="Ranking 17">17</span>
624
596
  <a href="https://segmentfault.com/a/1190000042475152" target="_blank" title="1000粉！使用Three.js实现一个创意纪念页面 🏆">1000粉！使用Three.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/1190000042490237" target="_blank" title="CSS 有了:has伪类可以做些什么？">CSS 有了:has伪类可以做些什么？</a>
653
625
  </div>
654
626
  <div class="sub-title followers">
@@ -676,8 +648,8 @@
676
648
  <li>
677
649
  <div class="info">
678
650
  <div class="rank">
679
- <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042443056" target="_blank" title="有意思的水平横向溢出滚动">有意思的水平横向溢出滚动</a>
651
+ <span title="Ranking 19">19</span>
652
+ <a href="https://segmentfault.com/a/1190000042550192" target="_blank" title="见微知著，从两道有意思的 CSS 面试题，考察你的基础">见微知著，从两道有意思的 CSS 面试题，考察你的基础</a>
681
653
  </div>
682
654
  <div class="sub-title followers">
683
655
 
@@ -688,7 +660,7 @@
688
660
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
689
661
  </g>
690
662
  </svg>
691
- <span>6</span>
663
+ <span>7</span>
692
664
  </span>
693
665
  &nbsp;
694
666
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -696,7 +668,7 @@
696
668
  </a>
697
669
  </div>
698
670
  <div class="details">
699
- 最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...
671
+ 今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 &lt;p&gt; 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...
700
672
  </div>
701
673
  </div>
702
674
  </li>
@@ -704,8 +676,8 @@
704
676
  <li>
705
677
  <div class="info">
706
678
  <div class="rank">
707
- <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
679
+ <span title="Ranking 20">20</span>
680
+ <a href="https://segmentfault.com/a/1190000042443056" target="_blank" title="有意思的水平横向溢出滚动">有意思的水平横向溢出滚动</a>
709
681
  </div>
710
682
  <div class="sub-title followers">
711
683
 
@@ -716,15 +688,15 @@
716
688
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
717
689
  </g>
718
690
  </svg>
719
- <span>4</span>
691
+ <span>6</span>
720
692
  </span>
721
693
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
723
- <span>SegmentFault思否</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
+ <span>chokcoco</span>
724
696
  </a>
725
697
  </div>
726
698
  <div class="details">
727
- 黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...
699
+ 最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...
728
700
  </div>
729
701
  </div>
730
702
  </li>
@@ -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/1190000042485178" target="_blank" title="图解JS中的事件循环">图解JS中的事件循环</a>
737
709
  </div>
738
710
  <div class="sub-title followers">
@@ -760,8 +732,8 @@
760
732
  <li>
761
733
  <div class="info">
762
734
  <div class="rank">
763
- <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042550192" target="_blank" title="见微知著，从两道有意思的 CSS 面试题，考察你的基础">见微知著，从两道有意思的 CSS 面试题，考察你的基础</a>
735
+ <span title="Ranking 22">22</span>
736
+ <a href="https://segmentfault.com/a/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</a>
765
737
  </div>
766
738
  <div class="sub-title followers">
767
739
 
@@ -772,15 +744,15 @@
772
744
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
773
745
  </g>
774
746
  </svg>
775
- <span>7</span>
747
+ <span>12</span>
776
748
  </span>
777
749
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
779
- <span>chokcoco</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
751
+ <span>宁在春</span>
780
752
  </a>
781
753
  </div>
782
754
  <div class="details">
783
- 今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 &lt;p&gt; 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...
755
+ 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
784
756
  </div>
785
757
  </div>
786
758
  </li>
@@ -788,8 +760,8 @@
788
760
  <li>
789
761
  <div class="info">
790
762
  <div class="rank">
791
- <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</a>
763
+ <span title="Ranking 23">23</span>
764
+ <a href="https://segmentfault.com/a/1190000042531829" target="_blank" title="技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路">技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路</a>
793
765
  </div>
794
766
  <div class="sub-title followers">
795
767
 
@@ -800,15 +772,15 @@
800
772
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
801
773
  </g>
802
774
  </svg>
803
- <span>12</span>
775
+ <span>5</span>
804
776
  </span>
805
777
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
807
- <span>宁在春</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
779
+ <span>SegmentFault思否</span>
808
780
  </a>
809
781
  </div>
810
782
  <div class="details">
811
- 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
783
+ 哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...
812
784
  </div>
813
785
  </div>
814
786
  </li>
@@ -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/1190000042535848" target="_blank" title="特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事">特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事</a>
821
793
  </div>
822
794
  <div class="sub-title followers">
@@ -844,7 +816,7 @@
844
816
  <li>
845
817
  <div class="info">
846
818
  <div class="rank">
847
- <span title="Ranking 26">26</span>
819
+ <span title="Ranking 25">25</span>
848
820
  <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>
849
821
  </div>
850
822
  <div class="sub-title followers">
@@ -872,8 +844,8 @@
872
844
  <li>
873
845
  <div class="info">
874
846
  <div class="rank">
875
- <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042531829" target="_blank" title="技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路">技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路</a>
847
+ <span title="Ranking 26">26</span>
848
+ <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
877
849
  </div>
878
850
  <div class="sub-title followers">
879
851
 
@@ -884,15 +856,15 @@
884
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"/>
885
857
  </g>
886
858
  </svg>
887
- <span>5</span>
859
+ <span>7</span>
888
860
  </span>
889
861
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
891
- <span>SegmentFault思否</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
863
+ <span>XboxYan</span>
892
864
  </a>
893
865
  </div>
894
866
  <div class="details">
895
- 哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...
867
+ 前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
896
868
  </div>
897
869
  </div>
898
870
  </li>
@@ -900,7 +872,7 @@
900
872
  <li>
901
873
  <div class="info">
902
874
  <div class="rank">
903
- <span title="Ranking 28">28</span>
875
+ <span title="Ranking 27">27</span>
904
876
  <a href="https://segmentfault.com/a/1190000042475705" target="_blank" title="新时代布局新特性 -- 容器查询">新时代布局新特性 -- 容器查询</a>
905
877
  </div>
906
878
  <div class="sub-title followers">
@@ -928,7 +900,7 @@
928
900
  <li>
929
901
  <div class="info">
930
902
  <div class="rank">
931
- <span title="Ranking 29">29</span>
903
+ <span title="Ranking 28">28</span>
932
904
  <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
933
905
  </div>
934
906
  <div class="sub-title followers">
@@ -956,7 +928,7 @@
956
928
  <li>
957
929
  <div class="info">
958
930
  <div class="rank">
959
- <span title="Ranking 30">30</span>
931
+ <span title="Ranking 29">29</span>
960
932
  <a href="https://segmentfault.com/a/1190000042461022" target="_blank" title="近期对前端性能优化的总结">近期对前端性能优化的总结</a>
961
933
  </div>
962
934
  <div class="sub-title followers">
@@ -981,6 +953,34 @@
981
953
  </div>
982
954
  </li>
983
955
 
956
+ <li>
957
+ <div class="info">
958
+ <div class="rank">
959
+ <span title="Ranking 30">30</span>
960
+ <a href="https://segmentfault.com/a/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
961
+ </div>
962
+ <div class="sub-title followers">
963
+
964
+ <span title="Stargazers Count">
965
+ <svg width="12" height="12" viewBox="0 0 16 16">
966
+ <g fill="none" fill-rule="evenodd">
967
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
970
+ </svg>
971
+ <span>6</span>
972
+ </span>
973
+ &nbsp;
974
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
975
+ <span>程序员秋风</span>
976
+ </a>
977
+ </div>
978
+ <div class="details">
979
+ AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。
980
+ </div>
981
+ </div>
982
+ </li>
983
+
984
984
  </ul>
985
985
  <div class="footer">
986
986
  <div>
@@ -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/10/1 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/3 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>