@wcj/github-rank 22.4.15 → 22.4.16

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 +16309 -16309
  2. package/dist/sifou-daily.json +34 -43
  3. package/dist/sifou-monthly.json +79 -79
  4. package/dist/sifou-weekly.json +133 -133
  5. package/dist/toutiao-30.json +61 -61
  6. package/dist/toutiao-7.json +85 -85
  7. package/dist/toutiao-90.json +12 -12
  8. package/dist/trending-daily.json +162 -162
  9. package/dist/trending-monthly.json +167 -167
  10. package/dist/trending-weekly.json +163 -163
  11. package/dist/users.china.json +1212 -1212
  12. package/dist/users.json +1857 -1857
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +16309 -16309
  16. package/web/data/sifou-daily.json +34 -43
  17. package/web/data/sifou-monthly.json +79 -79
  18. package/web/data/sifou-weekly.json +133 -133
  19. package/web/data/toutiao-30.json +61 -61
  20. package/web/data/toutiao-7.json +85 -85
  21. package/web/data/toutiao-90.json +12 -12
  22. package/web/data/trending-daily.json +162 -162
  23. package/web/data/trending-monthly.json +167 -167
  24. package/web/data/trending-weekly.json +163 -163
  25. package/web/data/users.china.json +1212 -1212
  26. package/web/data/users.json +1857 -1857
  27. package/web/index.html +985 -985
  28. package/web/repos.html +2290 -2290
  29. package/web/sifou-daily.html +30 -58
  30. package/web/sifou-monthly.html +126 -126
  31. package/web/sifou-weekly.html +139 -139
  32. package/web/toutiao-30.html +88 -88
  33. package/web/toutiao-7.html +76 -76
  34. package/web/toutiao-90.html +40 -40
  35. package/web/trending-monthly.html +147 -151
  36. package/web/trending-weekly.html +139 -143
  37. package/web/trending.html +144 -140
  38. package/web/users.china.html +680 -680
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/15 by
119
+ <div class="time">Last cache created on 2022/4/16 by
120
120
 
121
121
 
122
122
 
@@ -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>30</span>
189
+ <span>34</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/pingan8787" 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/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
206
+ <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</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>28</span>
217
+ <span>31</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
221
- <span>WonderfulSoap</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
221
+ <span>XboxYan</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
225
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
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/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
234
+ <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</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>33</span>
245
+ <span>31</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
- <span>chokcoco</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
249
+ <span>前端胖头鱼</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
253
+ 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
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/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
262
+ <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</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>25</span>
273
+ <span>28</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/wonderfulsoap" title="Programming Language">
277
+ <span>WonderfulSoap</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
281
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
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/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</a>
290
+ <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</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>28</span>
301
+ <span>31</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
305
- <span>XboxYan</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
+ <span>chokcoco</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...
309
+ 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
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/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
318
+ <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -329,12 +329,12 @@
329
329
  <span>25</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
333
- <span>XboxYan</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
333
+ <span>杨成功</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
337
+ 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -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/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
346
+ <a href="https://segmentfault.com/a/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</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>29</span>
357
+ <span>28</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
361
- <span>chokcoco</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
361
+ <span>XboxYan</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
365
+ 欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,34 +371,6 @@
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/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
375
- </div>
376
- <div class="sub-title followers">
377
-
378
- <span title="Stargazers Count">
379
- <svg width="12" height="12" viewBox="0 0 16 16">
380
- <g fill="none" fill-rule="evenodd">
381
- <path d="M0 0h16v16H0z"/>
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
- </g>
384
- </svg>
385
- <span>27</span>
386
- </span>
387
- &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
389
- <span>前端胖头鱼</span>
390
- </a>
391
- </div>
392
- <div class="details">
393
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
394
- </div>
395
- </div>
396
- </li>
397
-
398
- <li>
399
- <div class="info">
400
- <div class="rank">
401
- <span title="Ranking 10">10</span>
402
374
  <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</a>
403
375
  </div>
404
376
  <div class="sub-title followers">
@@ -426,7 +398,7 @@
426
398
  <li>
427
399
  <div class="info">
428
400
  <div class="rank">
429
- <span title="Ranking 11">11</span>
401
+ <span title="Ranking 10">10</span>
430
402
  <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
431
403
  </div>
432
404
  <div class="sub-title followers">
@@ -454,7 +426,7 @@
454
426
  <li>
455
427
  <div class="info">
456
428
  <div class="rank">
457
- <span title="Ranking 12">12</span>
429
+ <span title="Ranking 11">11</span>
458
430
  <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
459
431
  </div>
460
432
  <div class="sub-title followers">
@@ -482,7 +454,7 @@
482
454
  <li>
483
455
  <div class="info">
484
456
  <div class="rank">
485
- <span title="Ranking 13">13</span>
457
+ <span title="Ranking 12">12</span>
486
458
  <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</a>
487
459
  </div>
488
460
  <div class="sub-title followers">
@@ -510,7 +482,7 @@
510
482
  <li>
511
483
  <div class="info">
512
484
  <div class="rank">
513
- <span title="Ranking 14">14</span>
485
+ <span title="Ranking 13">13</span>
514
486
  <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
515
487
  </div>
516
488
  <div class="sub-title followers">
@@ -538,35 +510,7 @@
538
510
  <li>
539
511
  <div class="info">
540
512
  <div class="rank">
541
- <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041559888" target="_blank" title="这 16 个 CSS 伪类，助你提升布局效率！">这 16 个 CSS 伪类，助你提升布局效率！</a>
543
- </div>
544
- <div class="sub-title followers">
545
-
546
- <span title="Stargazers Count">
547
- <svg width="12" height="12" viewBox="0 0 16 16">
548
- <g fill="none" fill-rule="evenodd">
549
- <path d="M0 0h16v16H0z"/>
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
- </g>
552
- </svg>
553
- <span>18</span>
554
- </span>
555
- &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
557
- <span>前端小智</span>
558
- </a>
559
- </div>
560
- <div class="details">
561
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
562
- </div>
563
- </div>
564
- </li>
565
-
566
- <li>
567
- <div class="info">
568
- <div class="rank">
569
- <span title="Ranking 16">16</span>
513
+ <span title="Ranking 14">14</span>
570
514
  <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
571
515
  </div>
572
516
  <div class="sub-title followers">
@@ -594,8 +538,8 @@
594
538
  <li>
595
539
  <div class="info">
596
540
  <div class="rank">
597
- <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041558580" target="_blank" title="招聘季有奖征文活动丨面试趣事等你分享">招聘季有奖征文活动丨面试趣事等你分享</a>
541
+ <span title="Ranking 15">15</span>
542
+ <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
599
543
  </div>
600
544
  <div class="sub-title followers">
601
545
 
@@ -606,15 +550,15 @@
606
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"/>
607
551
  </g>
608
552
  </svg>
609
- <span>15</span>
553
+ <span>12</span>
610
554
  </span>
611
555
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
613
- <span>SegmentFault思否</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
557
+ <span>kumfo</span>
614
558
  </a>
615
559
  </div>
616
560
  <div class="details">
617
- 💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”
561
+ 最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细致化的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
618
562
  </div>
619
563
  </div>
620
564
  </li>
@@ -622,8 +566,8 @@
622
566
  <li>
623
567
  <div class="info">
624
568
  <div class="rank">
625
- <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</a>
569
+ <span title="Ranking 16">16</span>
570
+ <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
627
571
  </div>
628
572
  <div class="sub-title followers">
629
573
 
@@ -637,12 +581,12 @@
637
581
  <span>12</span>
638
582
  </span>
639
583
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
641
- <span>kumfo</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
585
+ <span>Asheng</span>
642
586
  </a>
643
587
  </div>
644
588
  <div class="details">
645
- 最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细致化的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
589
+ 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
646
590
  </div>
647
591
  </div>
648
592
  </li>
@@ -650,7 +594,7 @@
650
594
  <li>
651
595
  <div class="info">
652
596
  <div class="rank">
653
- <span title="Ranking 19">19</span>
597
+ <span title="Ranking 17">17</span>
654
598
  <a href="https://segmentfault.com/a/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</a>
655
599
  </div>
656
600
  <div class="sub-title followers">
@@ -678,7 +622,7 @@
678
622
  <li>
679
623
  <div class="info">
680
624
  <div class="rank">
681
- <span title="Ranking 20">20</span>
625
+ <span title="Ranking 18">18</span>
682
626
  <a href="https://segmentfault.com/a/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
683
627
  </div>
684
628
  <div class="sub-title followers">
@@ -706,7 +650,7 @@
706
650
  <li>
707
651
  <div class="info">
708
652
  <div class="rank">
709
- <span title="Ranking 21">21</span>
653
+ <span title="Ranking 19">19</span>
710
654
  <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</a>
711
655
  </div>
712
656
  <div class="sub-title followers">
@@ -734,7 +678,7 @@
734
678
  <li>
735
679
  <div class="info">
736
680
  <div class="rank">
737
- <span title="Ranking 22">22</span>
681
+ <span title="Ranking 20">20</span>
738
682
  <a href="https://segmentfault.com/a/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
739
683
  </div>
740
684
  <div class="sub-title followers">
@@ -762,8 +706,8 @@
762
706
  <li>
763
707
  <div class="info">
764
708
  <div class="rank">
765
- <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
709
+ <span title="Ranking 21">21</span>
710
+ <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</a>
767
711
  </div>
768
712
  <div class="sub-title followers">
769
713
 
@@ -774,15 +718,15 @@
774
718
  <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
719
  </g>
776
720
  </svg>
777
- <span>15</span>
721
+ <span>13</span>
778
722
  </span>
779
723
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
781
- <span>Meathill</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
725
+ <span>chokcoco</span>
782
726
  </a>
783
727
  </div>
784
728
  <div class="details">
785
- 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
729
+ 在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...
786
730
  </div>
787
731
  </div>
788
732
  </li>
@@ -790,8 +734,8 @@
790
734
  <li>
791
735
  <div class="info">
792
736
  <div class="rank">
793
- <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
737
+ <span title="Ranking 22">22</span>
738
+ <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
795
739
  </div>
796
740
  <div class="sub-title followers">
797
741
 
@@ -802,15 +746,15 @@
802
746
  <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"/>
803
747
  </g>
804
748
  </svg>
805
- <span>12</span>
749
+ <span>15</span>
806
750
  </span>
807
751
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
809
- <span>Asheng</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
753
+ <span>Meathill</span>
810
754
  </a>
811
755
  </div>
812
756
  <div class="details">
813
- 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
757
+ 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
814
758
  </div>
815
759
  </div>
816
760
  </li>
@@ -818,7 +762,7 @@
818
762
  <li>
819
763
  <div class="info">
820
764
  <div class="rank">
821
- <span title="Ranking 25">25</span>
765
+ <span title="Ranking 23">23</span>
822
766
  <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</a>
823
767
  </div>
824
768
  <div class="sub-title followers">
@@ -846,7 +790,7 @@
846
790
  <li>
847
791
  <div class="info">
848
792
  <div class="rank">
849
- <span title="Ranking 26">26</span>
793
+ <span title="Ranking 24">24</span>
850
794
  <a href="https://segmentfault.com/a/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</a>
851
795
  </div>
852
796
  <div class="sub-title followers">
@@ -874,7 +818,7 @@
874
818
  <li>
875
819
  <div class="info">
876
820
  <div class="rank">
877
- <span title="Ranking 27">27</span>
821
+ <span title="Ranking 25">25</span>
878
822
  <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
879
823
  </div>
880
824
  <div class="sub-title followers">
@@ -902,7 +846,7 @@
902
846
  <li>
903
847
  <div class="info">
904
848
  <div class="rank">
905
- <span title="Ranking 28">28</span>
849
+ <span title="Ranking 26">26</span>
906
850
  <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
907
851
  </div>
908
852
  <div class="sub-title followers">
@@ -930,7 +874,7 @@
930
874
  <li>
931
875
  <div class="info">
932
876
  <div class="rank">
933
- <span title="Ranking 29">29</span>
877
+ <span title="Ranking 27">27</span>
934
878
  <a href="https://segmentfault.com/a/1190000041619491" target="_blank" title="一道有意思的 CSS 面试题，FizzBu​​zz ~">一道有意思的 CSS 面试题，FizzBu​​zz ~</a>
935
879
  </div>
936
880
  <div class="sub-title followers">
@@ -958,7 +902,7 @@
958
902
  <li>
959
903
  <div class="info">
960
904
  <div class="rank">
961
- <span title="Ranking 30">30</span>
905
+ <span title="Ranking 28">28</span>
962
906
  <a href="https://segmentfault.com/a/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
963
907
  </div>
964
908
  <div class="sub-title followers">
@@ -983,6 +927,62 @@
983
927
  </div>
984
928
  </li>
985
929
 
930
+ <li>
931
+ <div class="info">
932
+ <div class="rank">
933
+ <span title="Ranking 29">29</span>
934
+ <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
935
+ </div>
936
+ <div class="sub-title followers">
937
+
938
+ <span title="Stargazers Count">
939
+ <svg width="12" height="12" viewBox="0 0 16 16">
940
+ <g fill="none" fill-rule="evenodd">
941
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
944
+ </svg>
945
+ <span>11</span>
946
+ </span>
947
+ &nbsp;
948
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
949
+ <span>lulu_up</span>
950
+ </a>
951
+ </div>
952
+ <div class="details">
953
+ 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
954
+ </div>
955
+ </div>
956
+ </li>
957
+
958
+ <li>
959
+ <div class="info">
960
+ <div class="rank">
961
+ <span title="Ranking 30">30</span>
962
+ <a href="https://segmentfault.com/a/1190000041569757" target="_blank" title="编程中常用的加密算法">编程中常用的加密算法</a>
963
+ </div>
964
+ <div class="sub-title followers">
965
+
966
+ <span title="Stargazers Count">
967
+ <svg width="12" height="12" viewBox="0 0 16 16">
968
+ <g fill="none" fill-rule="evenodd">
969
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
972
+ </svg>
973
+ <span>17</span>
974
+ </span>
975
+ &nbsp;
976
+ <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
977
+ <span>编程码农</span>
978
+ </a>
979
+ </div>
980
+ <div class="details">
981
+ 前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...
982
+ </div>
983
+ </div>
984
+ </li>
985
+
986
986
  </ul>
987
987
  <div class="footer">
988
988
  <div>
@@ -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/15 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/16 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>