@wcj/github-rank 22.4.11 → 22.4.12

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 +24595 -24595
  2. package/dist/sifou-daily.json +48 -39
  3. package/dist/sifou-monthly.json +76 -76
  4. package/dist/sifou-weekly.json +117 -117
  5. package/dist/toutiao-30.json +66 -66
  6. package/dist/toutiao-7.json +81 -81
  7. package/dist/toutiao-90.json +1 -1
  8. package/dist/trending-daily.json +152 -152
  9. package/dist/trending-monthly.json +151 -151
  10. package/dist/trending-weekly.json +161 -161
  11. package/dist/users.china.json +1270 -1270
  12. package/dist/users.json +1404 -1404
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +24595 -24595
  16. package/web/data/sifou-daily.json +48 -39
  17. package/web/data/sifou-monthly.json +76 -76
  18. package/web/data/sifou-weekly.json +117 -117
  19. package/web/data/toutiao-30.json +66 -66
  20. package/web/data/toutiao-7.json +81 -81
  21. package/web/data/toutiao-90.json +1 -1
  22. package/web/data/trending-daily.json +152 -152
  23. package/web/data/trending-monthly.json +151 -151
  24. package/web/data/trending-weekly.json +161 -161
  25. package/web/data/users.china.json +1270 -1270
  26. package/web/data/users.json +1404 -1404
  27. package/web/index.html +844 -844
  28. package/web/repos.html +3241 -3241
  29. package/web/sifou-daily.html +62 -34
  30. package/web/sifou-monthly.html +105 -105
  31. package/web/sifou-weekly.html +135 -135
  32. package/web/toutiao-30.html +55 -55
  33. package/web/toutiao-7.html +64 -64
  34. package/web/toutiao-90.html +3 -3
  35. package/web/trending-monthly.html +134 -134
  36. package/web/trending-weekly.html +142 -142
  37. package/web/trending.html +135 -131
  38. package/web/users.china.html +630 -630
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/4/11 by
119
+ <div class="time">Last cache created on 2022/4/12 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>58</span>
161
+ <span>60</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
@@ -186,7 +186,7 @@
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>45</span>
189
+ <span>46</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
@@ -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/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
206
+ <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</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>32</span>
217
+ <span>25</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/ruidoc" title="Programming Language">
221
+ <span>杨成功</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
225
+ 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
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/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
234
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</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>24</span>
245
+ <span>32</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
249
- <span>杨成功</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
+ <span>chokcoco</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
253
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -270,7 +270,7 @@
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>25</span>
273
+ <span>26</span>
274
274
  </span>
275
275
  &nbsp;
276
276
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
346
+ <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
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>24</span>
357
+ <span>22</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
361
- <span>linong</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
361
+ <span>WonderfulSoap</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
365
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -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/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
374
+ <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
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"/>
383
383
  </g>
384
384
  </svg>
385
- <span>21</span>
385
+ <span>24</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
389
- <span>WonderfulSoap</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
389
+ <span>linong</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
393
+ 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
430
+ <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <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
439
  </g>
440
440
  </svg>
441
- <span>19</span>
441
+ <span>21</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
445
- <span>杨成功</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
445
+ <span>chokcoco</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
449
+ 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
458
+ <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -469,12 +469,12 @@
469
469
  <span>18</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
473
- <span>前端小智</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
473
+ <span>XboxYan</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
477
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
486
+ <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -497,12 +497,12 @@
497
497
  <span>19</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
501
- <span>MangoGoing</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
501
+ <span>杨成功</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- !!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...
505
+ 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
514
+ <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
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"/>
523
523
  </g>
524
524
  </svg>
525
- <span>17</span>
525
+ <span>18</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
529
- <span>码哥字节</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
529
+ <span>前端小智</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
533
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="2022招聘季｜如何写一份好的前端面试简历?">2022招聘季｜如何写一份好的前端面试简历?</a>
542
+ <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
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"/>
551
551
  </g>
552
552
  </svg>
553
- <span>18</span>
553
+ <span>17</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
557
- <span>wscats</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
557
+ <span>码哥字节</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...
561
+ 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -578,7 +578,7 @@
578
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"/>
579
579
  </g>
580
580
  </svg>
581
- <span>17</span>
581
+ <span>18</span>
582
582
  </span>
583
583
  &nbsp;
584
584
  <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
@@ -595,6 +595,34 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
+ <a href="https://segmentfault.com/a/1190000041542431" target="_blank" title="2022招聘季｜如何写一份好的前端面试简历?">2022招聘季｜如何写一份好的前端面试简历?</a>
599
+ </div>
600
+ <div class="sub-title followers">
601
+
602
+ <span title="Stargazers Count">
603
+ <svg width="12" height="12" viewBox="0 0 16 16">
604
+ <g fill="none" fill-rule="evenodd">
605
+ <path d="M0 0h16v16H0z"/>
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"/>
607
+ </g>
608
+ </svg>
609
+ <span>18</span>
610
+ </span>
611
+ &nbsp;
612
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
613
+ <span>wscats</span>
614
+ </a>
615
+ </div>
616
+ <div class="details">
617
+ 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...
618
+ </div>
619
+ </div>
620
+ </li>
621
+
622
+ <li>
623
+ <div class="info">
624
+ <div class="rank">
625
+ <span title="Ranking 18">18</span>
598
626
  <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</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/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</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/1190000041558580" 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/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</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/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
711
739
  </div>
712
740
  <div class="sub-title followers">
@@ -734,7 +762,7 @@
734
762
  <li>
735
763
  <div class="info">
736
764
  <div class="rank">
737
- <span title="Ranking 22">22</span>
765
+ <span title="Ranking 23">23</span>
738
766
  <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
739
767
  </div>
740
768
  <div class="sub-title followers">
@@ -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/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
793
+ <span title="Ranking 24">24</span>
794
+ <a href="https://segmentfault.com/a/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
767
795
  </div>
768
796
  <div class="sub-title followers">
769
797
 
@@ -777,12 +805,12 @@
777
805
  <span>13</span>
778
806
  </span>
779
807
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
781
- <span>XboxYan</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
809
+ <span>冴羽</span>
782
810
  </a>
783
811
  </div>
784
812
  <div class="details">
785
- 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
813
+ 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...
786
814
  </div>
787
815
  </div>
788
816
  </li>
@@ -790,7 +818,7 @@
790
818
  <li>
791
819
  <div class="info">
792
820
  <div class="rank">
793
- <span title="Ranking 24">24</span>
821
+ <span title="Ranking 25">25</span>
794
822
  <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</a>
795
823
  </div>
796
824
  <div class="sub-title followers">
@@ -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/1190000041542627" target="_blank" title="什么是 LRU 算法？">什么是 LRU 算法？</a>
823
851
  </div>
824
852
  <div class="sub-title followers">
@@ -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/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</a>
851
879
  </div>
852
880
  <div class="sub-title followers">
@@ -871,39 +899,11 @@
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/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</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>10</span>
890
- </span>
891
- &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
893
- <span>Asheng</span>
894
- </a>
895
- </div>
896
- <div class="details">
897
- 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
898
- </div>
899
- </div>
900
- </li>
901
-
902
902
  <li>
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
906
+ <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <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"/>
915
915
  </g>
916
916
  </svg>
917
- <span>13</span>
917
+ <span>10</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
921
- <span>超大只乌龟</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
921
+ <span>杨成功</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
925
+ 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -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/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
934
+ <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</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>8</span>
945
+ <span>10</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
949
- <span>前端小智</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
949
+ <span>Asheng</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
953
+ 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
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/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
962
+ <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</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>15</span>
973
+ <span>13</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
977
- <span>chokcoco</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
977
+ <span>超大只乌龟</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
981
+ 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
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/4/11 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/12 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>