@wcj/github-rank 22.10.3 → 22.10.5

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 +31845 -31815
  2. package/dist/sifou-daily.json +38 -1
  3. package/dist/sifou-monthly.json +37 -37
  4. package/dist/sifou-weekly.json +138 -138
  5. package/dist/toutiao-30.json +42 -42
  6. package/dist/toutiao-7.json +115 -115
  7. package/dist/toutiao-90.json +2 -2
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +162 -162
  11. package/dist/users.china.json +1068 -1068
  12. package/dist/users.json +3123 -3123
  13. package/package.json +1 -1
  14. package/web/data/repos.json +31845 -31815
  15. package/web/data/sifou-daily.json +38 -1
  16. package/web/data/sifou-monthly.json +37 -37
  17. package/web/data/sifou-weekly.json +138 -138
  18. package/web/data/toutiao-30.json +42 -42
  19. package/web/data/toutiao-7.json +115 -115
  20. package/web/data/toutiao-90.json +2 -2
  21. package/web/data/trending-daily.json +169 -169
  22. package/web/data/trending-monthly.json +159 -159
  23. package/web/data/trending-weekly.json +162 -162
  24. package/web/data/users.china.json +1068 -1068
  25. package/web/data/users.json +3123 -3123
  26. package/web/index.html +1673 -1673
  27. package/web/repos.html +4544 -4552
  28. package/web/sifou-daily.html +114 -2
  29. package/web/sifou-monthly.html +43 -43
  30. package/web/sifou-weekly.html +143 -143
  31. package/web/toutiao-30.html +41 -41
  32. package/web/toutiao-7.html +101 -101
  33. package/web/toutiao-90.html +4 -4
  34. package/web/trending-monthly.html +137 -141
  35. package/web/trending-weekly.html +141 -141
  36. package/web/trending.html +147 -147
  37. package/web/users.china.html +603 -603
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/3 by
119
+ <div class="time">Last cache created on 2022/10/5 by
120
120
 
121
121
 
122
122
 
@@ -141,6 +141,118 @@
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/1190000042572573" target="_blank" title="牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II">牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II</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>4</span>
160
+ </span>
161
+ &nbsp;
162
+ <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
163
+ <span>雄狮虎豹</span>
164
+ </a>
165
+ </div>
166
+ <div class="details">
167
+ 首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...
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/1190000042572545" target="_blank" title="Linux三剑客：grep、sed、awk基础入门学习笔记">Linux三剑客：grep、sed、awk基础入门学习笔记</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>2</span>
188
+ </span>
189
+ &nbsp;
190
+ <a target="_blank" href="https://segmentfault.com/u/jewin" 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/1190000042572133" target="_blank" title="从零开始Wails2编写Web桌面应用">从零开始Wails2编写Web桌面应用</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>1</span>
216
+ </span>
217
+ &nbsp;
218
+ <a target="_blank" href="https://segmentfault.com/u/lneoi" title="Programming Language">
219
+ <span>LnEoi</span>
220
+ </a>
221
+ </div>
222
+ <div class="details">
223
+ 前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...
224
+ </div>
225
+ </div>
226
+ </li>
227
+
228
+ <li>
229
+ <div class="info">
230
+ <div class="rank">
231
+ <span title="Ranking 4">4</span>
232
+ <a href="https://segmentfault.com/a/1190000042573147" target="_blank" title="解决图片底部白边">解决图片底部白边</a>
233
+ </div>
234
+ <div class="sub-title followers">
235
+
236
+ <span title="Stargazers Count">
237
+ <svg width="12" height="12" viewBox="0 0 16 16">
238
+ <g fill="none" fill-rule="evenodd">
239
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
242
+ </svg>
243
+ <span>1</span>
244
+ </span>
245
+ &nbsp;
246
+ <a target="_blank" href="https://segmentfault.com/u/_632fb19cc6ef3" title="Programming Language">
247
+ <span>小卢没烦恼</span>
248
+ </a>
249
+ </div>
250
+ <div class="details">
251
+ 解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...
252
+ </div>
253
+ </div>
254
+ </li>
255
+
144
256
  </ul>
145
257
  <div class="footer">
146
258
  <div>
@@ -157,7 +269,7 @@
157
269
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
158
270
  </a>
159
271
  </div>
160
- <div class="time">Last cache created on 2022/10/3 by Github API v3.</div>
272
+ <div class="time">Last cache created on 2022/10/5 by Github API v3.</div>
161
273
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
162
274
  </div>
163
275
  </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/3 by
119
+ <div class="time">Last cache created on 2022/10/5 by
120
120
 
121
121
 
122
122
 
@@ -324,7 +324,7 @@
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>17</span>
327
+ <span>18</span>
328
328
  </span>
329
329
  &nbsp;
330
330
  <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
@@ -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/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</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>12</span>
439
+ <span>11</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/suicidal_romantic_scoundrel" title="Programming Language">
443
+ <span>六一</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
447
+ 文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...
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/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</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>10</span>
467
+ <span>12</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" 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
- 文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...
475
+ transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042485178" target="_blank" title="图解JS中的事件循环">图解JS中的事件循环</a>
708
+ <a href="https://segmentfault.com/a/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <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
717
  </g>
718
718
  </svg>
719
- <span>6</span>
719
+ <span>12</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
723
- <span>寒水寺一禅</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
723
+ <span>宁在春</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...
727
+ 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042504992" target="_blank" title="Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字">Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字</a>
736
+ <a href="https://segmentfault.com/a/1190000042485178" target="_blank" title="图解JS中的事件循环">图解JS中的事件循环</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
745
745
  </g>
746
746
  </svg>
747
- <span>12</span>
747
+ <span>6</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/wyh_study" title="Programming Language">
751
- <span>宁在春</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
751
+ <span>寒水寺一禅</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...
755
+ 1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -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/1190000042432407" target="_blank" title="为什么vue.config.js中使用require，而vite.config.js使用 import?">为什么vue.config.js中使用require，而vite.config.js使用 import?</a>
820
+ <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</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>8</span>
831
+ <span>7</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
835
- <span>寒水寺一禅</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
835
+ <span>XboxYan</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...
839
+ 前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
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/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</a>
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>
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>7</span>
859
+ <span>8</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
863
- <span>XboxYan</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
863
+ <span>寒水寺一禅</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
867
+ 偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...
868
868
  </div>
869
869
  </div>
870
870
  </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/1190000042461022" target="_blank" title="近期对前端性能优化的总结">近期对前端性能优化的总结</a>
932
+ <a href="https://segmentfault.com/a/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</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>4</span>
943
+ <span>6</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
947
- <span>南城大前端</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
947
+ <span>凹凸实验室</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...
951
+ 一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
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/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
960
+ <a href="https://segmentfault.com/a/1190000042461022" target="_blank" title="近期对前端性能优化的总结">近期对前端性能优化的总结</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
969
  </g>
970
970
  </svg>
971
- <span>6</span>
971
+ <span>4</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0" title="Programming Language">
975
- <span>程序员秋风</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
975
+ <span>南城大前端</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。
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/3 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/5 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>