@wcj/github-rank 22.9.2 → 22.9.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 +19962 -19974
  2. package/dist/sifou-daily.json +6 -42
  3. package/dist/sifou-monthly.json +66 -66
  4. package/dist/sifou-weekly.json +111 -111
  5. package/dist/toutiao-30.json +32 -32
  6. package/dist/toutiao-7.json +49 -49
  7. package/dist/toutiao-90.json +30 -30
  8. package/dist/trending-daily.json +167 -167
  9. package/dist/trending-monthly.json +152 -152
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +920 -920
  12. package/dist/users.json +2300 -2300
  13. package/package.json +1 -1
  14. package/web/data/repos.json +19962 -19974
  15. package/web/data/sifou-daily.json +6 -42
  16. package/web/data/sifou-monthly.json +66 -66
  17. package/web/data/sifou-weekly.json +111 -111
  18. package/web/data/toutiao-30.json +32 -32
  19. package/web/data/toutiao-7.json +49 -49
  20. package/web/data/toutiao-90.json +30 -30
  21. package/web/data/trending-daily.json +167 -167
  22. package/web/data/trending-monthly.json +152 -152
  23. package/web/data/trending-weekly.json +167 -167
  24. package/web/data/users.china.json +920 -920
  25. package/web/data/users.json +2300 -2300
  26. package/web/index.html +1284 -1284
  27. package/web/repos.html +2541 -2541
  28. package/web/sifou-daily.html +6 -118
  29. package/web/sifou-monthly.html +112 -112
  30. package/web/sifou-weekly.html +133 -133
  31. package/web/toutiao-30.html +71 -71
  32. package/web/toutiao-7.html +43 -43
  33. package/web/toutiao-90.html +65 -65
  34. package/web/trending-monthly.html +143 -143
  35. package/web/trending-weekly.html +145 -145
  36. package/web/trending.html +149 -141
  37. package/web/users.china.html +533 -533
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/2 by
119
+ <div class="time">Last cache created on 2022/9/3 by
120
120
 
121
121
 
122
122
 
@@ -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>26</span>
187
+ <span>27</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！</a>
316
+ <a href="https://segmentfault.com/a/1190000042386997" 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>9</span>
327
+ <span>12</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
331
- <span>SegmentFault思否</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
331
+ <span>杨成功</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 中奖名单「极客观点」打卡活动获奖名单公布，快来领奖！思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「...
335
+ 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
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/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
344
+ <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！</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>12</span>
355
+ <span>9</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
359
- <span>万事ONES</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
359
+ <span>SegmentFault思否</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...
363
+ 中奖名单「极客观点」打卡活动获奖名单公布，快来领奖！思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「...
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/1190000042261453" target="_blank" title="使用前端技术实现静态图片局部流动效果 🌊">使用前端技术实现静态图片局部流动效果 🌊</a>
372
+ <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</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>11</span>
383
+ <span>12</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
387
- <span>dragonir</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
387
+ <span>万事ONES</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...
391
+ ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...
392
392
  </div>
393
393
  </div>
394
394
  </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/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</a>
428
+ <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</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>14</span>
439
+ <span>16</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
443
- <span>乌柏木</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
+ <span>XboxYan</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
447
+ 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
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/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</a>
456
+ <a href="https://segmentfault.com/a/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</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>13</span>
467
+ <span>14</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/zhijiajishu" title="Programming Language">
471
- <span>之家技术</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
471
+ <span>乌柏木</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...
475
+ 转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
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/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
484
+ <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</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>11</span>
495
+ <span>13</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
499
- <span>xiangzhihong</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/zhijiajishu" title="Programming Language">
499
+ <span>之家技术</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...
503
+ 知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...
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/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</a>
512
+ <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</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>10</span>
523
+ <span>16</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
527
- <span>杨成功</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
527
+ <span>chokcoco</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
531
+ 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
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/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
540
+ <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
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
549
  </g>
550
550
  </svg>
551
- <span>12</span>
551
+ <span>11</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
555
- <span>lulu_up</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
555
+ <span>xiangzhihong</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
559
+ 在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...
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/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
568
+ <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</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>13</span>
579
+ <span>12</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
583
- <span>XboxYan</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
583
+ <span>lulu_up</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
587
+ immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
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/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
596
+ <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
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
605
  </g>
606
606
  </svg>
607
- <span>15</span>
607
+ <span>9</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
611
- <span>chokcoco</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
611
+ <span>六一</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
615
+ 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,34 +621,6 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
625
- </div>
626
- <div class="sub-title followers">
627
-
628
- <span title="Stargazers Count">
629
- <svg width="12" height="12" viewBox="0 0 16 16">
630
- <g fill="none" fill-rule="evenodd">
631
- <path d="M0 0h16v16H0z"/>
632
- <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"/>
633
- </g>
634
- </svg>
635
- <span>8</span>
636
- </span>
637
- &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
639
- <span>胡哥有话说</span>
640
- </a>
641
- </div>
642
- <div class="details">
643
- 本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
644
- </div>
645
- </div>
646
- </li>
647
-
648
- <li>
649
- <div class="info">
650
- <div class="rank">
651
- <span title="Ranking 19">19</span>
652
624
  <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</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/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</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/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</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/1190000042318738" target="_blank" title="精读《pnpm》">精读《pnpm》</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/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</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/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</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/1190000042281991" target="_blank" title="我做了一个在线白板（二）">我做了一个在线白板（二）</a>
821
793
  </div>
822
794
  <div class="sub-title followers">
@@ -844,8 +816,8 @@
844
816
  <li>
845
817
  <div class="info">
846
818
  <div class="rank">
847
- <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042266784" target="_blank" title="整理了这23个开源项，初学者可以拿来练习！">整理了这23个开源项，初学者可以拿来练习！</a>
819
+ <span title="Ranking 25">25</span>
820
+ <a href="https://segmentfault.com/a/1190000042288656" target="_blank" title="使用Vue.js编写命令行界面,前端开发CLI的利器">使用Vue.js编写命令行界面,前端开发CLI的利器</a>
849
821
  </div>
850
822
  <div class="sub-title followers">
851
823
 
@@ -856,15 +828,15 @@
856
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"/>
857
829
  </g>
858
830
  </svg>
859
- <span>7</span>
831
+ <span>4</span>
860
832
  </span>
861
833
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
863
- <span>前端小智</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
835
+ <span>null仔</span>
864
836
  </a>
865
837
  </div>
866
838
  <div class="details">
867
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
839
+ 大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...
868
840
  </div>
869
841
  </div>
870
842
  </li>
@@ -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/1190000042288656" target="_blank" title="使用Vue.js编写命令行界面,前端开发CLI的利器">使用Vue.js编写命令行界面,前端开发CLI的利器</a>
847
+ <span title="Ranking 26">26</span>
848
+ <a href="https://segmentfault.com/a/1190000042267983" target="_blank" title="electron 应用开发优秀实践">electron 应用开发优秀实践</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>4</span>
859
+ <span>8</span>
888
860
  </span>
889
861
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
891
- <span>null仔</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
863
+ <span>vivo互联网技术</span>
892
864
  </a>
893
865
  </div>
894
866
  <div class="details">
895
- 大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...
867
+ 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...
896
868
  </div>
897
869
  </div>
898
870
  </li>
@@ -900,8 +872,8 @@
900
872
  <li>
901
873
  <div class="info">
902
874
  <div class="rank">
903
- <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042267983" target="_blank" title="electron 应用开发优秀实践">electron 应用开发优秀实践</a>
875
+ <span title="Ranking 27">27</span>
876
+ <a href="https://segmentfault.com/a/1190000042280585" target="_blank" title="PHP如何提高高并发能力">PHP如何提高高并发能力</a>
905
877
  </div>
906
878
  <div class="sub-title followers">
907
879
 
@@ -912,15 +884,15 @@
912
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"/>
913
885
  </g>
914
886
  </svg>
915
- <span>8</span>
887
+ <span>5</span>
916
888
  </span>
917
889
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
919
- <span>vivo互联网技术</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
891
+ <span>7small7</span>
920
892
  </a>
921
893
  </div>
922
894
  <div class="details">
923
- 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...
895
+ 用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。
924
896
  </div>
925
897
  </div>
926
898
  </li>
@@ -928,8 +900,8 @@
928
900
  <li>
929
901
  <div class="info">
930
902
  <div class="rank">
931
- <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042280585" target="_blank" title="PHP如何提高高并发能力">PHP如何提高高并发能力</a>
903
+ <span title="Ranking 28">28</span>
904
+ <a href="https://segmentfault.com/a/1190000042367660" target="_blank" title="你不知道的 console，让 JS 调试更简单">你不知道的 console，让 JS 调试更简单</a>
933
905
  </div>
934
906
  <div class="sub-title followers">
935
907
 
@@ -940,15 +912,15 @@
940
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"/>
941
913
  </g>
942
914
  </svg>
943
- <span>5</span>
915
+ <span>9</span>
944
916
  </span>
945
917
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
947
- <span>7small7</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/gaozhipeng" title="Programming Language">
919
+ <span>高志鹏</span>
948
920
  </a>
949
921
  </div>
950
922
  <div class="details">
951
- 用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。
923
+ 对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...
952
924
  </div>
953
925
  </div>
954
926
  </li>
@@ -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/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</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/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</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>8</span>
972
+ </span>
973
+ &nbsp;
974
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
975
+ <span>XboxYan</span>
976
+ </a>
977
+ </div>
978
+ <div class="details">
979
+ 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
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/9/2 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/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>