@wcj/github-rank 22.3.21 → 22.3.22

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 +26915 -27006
  2. package/dist/sifou-daily.json +100 -64
  3. package/dist/sifou-monthly.json +53 -53
  4. package/dist/sifou-weekly.json +112 -112
  5. package/dist/toutiao-30.json +54 -54
  6. package/dist/toutiao-7.json +80 -80
  7. package/dist/toutiao-90.json +24 -24
  8. package/dist/trending-daily.json +160 -160
  9. package/dist/trending-monthly.json +151 -151
  10. package/dist/trending-weekly.json +162 -162
  11. package/dist/users.china.json +1446 -1446
  12. package/dist/users.json +1705 -1705
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +26915 -27006
  16. package/web/data/sifou-daily.json +100 -64
  17. package/web/data/sifou-monthly.json +53 -53
  18. package/web/data/sifou-weekly.json +112 -112
  19. package/web/data/toutiao-30.json +54 -54
  20. package/web/data/toutiao-7.json +80 -80
  21. package/web/data/toutiao-90.json +24 -24
  22. package/web/data/trending-daily.json +160 -160
  23. package/web/data/trending-monthly.json +151 -151
  24. package/web/data/trending-weekly.json +162 -162
  25. package/web/data/users.china.json +1446 -1446
  26. package/web/data/users.json +1705 -1705
  27. package/web/index.html +973 -973
  28. package/web/repos.html +2935 -2931
  29. package/web/sifou-daily.html +167 -55
  30. package/web/sifou-monthly.html +87 -87
  31. package/web/sifou-weekly.html +146 -146
  32. package/web/toutiao-30.html +66 -66
  33. package/web/toutiao-7.html +57 -57
  34. package/web/toutiao-90.html +65 -65
  35. package/web/trending-monthly.html +144 -144
  36. package/web/trending-weekly.html +141 -145
  37. package/web/trending.html +139 -143
  38. package/web/users.china.html +716 -716
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/3/21 by
119
+ <div class="time">Last cache created on 2022/3/22 by
120
120
 
121
121
 
122
122
 
@@ -158,7 +158,7 @@
158
158
  <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"/>
159
159
  </g>
160
160
  </svg>
161
- <span>73</span>
161
+ <span>75</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
@@ -231,6 +231,34 @@
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/1190000041572883" target="_blank" title="5年经验(专升本)入职B站分享">5年经验(专升本)入职B站分享</a>
235
+ </div>
236
+ <div class="sub-title followers">
237
+
238
+ <span title="Stargazers Count">
239
+ <svg width="12" height="12" viewBox="0 0 16 16">
240
+ <g fill="none" fill-rule="evenodd">
241
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
244
+ </svg>
245
+ <span>33</span>
246
+ </span>
247
+ &nbsp;
248
+ <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
249
+ <span>江辰</span>
250
+ </a>
251
+ </div>
252
+ <div class="details">
253
+ 大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：
254
+ </div>
255
+ </div>
256
+ </li>
257
+
258
+ <li>
259
+ <div class="info">
260
+ <div class="rank">
261
+ <span title="Ranking 5">5</span>
234
262
  <a href="https://segmentfault.com/a/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
235
263
  </div>
236
264
  <div class="sub-title followers">
@@ -258,7 +286,7 @@
258
286
  <li>
259
287
  <div class="info">
260
288
  <div class="rank">
261
- <span title="Ranking 5">5</span>
289
+ <span title="Ranking 6">6</span>
262
290
  <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
263
291
  </div>
264
292
  <div class="sub-title followers">
@@ -286,7 +314,7 @@
286
314
  <li>
287
315
  <div class="info">
288
316
  <div class="rank">
289
- <span title="Ranking 6">6</span>
317
+ <span title="Ranking 7">7</span>
290
318
  <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
291
319
  </div>
292
320
  <div class="sub-title followers">
@@ -314,8 +342,8 @@
314
342
  <li>
315
343
  <div class="info">
316
344
  <div class="rank">
317
- <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041549883" target="_blank" title="css 的 filter属性竟然如此好玩">css 的 filter属性竟然如此好玩</a>
345
+ <span title="Ranking 8">8</span>
346
+ <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
319
347
  </div>
320
348
  <div class="sub-title followers">
321
349
 
@@ -326,15 +354,15 @@
326
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"/>
327
355
  </g>
328
356
  </svg>
329
- <span>29</span>
357
+ <span>25</span>
330
358
  </span>
331
359
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
333
- <span>lulu_up</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
361
+ <span>谭光志</span>
334
362
  </a>
335
363
  </div>
336
364
  <div class="details">
337
- 在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。
365
+ 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
338
366
  </div>
339
367
  </div>
340
368
  </li>
@@ -342,8 +370,8 @@
342
370
  <li>
343
371
  <div class="info">
344
372
  <div class="rank">
345
- <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
373
+ <span title="Ranking 9">9</span>
374
+ <a href="https://segmentfault.com/a/1190000041549883" target="_blank" title="css 的 filter属性竟然如此好玩">css 的 filter属性竟然如此好玩</a>
347
375
  </div>
348
376
  <div class="sub-title followers">
349
377
 
@@ -354,15 +382,15 @@
354
382
  <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
383
  </g>
356
384
  </svg>
357
- <span>23</span>
385
+ <span>33</span>
358
386
  </span>
359
387
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
361
- <span>谭光志</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
389
+ <span>lulu_up</span>
362
390
  </a>
363
391
  </div>
364
392
  <div class="details">
365
- 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
393
+ 在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。
366
394
  </div>
367
395
  </div>
368
396
  </li>
@@ -370,7 +398,7 @@
370
398
  <li>
371
399
  <div class="info">
372
400
  <div class="rank">
373
- <span title="Ranking 9">9</span>
401
+ <span title="Ranking 10">10</span>
374
402
  <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
375
403
  </div>
376
404
  <div class="sub-title followers">
@@ -398,7 +426,7 @@
398
426
  <li>
399
427
  <div class="info">
400
428
  <div class="rank">
401
- <span title="Ranking 10">10</span>
429
+ <span title="Ranking 11">11</span>
402
430
  <a href="https://segmentfault.com/a/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</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/1190000041447795" target="_blank" title="前端生成PDF，让后端刮目相看">前端生成PDF，让后端刮目相看</a>
431
459
  </div>
432
460
  <div class="sub-title followers">
@@ -454,7 +482,7 @@
454
482
  <li>
455
483
  <div class="info">
456
484
  <div class="rank">
457
- <span title="Ranking 12">12</span>
485
+ <span title="Ranking 13">13</span>
458
486
  <a href="https://segmentfault.com/a/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</a>
459
487
  </div>
460
488
  <div class="sub-title followers">
@@ -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/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
513
+ <span title="Ranking 14">14</span>
514
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 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>13</span>
525
+ <span>24</span>
498
526
  </span>
499
527
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
501
- <span>JenK</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
529
+ <span>chokcoco</span>
502
530
  </a>
503
531
  </div>
504
532
  <div class="details">
505
- 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
533
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
506
534
  </div>
507
535
  </div>
508
536
  </li>
@@ -510,8 +538,8 @@
510
538
  <li>
511
539
  <div class="info">
512
540
  <div class="rank">
513
- <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
541
+ <span title="Ranking 15">15</span>
542
+ <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
515
543
  </div>
516
544
  <div class="sub-title followers">
517
545
 
@@ -522,15 +550,15 @@
522
550
  <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"/>
523
551
  </g>
524
552
  </svg>
525
- <span>16</span>
553
+ <span>13</span>
526
554
  </span>
527
555
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
529
- <span>皮小蛋</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
557
+ <span>JenK</span>
530
558
  </a>
531
559
  </div>
532
560
  <div class="details">
533
- 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
561
+ 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
534
562
  </div>
535
563
  </div>
536
564
  </li>
@@ -538,8 +566,8 @@
538
566
  <li>
539
567
  <div class="info">
540
568
  <div class="rank">
541
- <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
569
+ <span title="Ranking 16">16</span>
570
+ <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
543
571
  </div>
544
572
  <div class="sub-title followers">
545
573
 
@@ -550,15 +578,15 @@
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>15</span>
581
+ <span>16</span>
554
582
  </span>
555
583
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
557
- <span>而井</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
585
+ <span>皮小蛋</span>
558
586
  </a>
559
587
  </div>
560
588
  <div class="details">
561
- 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
589
+ 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
562
590
  </div>
563
591
  </div>
564
592
  </li>
@@ -566,8 +594,8 @@
566
594
  <li>
567
595
  <div class="info">
568
596
  <div class="rank">
569
- <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041572883" target="_blank" title="5年经验(专升本)入职B站分享">5年经验(专升本)入职B站分享</a>
597
+ <span title="Ranking 17">17</span>
598
+ <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
571
599
  </div>
572
600
  <div class="sub-title followers">
573
601
 
@@ -578,15 +606,15 @@
578
606
  <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"/>
579
607
  </g>
580
608
  </svg>
581
- <span>19</span>
609
+ <span>15</span>
582
610
  </span>
583
611
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
585
- <span>江辰</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
613
+ <span>而井</span>
586
614
  </a>
587
615
  </div>
588
616
  <div class="details">
589
- 大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：
617
+ 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
590
618
  </div>
591
619
  </div>
592
620
  </li>
@@ -594,7 +622,7 @@
594
622
  <li>
595
623
  <div class="info">
596
624
  <div class="rank">
597
- <span title="Ranking 17">17</span>
625
+ <span title="Ranking 18">18</span>
598
626
  <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
599
627
  </div>
600
628
  <div class="sub-title followers">
@@ -622,7 +650,7 @@
622
650
  <li>
623
651
  <div class="info">
624
652
  <div class="rank">
625
- <span title="Ranking 18">18</span>
653
+ <span title="Ranking 19">19</span>
626
654
  <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
627
655
  </div>
628
656
  <div class="sub-title followers">
@@ -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/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
655
683
  </div>
656
684
  <div class="sub-title followers">
@@ -675,34 +703,6 @@
675
703
  </div>
676
704
  </li>
677
705
 
678
- <li>
679
- <div class="info">
680
- <div class="rank">
681
- <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
683
- </div>
684
- <div class="sub-title followers">
685
-
686
- <span title="Stargazers Count">
687
- <svg width="12" height="12" viewBox="0 0 16 16">
688
- <g fill="none" fill-rule="evenodd">
689
- <path d="M0 0h16v16H0z"/>
690
- <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"/>
691
- </g>
692
- </svg>
693
- <span>20</span>
694
- </span>
695
- &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
697
- <span>chokcoco</span>
698
- </a>
699
- </div>
700
- <div class="details">
701
- 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
702
- </div>
703
- </div>
704
- </li>
705
-
706
706
  <li>
707
707
  <div class="info">
708
708
  <div class="rank">
@@ -886,7 +886,7 @@
886
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
887
  </g>
888
888
  </svg>
889
- <span>14</span>
889
+ <span>15</span>
890
890
  </span>
891
891
  &nbsp;
892
892
  <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
934
+ <a href="https://segmentfault.com/a/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <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"/>
943
943
  </g>
944
944
  </svg>
945
- <span>10</span>
945
+ <span>13</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
949
- <span>Shenfq</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
949
+ <span>前端私教年年</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...
953
+ 当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041474553" target="_blank" title="走进开源项目 - urlcat">走进开源项目 - urlcat</a>
962
+ <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>13</span>
973
+ <span>17</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
977
- <span>robin</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
977
+ <span>linong</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。
981
+ 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -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/3/21 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/3/22 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>