@wcj/github-rank 22.10.6 → 22.10.8

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 +27985 -27982
  2. package/dist/sifou-daily.json +1 -29
  3. package/dist/sifou-monthly.json +56 -56
  4. package/dist/sifou-weekly.json +144 -180
  5. package/dist/toutiao-30.json +40 -40
  6. package/dist/toutiao-7.json +115 -115
  7. package/dist/toutiao-90.json +23 -23
  8. package/dist/trending-daily.json +164 -164
  9. package/dist/trending-monthly.json +129 -129
  10. package/dist/trending-weekly.json +157 -157
  11. package/dist/users.china.json +1326 -1326
  12. package/dist/users.json +2938 -2938
  13. package/package.json +1 -1
  14. package/web/data/repos.json +27985 -27982
  15. package/web/data/sifou-daily.json +1 -29
  16. package/web/data/sifou-monthly.json +56 -56
  17. package/web/data/sifou-weekly.json +144 -180
  18. package/web/data/toutiao-30.json +40 -40
  19. package/web/data/toutiao-7.json +115 -115
  20. package/web/data/toutiao-90.json +23 -23
  21. package/web/data/trending-daily.json +164 -164
  22. package/web/data/trending-monthly.json +129 -129
  23. package/web/data/trending-weekly.json +157 -157
  24. package/web/data/users.china.json +1326 -1326
  25. package/web/data/users.json +2938 -2938
  26. package/web/index.html +1607 -1607
  27. package/web/repos.html +3532 -3532
  28. package/web/sifou-daily.html +2 -86
  29. package/web/sifou-monthly.html +84 -84
  30. package/web/sifou-weekly.html +120 -232
  31. package/web/toutiao-30.html +66 -66
  32. package/web/toutiao-7.html +87 -87
  33. package/web/toutiao-90.html +24 -24
  34. package/web/trending-monthly.html +116 -116
  35. package/web/trending-weekly.html +137 -141
  36. package/web/trending.html +135 -147
  37. package/web/users.china.html +730 -730
package/web/sifou-daily.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/10/6 by
119
+ <div class="time">Last cache created on 2022/10/8 by
120
120
 
121
121
 
122
122
 
@@ -141,90 +141,6 @@
141
141
  </span>
142
142
  </li>
143
143
 
144
- <li>
145
- <div class="info">
146
- <div class="rank">
147
- <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042574759" target="_blank" title="sofa模块化隔离">sofa模块化隔离</a>
149
- </div>
150
- <div class="sub-title followers">
151
-
152
- <span title="Stargazers Count">
153
- <svg width="12" height="12" viewBox="0 0 16 16">
154
- <g fill="none" fill-rule="evenodd">
155
- <path d="M0 0h16v16H0z"/>
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
- </g>
158
- </svg>
159
- <span>3</span>
160
- </span>
161
- &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
163
- <span>小强Zzz</span>
164
- </a>
165
- </div>
166
- <div class="details">
167
- 传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...
168
- </div>
169
- </div>
170
- </li>
171
-
172
- <li>
173
- <div class="info">
174
- <div class="rank">
175
- <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042573964" target="_blank" title="总结本周遇到的问题">总结本周遇到的问题</a>
177
- </div>
178
- <div class="sub-title followers">
179
-
180
- <span title="Stargazers Count">
181
- <svg width="12" height="12" viewBox="0 0 16 16">
182
- <g fill="none" fill-rule="evenodd">
183
- <path d="M0 0h16v16H0z"/>
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
- </g>
186
- </svg>
187
- <span>3</span>
188
- </span>
189
- &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
191
- <span>李明</span>
192
- </a>
193
- </div>
194
- <div class="details">
195
- 报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。
196
- </div>
197
- </div>
198
- </li>
199
-
200
- <li>
201
- <div class="info">
202
- <div class="rank">
203
- <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</a>
205
- </div>
206
- <div class="sub-title followers">
207
-
208
- <span title="Stargazers Count">
209
- <svg width="12" height="12" viewBox="0 0 16 16">
210
- <g fill="none" fill-rule="evenodd">
211
- <path d="M0 0h16v16H0z"/>
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
- </g>
214
- </svg>
215
- <span>2</span>
216
- </span>
217
- &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
219
- <span>weiewiyi</span>
220
- </a>
221
- </div>
222
- <div class="details">
223
- 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
224
- </div>
225
- </div>
226
- </li>
227
-
228
144
  </ul>
229
145
  <div class="footer">
230
146
  <div>
@@ -241,7 +157,7 @@
241
157
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
242
158
  </a>
243
159
  </div>
244
- <div class="time">Last cache created on 2022/10/6 by Github API v3.</div>
160
+ <div class="time">Last cache created on 2022/10/8 by Github API v3.</div>
245
161
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
246
162
  </div>
247
163
  </body>
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/6 by
119
+ <div class="time">Last cache created on 2022/10/8 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>22</span>
159
+ <span>23</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/dreamapplehappy" title="Programming Language">
@@ -268,7 +268,7 @@
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>17</span>
271
+ <span>18</span>
272
272
  </span>
273
273
  &nbsp;
274
274
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -369,34 +369,6 @@
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/1190000042435536" target="_blank" title="使用 SVG 生成带标识的 favicon">使用 SVG 生成带标识的 favicon</a>
373
- </div>
374
- <div class="sub-title followers">
375
-
376
- <span title="Stargazers Count">
377
- <svg width="12" height="12" viewBox="0 0 16 16">
378
- <g fill="none" fill-rule="evenodd">
379
- <path d="M0 0h16v16H0z"/>
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
- </g>
382
- </svg>
383
- <span>12</span>
384
- </span>
385
- &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
387
- <span>XboxYan</span>
388
- </a>
389
- </div>
390
- <div class="details">
391
- 欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...
392
- </div>
393
- </div>
394
- </li>
395
-
396
- <li>
397
- <div class="info">
398
- <div class="rank">
399
- <span title="Ranking 10">10</span>
400
372
  <a href="https://segmentfault.com/a/1190000042502121" target="_blank" title="实现《羊了个羊》的小游戏">实现《羊了个羊》的小游戏</a>
401
373
  </div>
402
374
  <div class="sub-title followers">
@@ -424,7 +396,7 @@
424
396
  <li>
425
397
  <div class="info">
426
398
  <div class="rank">
427
- <span title="Ranking 11">11</span>
399
+ <span title="Ranking 10">10</span>
428
400
  <a href="https://segmentfault.com/a/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</a>
429
401
  </div>
430
402
  <div class="sub-title followers">
@@ -452,7 +424,7 @@
452
424
  <li>
453
425
  <div class="info">
454
426
  <div class="rank">
455
- <span title="Ranking 12">12</span>
427
+ <span title="Ranking 11">11</span>
456
428
  <a href="https://segmentfault.com/a/1190000042443684" target="_blank" title="CSS transform、transition、animation 指南">CSS transform、transition、animation 指南</a>
457
429
  </div>
458
430
  <div class="sub-title followers">
@@ -480,7 +452,7 @@
480
452
  <li>
481
453
  <div class="info">
482
454
  <div class="rank">
483
- <span title="Ranking 13">13</span>
455
+ <span title="Ranking 12">12</span>
484
456
  <a href="https://segmentfault.com/a/1190000042458570" target="_blank" title="中秋佳节之际, 一起来欣赏 9 个冷门的css属性">中秋佳节之际, 一起来欣赏 9 个冷门的css属性</a>
485
457
  </div>
486
458
  <div class="sub-title followers">
@@ -508,7 +480,7 @@
508
480
  <li>
509
481
  <div class="info">
510
482
  <div class="rank">
511
- <span title="Ranking 14">14</span>
483
+ <span title="Ranking 13">13</span>
512
484
  <a href="https://segmentfault.com/a/1190000042450560" target="_blank" title="AI数字绘画 stable-diffusion 保姆级教程">AI数字绘画 stable-diffusion 保姆级教程</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/1190000042537837" target="_blank" title="当你 git push 时，极狐GitLab上发生了什么？">当你 git push 时，极狐GitLab上发生了什么？</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/1190000042453662" target="_blank" title="【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路">【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路</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/1190000042475152" target="_blank" title="1000粉！使用Three.js实现一个创意纪念页面 🏆">1000粉！使用Three.js实现一个创意纪念页面 🏆</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/1190000042490237" target="_blank" title="CSS 有了:has伪类可以做些什么？">CSS 有了:has伪类可以做些什么？</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/1190000042550192" target="_blank" title="见微知著，从两道有意思的 CSS 面试题，考察你的基础">见微知著，从两道有意思的 CSS 面试题，考察你的基础</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/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</a>
681
653
  </div>
682
654
  <div class="sub-title followers">
683
655
 
@@ -688,15 +660,15 @@
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>12</span>
692
664
  </span>
693
665
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
695
- <span>chokcoco</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
667
+ <span>宁在春</span>
696
668
  </a>
697
669
  </div>
698
670
  <div class="details">
699
- 最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...
671
+ 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
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/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</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>12</span>
691
+ <span>6</span>
720
692
  </span>
721
693
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
723
- <span>宁在春</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
- 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
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,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/1190000042531829" target="_blank" title="技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路">技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路</a>
765
737
  </div>
766
738
  <div class="sub-title followers">
@@ -785,6 +757,34 @@
785
757
  </div>
786
758
  </li>
787
759
 
760
+ <li>
761
+ <div class="info">
762
+ <div class="rank">
763
+ <span title="Ranking 23">23</span>
764
+ <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
765
+ </div>
766
+ <div class="sub-title followers">
767
+
768
+ <span title="Stargazers Count">
769
+ <svg width="12" height="12" viewBox="0 0 16 16">
770
+ <g fill="none" fill-rule="evenodd">
771
+ <path d="M0 0h16v16H0z"/>
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"/>
773
+ </g>
774
+ </svg>
775
+ <span>7</span>
776
+ </span>
777
+ &nbsp;
778
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
779
+ <span>XboxYan</span>
780
+ </a>
781
+ </div>
782
+ <div class="details">
783
+ 前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
784
+ </div>
785
+ </div>
786
+ </li>
787
+
788
788
  <li>
789
789
  <div class="info">
790
790
  <div class="rank">
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
820
+ <a href="https://segmentfault.com/a/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
829
829
  </g>
830
830
  </svg>
831
- <span>7</span>
831
+ <span>6</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
835
- <span>XboxYan</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
835
+ <span>凹凸实验室</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
839
+ 一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
840
840
  </div>
841
841
  </div>
842
842
  </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/1190000042432407" target="_blank" title="为什么vue.config.js中使用require，而vite.config.js使用 import?">为什么vue.config.js中使用require，而vite.config.js使用 import?</a>
848
+ <a href="https://segmentfault.com/a/1190000042475705" 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>9</span>
859
+ <span>8</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
863
- <span>寒水寺一禅</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
863
+ <span>chokcoco</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...
867
+ 而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。
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/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</a>
876
+ <a href="https://segmentfault.com/a/1190000042507363" target="_blank" title="与小程序的 2M 空间斗智斗勇之图片优化">与小程序的 2M 空间斗智斗勇之图片优化</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>4</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
891
- <span>凹凸实验室</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/linxz" title="Programming Language">
891
+ <span>林小志</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
895
+ 现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...
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/1190000042475705" target="_blank" title="新时代布局新特性 -- 容器查询">新时代布局新特性 -- 容器查询</a>
904
+ <a href="https://segmentfault.com/a/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
913
913
  </g>
914
914
  </svg>
915
- <span>8</span>
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/qiufeng_5a07f6cb96ee0" title="Programming Language">
919
+ <span>程序员秋风</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。
923
+ AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。
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/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
932
+ <a href="https://segmentfault.com/a/1190000042461022" target="_blank" title="近期对前端性能优化的总结">近期对前端性能优化的总结</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
941
941
  </g>
942
942
  </svg>
943
- <span>6</span>
943
+ <span>4</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
947
- <span>null仔</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
947
+ <span>南城大前端</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
951
+ 前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042461022" target="_blank" title="近期对前端性能优化的总结">近期对前端性能优化的总结</a>
960
+ <a href="https://segmentfault.com/a/1190000042503461" target="_blank" title="微信小程序转为App并上架应用市场">微信小程序转为App并上架应用市场</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -971,12 +971,12 @@
971
971
  <span>4</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
975
- <span>南城大前端</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
975
+ <span>xiangzhihong</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...
979
+ 先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...
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/10/6 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/8 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>