@wcj/github-rank 22.6.1 → 22.6.4

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 (38) hide show
  1. package/dist/repos.json +33529 -33545
  2. package/dist/sifou-daily.json +12 -102
  3. package/dist/sifou-monthly.json +80 -80
  4. package/dist/sifou-weekly.json +171 -171
  5. package/dist/toutiao-30.json +53 -53
  6. package/dist/toutiao-7.json +105 -105
  7. package/dist/toutiao-90.json +37 -37
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +171 -171
  10. package/dist/trending-weekly.json +173 -162
  11. package/dist/users.china.json +2601 -2601
  12. package/dist/users.json +3592 -3592
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33529 -33545
  16. package/web/data/sifou-daily.json +12 -102
  17. package/web/data/sifou-monthly.json +80 -80
  18. package/web/data/sifou-weekly.json +171 -171
  19. package/web/data/toutiao-30.json +53 -53
  20. package/web/data/toutiao-7.json +105 -105
  21. package/web/data/toutiao-90.json +37 -37
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +171 -171
  24. package/web/data/trending-weekly.json +173 -162
  25. package/web/data/users.china.json +2601 -2601
  26. package/web/data/users.json +3592 -3592
  27. package/web/index.html +1854 -1854
  28. package/web/repos.html +4327 -4331
  29. package/web/sifou-daily.html +11 -291
  30. package/web/sifou-monthly.html +114 -114
  31. package/web/sifou-weekly.html +147 -147
  32. package/web/toutiao-30.html +62 -62
  33. package/web/toutiao-7.html +79 -79
  34. package/web/toutiao-90.html +65 -65
  35. package/web/trending-monthly.html +150 -146
  36. package/web/trending-weekly.html +179 -141
  37. package/web/trending.html +154 -142
  38. package/web/users.china.html +1304 -1304
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/6/1 by
119
+ <div class="time">Last cache created on 2022/6/4 by
120
120
 
121
121
 
122
122
 
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041790775" target="_blank" title="SegmentFault 思否加入 ONES">SegmentFault 思否加入 ONES</a>
178
+ <a href="https://segmentfault.com/a/1190000041826742" target="_blank" title="现代 CSS 解决方案：CSS 数学函数">现代 CSS 解决方案：CSS 数学函数</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
186
186
  <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"/>
187
187
  </g>
188
188
  </svg>
189
- <span>41</span>
189
+ <span>48</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
193
- <span>SegmentFault思否</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
193
+ <span>chokcoco</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。
197
+ 在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041826742" target="_blank" title="现代 CSS 解决方案：CSS 数学函数">现代 CSS 解决方案：CSS 数学函数</a>
206
+ <a href="https://segmentfault.com/a/1190000041925065" target="_blank" title="为我们的 10 周年喝彩">为我们的 10 周年喝彩</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <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"/>
215
215
  </g>
216
216
  </svg>
217
- <span>45</span>
217
+ <span>40</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
221
- <span>chokcoco</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
221
+ <span>joyqi</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...
225
+ 10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041804988" target="_blank" title="CSS 中的简写到底有多少坑？以后不敢了...">CSS 中的简写到底有多少坑？以后不敢了...</a>
234
+ <a href="https://segmentfault.com/a/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -242,15 +242,15 @@
242
242
  <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"/>
243
243
  </g>
244
244
  </svg>
245
- <span>34</span>
245
+ <span>24</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
249
- <span>零一</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
249
+ <span>街角小林</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 &#34;好&#34; 和 &#34;坏&#34;
253
+ 随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041833326" target="_blank" title="为什么前端不能没有监控系统？">为什么前端不能没有监控系统？</a>
262
+ <a href="https://segmentfault.com/a/1190000041804988" target="_blank" title="CSS 中的简写到底有多少坑？以后不敢了...">CSS 中的简写到底有多少坑？以后不敢了...</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <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"/>
271
271
  </g>
272
272
  </svg>
273
- <span>28</span>
273
+ <span>34</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
277
- <span>杨成功</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
277
+ <span>零一</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
281
+ 为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 &#34;好&#34; 和 &#34;坏&#34;
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
290
+ <a href="https://segmentfault.com/a/1190000041833326" target="_blank" title="为什么前端不能没有监控系统？">为什么前端不能没有监控系统？</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <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"/>
299
299
  </g>
300
300
  </svg>
301
- <span>22</span>
301
+ <span>29</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
305
- <span>街角小林</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
305
+ <span>杨成功</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
309
+ 提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041791819" target="_blank" title="离谱的 CSS！从表盘刻度到艺术剪纸">离谱的 CSS！从表盘刻度到艺术剪纸</a>
318
+ <a href="https://segmentfault.com/a/1190000041887820" target="_blank" title="妙啊！动画还可以这样控制？">妙啊！动画还可以这样控制？</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,7 +326,7 @@
326
326
  <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"/>
327
327
  </g>
328
328
  </svg>
329
- <span>21</span>
329
+ <span>25</span>
330
330
  </span>
331
331
  &nbsp;
332
332
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -334,7 +334,7 @@
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...
337
+ 今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -354,7 +354,7 @@
354
354
  <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"/>
355
355
  </g>
356
356
  </svg>
357
- <span>30</span>
357
+ <span>31</span>
358
358
  </span>
359
359
  &nbsp;
360
360
  <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041887820" target="_blank" title="妙啊！动画还可以这样控制？">妙啊！动画还可以这样控制？</a>
374
+ <a href="https://segmentfault.com/a/1190000041791819" target="_blank" title="离谱的 CSS！从表盘刻度到艺术剪纸">离谱的 CSS！从表盘刻度到艺术剪纸</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -390,7 +390,7 @@
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
393
+ 某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,6 +399,34 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
+ <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
403
+ </div>
404
+ <div class="sub-title followers">
405
+
406
+ <span title="Stargazers Count">
407
+ <svg width="12" height="12" viewBox="0 0 16 16">
408
+ <g fill="none" fill-rule="evenodd">
409
+ <path d="M0 0h16v16H0z"/>
410
+ <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"/>
411
+ </g>
412
+ </svg>
413
+ <span>25</span>
414
+ </span>
415
+ &nbsp;
416
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
417
+ <span>chokcoco</span>
418
+ </a>
419
+ </div>
420
+ <div class="details">
421
+ 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
422
+ </div>
423
+ </div>
424
+ </li>
425
+
426
+ <li>
427
+ <div class="info">
428
+ <div class="rank">
429
+ <span title="Ranking 11">11</span>
402
430
  <a href="https://segmentfault.com/a/1190000041861125" target="_blank" title="SegmentFault 思否技术周刊 -- Go 语言通关攻略">SegmentFault 思否技术周刊 -- Go 语言通关攻略</a>
403
431
  </div>
404
432
  <div class="sub-title followers">
@@ -426,7 +454,7 @@
426
454
  <li>
427
455
  <div class="info">
428
456
  <div class="rank">
429
- <span title="Ranking 11">11</span>
457
+ <span title="Ranking 12">12</span>
430
458
  <a href="https://segmentfault.com/a/1190000041819579" target="_blank" title="8.9W 播放量的 TS 动画版进阶教程合集来了！">8.9W 播放量的 TS 动画版进阶教程合集来了！</a>
431
459
  </div>
432
460
  <div class="sub-title followers">
@@ -438,7 +466,7 @@
438
466
  <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"/>
439
467
  </g>
440
468
  </svg>
441
- <span>24</span>
469
+ <span>25</span>
442
470
  </span>
443
471
  &nbsp;
444
472
  <a target="_blank" href="https://segmentfault.com/u/angular4" title="Programming Language">
@@ -454,8 +482,8 @@
454
482
  <li>
455
483
  <div class="info">
456
484
  <div class="rank">
457
- <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041830559" target="_blank" title="SegmentFault 思否技术周刊 -- 不走寻常路的 CSS">SegmentFault 思否技术周刊 -- 不走寻常路的 CSS</a>
485
+ <span title="Ranking 13">13</span>
486
+ <a href="https://segmentfault.com/a/1190000041925107" target="_blank" title="归零进一 | SegmentFault 思否社区 10 周年社区福利来了！">归零进一 | SegmentFault 思否社区 10 周年社区福利来了！</a>
459
487
  </div>
460
488
  <div class="sub-title followers">
461
489
 
@@ -466,15 +494,15 @@
466
494
  <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"/>
467
495
  </g>
468
496
  </svg>
469
- <span>23</span>
497
+ <span>22</span>
470
498
  </span>
471
499
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
473
- <span>Beverly</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
501
+ <span>SegmentFault思否</span>
474
502
  </a>
475
503
  </div>
476
504
  <div class="details">
477
- CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...
505
+ 作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...
478
506
  </div>
479
507
  </div>
480
508
  </li>
@@ -482,8 +510,8 @@
482
510
  <li>
483
511
  <div class="info">
484
512
  <div class="rank">
485
- <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041860587" target="_blank" title="浅谈逻辑选择器 -- 父选择器它来了！">浅谈逻辑选择器 -- 父选择器它来了！</a>
513
+ <span title="Ranking 14">14</span>
514
+ <a href="https://segmentfault.com/a/1190000041830559" target="_blank" title="SegmentFault 思否技术周刊 -- 不走寻常路的 CSS">SegmentFault 思否技术周刊 -- 不走寻常路的 CSS</a>
487
515
  </div>
488
516
  <div class="sub-title followers">
489
517
 
@@ -494,15 +522,15 @@
494
522
  <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"/>
495
523
  </g>
496
524
  </svg>
497
- <span>24</span>
525
+ <span>23</span>
498
526
  </span>
499
527
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
501
- <span>chokcoco</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
529
+ <span>Beverly</span>
502
530
  </a>
503
531
  </div>
504
532
  <div class="details">
505
- 在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...
533
+ CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...
506
534
  </div>
507
535
  </div>
508
536
  </li>
@@ -510,7 +538,7 @@
510
538
  <li>
511
539
  <div class="info">
512
540
  <div class="rank">
513
- <span title="Ranking 14">14</span>
541
+ <span title="Ranking 15">15</span>
514
542
  <a href="https://segmentfault.com/a/1190000041798153" target="_blank" title="React官方团队出手，补齐原生Hook短板">React官方团队出手，补齐原生Hook短板</a>
515
543
  </div>
516
544
  <div class="sub-title followers">
@@ -538,7 +566,7 @@
538
566
  <li>
539
567
  <div class="info">
540
568
  <div class="rank">
541
- <span title="Ranking 15">15</span>
569
+ <span title="Ranking 16">16</span>
542
570
  <a href="https://segmentfault.com/a/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
543
571
  </div>
544
572
  <div class="sub-title followers">
@@ -550,7 +578,7 @@
550
578
  <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"/>
551
579
  </g>
552
580
  </svg>
553
- <span>18</span>
581
+ <span>19</span>
554
582
  </span>
555
583
  &nbsp;
556
584
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -566,7 +594,7 @@
566
594
  <li>
567
595
  <div class="info">
568
596
  <div class="rank">
569
- <span title="Ranking 16">16</span>
597
+ <span title="Ranking 17">17</span>
570
598
  <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
571
599
  </div>
572
600
  <div class="sub-title followers">
@@ -594,8 +622,8 @@
594
622
  <li>
595
623
  <div class="info">
596
624
  <div class="rank">
597
- <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</a>
625
+ <span title="Ranking 18">18</span>
626
+ <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
599
627
  </div>
600
628
  <div class="sub-title followers">
601
629
 
@@ -606,15 +634,15 @@
606
634
  <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"/>
607
635
  </g>
608
636
  </svg>
609
- <span>11</span>
637
+ <span>17</span>
610
638
  </span>
611
639
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
613
- <span>民工哥</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
641
+ <span>xindoo</span>
614
642
  </a>
615
643
  </div>
616
644
  <div class="details">
617
- 当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...
645
+ 在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...
618
646
  </div>
619
647
  </div>
620
648
  </li>
@@ -622,8 +650,8 @@
622
650
  <li>
623
651
  <div class="info">
624
652
  <div class="rank">
625
- <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
653
+ <span title="Ranking 19">19</span>
654
+ <a href="https://segmentfault.com/a/1190000041794241" target="_blank" title="跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决">跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决</a>
627
655
  </div>
628
656
  <div class="sub-title followers">
629
657
 
@@ -634,15 +662,15 @@
634
662
  <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"/>
635
663
  </g>
636
664
  </svg>
637
- <span>15</span>
665
+ <span>11</span>
638
666
  </span>
639
667
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
641
- <span>xindoo</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
669
+ <span>民工哥</span>
642
670
  </a>
643
671
  </div>
644
672
  <div class="details">
645
- 在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...
673
+ 当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...
646
674
  </div>
647
675
  </div>
648
676
  </li>
@@ -650,7 +678,7 @@
650
678
  <li>
651
679
  <div class="info">
652
680
  <div class="rank">
653
- <span title="Ranking 19">19</span>
681
+ <span title="Ranking 20">20</span>
654
682
  <a href="https://segmentfault.com/a/1190000041789636" target="_blank" title="如何做新人引导功能？">如何做新人引导功能？</a>
655
683
  </div>
656
684
  <div class="sub-title followers">
@@ -678,7 +706,7 @@
678
706
  <li>
679
707
  <div class="info">
680
708
  <div class="rank">
681
- <span title="Ranking 20">20</span>
709
+ <span title="Ranking 21">21</span>
682
710
  <a href="https://segmentfault.com/a/1190000041815758" target="_blank" title="CSS 实现树状结构目录">CSS 实现树状结构目录</a>
683
711
  </div>
684
712
  <div class="sub-title followers">
@@ -706,7 +734,7 @@
706
734
  <li>
707
735
  <div class="info">
708
736
  <div class="rank">
709
- <span title="Ranking 21">21</span>
737
+ <span title="Ranking 22">22</span>
710
738
  <a href="https://segmentfault.com/a/1190000041804137" target="_blank" title="实现聚焦效果">实现聚焦效果</a>
711
739
  </div>
712
740
  <div class="sub-title followers">
@@ -734,8 +762,8 @@
734
762
  <li>
735
763
  <div class="info">
736
764
  <div class="rank">
737
- <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041819433" target="_blank" title="python又搞事情 想一统天下？">python又搞事情 想一统天下？</a>
765
+ <span title="Ranking 23">23</span>
766
+ <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
739
767
  </div>
740
768
  <div class="sub-title followers">
741
769
 
@@ -746,15 +774,15 @@
746
774
  <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"/>
747
775
  </g>
748
776
  </svg>
749
- <span>11</span>
777
+ <span>10</span>
750
778
  </span>
751
779
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/wodexiaoxiongbujianliao" title="Programming Language">
753
- <span>我的小熊不见了</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
781
+ <span>Beverly</span>
754
782
  </a>
755
783
  </div>
756
784
  <div class="details">
757
- python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...
785
+ React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
758
786
  </div>
759
787
  </div>
760
788
  </li>
@@ -762,8 +790,8 @@
762
790
  <li>
763
791
  <div class="info">
764
792
  <div class="rank">
765
- <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041843081" target="_blank" title="5分钟带你通过Javascript了解人工智能的基本原理">5分钟带你通过Javascript了解人工智能的基本原理</a>
793
+ <span title="Ranking 24">24</span>
794
+ <a href="https://segmentfault.com/a/1190000041819433" target="_blank" title="python又搞事情 想一统天下？">python又搞事情 想一统天下？</a>
767
795
  </div>
768
796
  <div class="sub-title followers">
769
797
 
@@ -774,15 +802,15 @@
774
802
  <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"/>
775
803
  </g>
776
804
  </svg>
777
- <span>9</span>
805
+ <span>11</span>
778
806
  </span>
779
807
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/6666" title="Programming Language">
781
- <span>6666</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/wodexiaoxiongbujianliao" title="Programming Language">
809
+ <span>我的小熊不见了</span>
782
810
  </a>
783
811
  </div>
784
812
  <div class="details">
785
- 学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。
813
+ python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...
786
814
  </div>
787
815
  </div>
788
816
  </li>
@@ -790,8 +818,8 @@
790
818
  <li>
791
819
  <div class="info">
792
820
  <div class="rank">
793
- <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
821
+ <span title="Ranking 25">25</span>
822
+ <a href="https://segmentfault.com/a/1190000041843081" target="_blank" title="5分钟带你通过Javascript了解人工智能的基本原理">5分钟带你通过Javascript了解人工智能的基本原理</a>
795
823
  </div>
796
824
  <div class="sub-title followers">
797
825
 
@@ -805,12 +833,12 @@
805
833
  <span>9</span>
806
834
  </span>
807
835
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
809
- <span>Beverly</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/6666" title="Programming Language">
837
+ <span>6666</span>
810
838
  </a>
811
839
  </div>
812
840
  <div class="details">
813
- React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
841
+ 学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。
814
842
  </div>
815
843
  </div>
816
844
  </li>
@@ -818,7 +846,7 @@
818
846
  <li>
819
847
  <div class="info">
820
848
  <div class="rank">
821
- <span title="Ranking 25">25</span>
849
+ <span title="Ranking 26">26</span>
822
850
  <a href="https://segmentfault.com/a/1190000041831493" target="_blank" title="移动端常见适配方案">移动端常见适配方案</a>
823
851
  </div>
824
852
  <div class="sub-title followers">
@@ -830,7 +858,7 @@
830
858
  <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"/>
831
859
  </g>
832
860
  </svg>
833
- <span>10</span>
861
+ <span>11</span>
834
862
  </span>
835
863
  &nbsp;
836
864
  <a target="_blank" href="https://segmentfault.com/u/deepred5" title="Programming Language">
@@ -846,7 +874,7 @@
846
874
  <li>
847
875
  <div class="info">
848
876
  <div class="rank">
849
- <span title="Ranking 26">26</span>
877
+ <span title="Ranking 27">27</span>
850
878
  <a href="https://segmentfault.com/a/1190000041832303" target="_blank" title="它来了！Flutter3.0发布全解析">它来了！Flutter3.0发布全解析</a>
851
879
  </div>
852
880
  <div class="sub-title followers">
@@ -871,34 +899,6 @@
871
899
  </div>
872
900
  </li>
873
901
 
874
- <li>
875
- <div class="info">
876
- <div class="rank">
877
- <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041790709" target="_blank" title="代码写得好，Reduce 方法少不了">代码写得好，Reduce 方法少不了</a>
879
- </div>
880
- <div class="sub-title followers">
881
-
882
- <span title="Stargazers Count">
883
- <svg width="12" height="12" viewBox="0 0 16 16">
884
- <g fill="none" fill-rule="evenodd">
885
- <path d="M0 0h16v16H0z"/>
886
- <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"/>
887
- </g>
888
- </svg>
889
- <span>6</span>
890
- </span>
891
- &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
893
- <span>前端小智</span>
894
- </a>
895
- </div>
896
- <div class="details">
897
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
898
- </div>
899
- </div>
900
- </li>
901
-
902
902
  <li>
903
903
  <div class="info">
904
904
  <div class="rank">
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/6/1 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/4 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>