@wcj/github-rank 22.9.19 → 22.9.21

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 +27893 -27893
  2. package/dist/sifou-daily.json +83 -11
  3. package/dist/sifou-monthly.json +71 -71
  4. package/dist/sifou-weekly.json +135 -135
  5. package/dist/toutiao-30.json +50 -50
  6. package/dist/toutiao-7.json +114 -114
  7. package/dist/toutiao-90.json +43 -43
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +154 -154
  10. package/dist/trending-weekly.json +155 -155
  11. package/dist/users.china.json +2242 -2243
  12. package/dist/users.json +3234 -3234
  13. package/package.json +1 -1
  14. package/web/data/repos.json +27893 -27893
  15. package/web/data/sifou-daily.json +83 -11
  16. package/web/data/sifou-monthly.json +71 -71
  17. package/web/data/sifou-weekly.json +135 -135
  18. package/web/data/toutiao-30.json +50 -50
  19. package/web/data/toutiao-7.json +114 -114
  20. package/web/data/toutiao-90.json +43 -43
  21. package/web/data/trending-daily.json +167 -167
  22. package/web/data/trending-monthly.json +154 -154
  23. package/web/data/trending-weekly.json +155 -155
  24. package/web/data/users.china.json +2242 -2243
  25. package/web/data/users.json +3234 -3234
  26. package/web/index.html +1665 -1665
  27. package/web/repos.html +3444 -3444
  28. package/web/sifou-daily.html +235 -11
  29. package/web/sifou-monthly.html +97 -97
  30. package/web/sifou-weekly.html +129 -129
  31. package/web/toutiao-30.html +66 -66
  32. package/web/toutiao-7.html +89 -89
  33. package/web/toutiao-90.html +71 -71
  34. package/web/trending-monthly.html +143 -143
  35. package/web/trending-weekly.html +136 -136
  36. package/web/trending.html +144 -144
  37. package/web/users.china.html +1066 -1066
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/19 by
119
+ <div class="time">Last cache created on 2022/9/21 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>18</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/1190000042360785" 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>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/xboxyan" title="Programming Language">
219
+ <span>XboxYan</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
223
+ 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
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/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
232
+ <a href="https://segmentfault.com/a/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
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>19</span>
243
+ <span>17</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
247
- <span>chokcoco</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
247
+ <span>wuwhs</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
251
+ 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
252
252
  </div>
253
253
  </div>
254
254
  </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/1190000042475578" target="_blank" title="还在用定时器吗？借助 CSS 来监听事件">还在用定时器吗？借助 CSS 来监听事件</a>
260
+ <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</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>15</span>
271
+ <span>13</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
275
- <span>XboxYan</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
275
+ <span>杨成功</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...
279
+ 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
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/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
288
+ <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</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>10</span>
299
+ <span>19</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
303
- <span>六一</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
303
+ <span>chokcoco</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
307
+ 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
316
+ <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>15</span>
327
+ <span>10</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
331
- <span>chokcoco</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
331
+ <span>六一</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
335
+ 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
336
336
  </div>
337
337
  </div>
338
338
  </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/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
344
+ <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</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>11</span>
355
+ <span>15</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
359
- <span>XboxYan</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
359
+ <span>chokcoco</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
363
+ 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
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/1190000042481321" target="_blank" title="「多图预警」完美实现一个@功能">「多图预警」完美实现一个@功能</a>
372
+ <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -383,12 +383,12 @@
383
383
  <span>12</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
387
- <span>wuwhs</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
387
+ <span>夕水</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...
391
+ 这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
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/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
400
+ <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</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>10</span>
411
+ <span>11</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
415
- <span>lulu_up</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
415
+ <span>XboxYan</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:&#34;会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力&#34;, 就像发明 车 之前大多数人会认...
419
+ 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
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/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
428
+ <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -439,12 +439,12 @@
439
439
  <span>10</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
443
- <span>散一群逗逼</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
443
+ <span>lulu_up</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
447
+ 可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:&#34;会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力&#34;, 就像发明 车 之前大多数人会认...
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/1190000042391998" target="_blank" title="盘点一些好用的 JS 单行代码">盘点一些好用的 JS 单行代码</a>
456
+ <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
464
  <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
465
  </g>
466
466
  </svg>
467
- <span>12</span>
467
+ <span>11</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
471
- <span>前端小智</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/sanyiqundoubi" title="Programming Language">
471
+ <span>散一群逗逼</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
475
+ transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
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/1190000042453662" target="_blank" title="SegmentFault 思否技术征文丨浅谈 Java 进阶之路">SegmentFault 思否技术征文丨浅谈 Java 进阶之路</a>
484
+ <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
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
493
  </g>
494
494
  </svg>
495
- <span>9</span>
495
+ <span>8</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
499
- <span>SegmentFault思否</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
499
+ <span>程序员秋风</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...
503
+ 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</a>
512
+ <a href="https://segmentfault.com/a/1190000042391998" target="_blank" title="盘点一些好用的 JS 单行代码">盘点一些好用的 JS 单行代码</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <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"/>
521
521
  </g>
522
522
  </svg>
523
- <span>7</span>
523
+ <span>13</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
527
- <span>程序员秋风</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
527
+ <span>前端小智</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 简介————————近段时间来，你可能在不少地方都看到了非常多这样的好看的画。比如这样的赛博朋克风prompt: Cyberpunk, 8k resolution, castle, the rose sea, dream水墨画风格prompt: a watercolor ink painting of...
531
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
540
+ <a href="https://segmentfault.com/a/1190000042453662" target="_blank" title="SegmentFault 思否技术征文丨浅谈 Java 进阶之路">SegmentFault 思否技术征文丨浅谈 Java 进阶之路</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -551,12 +551,12 @@
551
551
  <span>9</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
555
- <span>XboxYan</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
555
+ <span>SegmentFault思否</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
559
+ 亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
568
+ <a href="https://segmentfault.com/a/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>10</span>
579
+ <span>9</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
583
- <span>lulu_up</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
583
+ <span>XboxYan</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会&#39;卡死&#39;, 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...
587
+ 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -845,7 +845,7 @@
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/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</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>2</span>
859
+ <span>4</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
863
- <span>葡萄城技术团队</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
- 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
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/1190000042419139" target="_blank" title="性能优化必备——火焰图">性能优化必备——火焰图</a>
876
+ <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</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>6</span>
887
+ <span>2</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/guguji_fly" title="Programming Language">
891
- <span>咕咕鸡</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
891
+ <span>葡萄城技术团队</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。
895
+ 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
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/1190000042454840" target="_blank" title="高阶 CSS 技巧在复杂动效中的应用">高阶 CSS 技巧在复杂动效中的应用</a>
904
+ <a href="https://segmentfault.com/a/1190000042419139" target="_blank" title="性能优化必备——火焰图">性能优化必备——火焰图</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>6</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
919
- <span>chokcoco</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/guguji_fly" title="Programming Language">
919
+ <span>咕咕鸡</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...
923
+ 本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。
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/1190000042385637" target="_blank" title="金山办公 2022 年技术开放日：文档云原生时代的规模之道">金山办公 2022 年技术开放日：文档云原生时代的规模之道</a>
932
+ <a href="https://segmentfault.com/a/1190000042414379" target="_blank" title="慎用JSON.stringify">慎用JSON.stringify</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>3</span>
943
+ <span>7</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
947
- <span>MissD</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
947
+ <span>Gopal</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...
951
+ 项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。
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/1190000042394346" target="_blank" title="【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景">【三维地图】开发攻略 —— 详解“GeoJSON”技术和应用场景</a>
960
+ <a href="https://segmentfault.com/a/1190000042469668" target="_blank" title="深入理解JavaScript-JavaScript 中的始皇">深入理解JavaScript-JavaScript 中的始皇</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
969
  </g>
970
970
  </svg>
971
- <span>4</span>
971
+ <span>3</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
975
- <span>葡萄城技术团队</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
975
+ <span>山头人汉波</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- GeoJSON ，一个用于存储地理信息的数据格式。GoeJSON对象可以表示几何、特征或特征集合，支持：点、线、面、多点、多线、多面和几何集合。在基于平面地图，三维地图中都需要用到的一种数据类型。由于这种格式在三...
979
+ 为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？
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/19 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/21 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>