@wcj/github-rank 22.4.23 → 22.4.26

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 +34211 -34200
  2. package/dist/sifou-daily.json +119 -29
  3. package/dist/sifou-monthly.json +92 -92
  4. package/dist/sifou-weekly.json +146 -146
  5. package/dist/toutiao-30.json +71 -71
  6. package/dist/toutiao-7.json +120 -120
  7. package/dist/toutiao-90.json +63 -63
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2366 -2366
  12. package/dist/users.json +3883 -3883
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34211 -34200
  16. package/web/data/sifou-daily.json +119 -29
  17. package/web/data/sifou-monthly.json +92 -92
  18. package/web/data/sifou-weekly.json +146 -146
  19. package/web/data/toutiao-30.json +71 -71
  20. package/web/data/toutiao-7.json +120 -120
  21. package/web/data/toutiao-90.json +63 -63
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +165 -165
  25. package/web/data/users.china.json +2366 -2366
  26. package/web/data/users.json +3883 -3883
  27. package/web/index.html +2358 -2358
  28. package/web/repos.html +4507 -4507
  29. package/web/sifou-daily.html +306 -26
  30. package/web/sifou-monthly.html +113 -113
  31. package/web/sifou-weekly.html +136 -136
  32. package/web/toutiao-30.html +89 -89
  33. package/web/toutiao-7.html +83 -83
  34. package/web/toutiao-90.html +65 -65
  35. package/web/trending-monthly.html +141 -141
  36. package/web/trending-weekly.html +145 -145
  37. package/web/trending.html +144 -156
  38. package/web/users.china.html +1230 -1230
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/4/23 by
119
+ <div class="time">Last cache created on 2022/4/26 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>46</span>
161
+ <span>47</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/pingan8787" 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>42</span>
189
+ <span>43</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -242,7 +242,7 @@
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>37</span>
246
246
  </span>
247
247
  &nbsp;
248
248
  <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
@@ -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>35</span>
273
+ <span>36</span>
274
274
  </span>
275
275
  &nbsp;
276
276
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000041718060" target="_blank" title="Amazing!巧用 CSS 视差实现酷炫交互动效">Amazing!巧用 CSS 视差实现酷炫交互动效</a>
290
+ <a href="https://segmentfault.com/a/1190000041729574" target="_blank" title="JS阻塞渲染,这么多年我理解错啦?">JS阻塞渲染,这么多年我理解错啦?</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>19</span>
301
+ <span>25</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
305
- <span>chokcoco</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
305
+ <span>卡颂</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 本文将介绍利用 CSS 实现滚动视差效果的一个小技巧,并且,利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果,在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果,感兴趣的同学可以...
309
+ 大家好,我卡颂。在中文社区,这么多年一直流传一个说法:JS线程负责执行JS,GUI渲染线程负责渲染,这两者是互斥的,所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多,逐渐开始怀疑以上说法。本文会以实际案...
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/1190000041700998" target="_blank" title="现代 CSS 解决方案:Modern CSS Reset">现代 CSS 解决方案:Modern CSS Reset</a>
318
+ <a href="https://segmentfault.com/a/1190000041718060" target="_blank" title="Amazing!巧用 CSS 视差实现酷炫交互动效">Amazing!巧用 CSS 视差实现酷炫交互动效</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>20</span>
329
+ <span>22</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
- 在早年间(其实也不是很早),写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例,它的核...
337
+ 本文将介绍利用 CSS 实现滚动视差效果的一个小技巧,并且,利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果,在之前有一篇文章详细描述过具体方案 - 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>25</span>
357
+ <span>28</span>
358
358
  </span>
359
359
  &nbsp;
360
360
  <a target="_blank" href="https://segmentfault.com/u/fanwenjie" 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/1190000041668070" target="_blank" title="Koa2 搭建信令服务器,JS 也能搞定视频通话!">Koa2 搭建信令服务器,JS 也能搞定视频通话!</a>
374
+ <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案:Modern CSS Reset">现代 CSS 解决方案:Modern CSS Reset</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -385,12 +385,12 @@
385
385
  <span>21</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
389
- <span>杨成功</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
389
+ <span>chokcoco</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 在实际应用场景中,信令服务器的本质就是一台 WeSocket 服务器,两个客户端必须与这个服务器建立 WeSocket 连接,才能互相发送消息。
393
+ 在早年间(其实也不是很早),写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例,它的核...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
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/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
402
+ <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器,JS 也能搞定视频通话!">Koa2 搭建信令服务器,JS 也能搞定视频通话!</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
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
411
  </g>
412
412
  </svg>
413
- <span>14</span>
413
+ <span>22</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
417
- <span>张京</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
417
+ <span>杨成功</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 从ingress的监控中心,我们看到,失败率虽然不高,但始终保持在0.05到0.1的水平:我们用这样的条件去查询,发现绝大部分错误是502错误: {代码...} 那么502错误到底是个什么错误呢?百度百科给出的解释是:502 Ba...
421
+ 在实际应用场景中,信令服务器的本质就是一台 WeSocket 服务器,两个客户端必须与这个服务器建立 WeSocket 连接,才能互相发送消息。
422
422
  </div>
423
423
  </div>
424
424
  </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/1190000041729491" target="_blank" title="小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示?">小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示?</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>21</span>
441
+ <span>18</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/king_hcj" title="Programming Language">
445
+ <span>獨釣寒江雪</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 前几天有幸看了尤雨溪尤大的直播,他们谈到一个话题,是说目前前端人,或者是整个程序员群体如何做副业?近年来互联网行情下降,好多人都在思考要不要搞个副业来抵御风险。
449
+ 如果我说,我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念,你是不是会觉得这没有什么意义?
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/1190000041729574" target="_blank" title="JS阻塞渲染,这么多年我理解错啦?">JS阻塞渲染,这么多年我理解错啦?</a>
458
+ <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
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"/>
467
467
  </g>
468
468
  </svg>
469
- <span>16</span>
469
+ <span>15</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
473
- <span>卡颂</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
473
+ <span>张京</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 大家好,我卡颂。在中文社区,这么多年一直流传一个说法:JS线程负责执行JS,GUI渲染线程负责渲染,这两者是互斥的,所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多,逐渐开始怀疑以上说法。本文会以实际案...
477
+ 从ingress的监控中心,我们看到,失败率虽然不高,但始终保持在0.05到0.1的水平:我们用这样的条件去查询,发现绝大部分错误是502错误: {代码...} 那么502错误到底是个什么错误呢?百度百科给出的解释是:502 Ba...
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/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
486
+ <a href="https://segmentfault.com/a/1190000041728567" target="_blank" title="10个我经常逛的“小网站”,嘿嘿嘿!!!">10个我经常逛的“小网站”,嘿嘿嘿!!!</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
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"/>
495
495
  </g>
496
496
  </svg>
497
- <span>16</span>
497
+ <span>19</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
501
- <span>Asheng</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
501
+ <span>前端胖头鱼</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 现在前端越来越卷,不会手写 Promise 都不好意思面试了(手动狗头.jpg)。虽然没多少人会在业务中用自己实现的 Promise,但是,实现 Promise 的过程会让你对 Promise 更加了解,出了问题也可以更好地排查。
505
+ 你的文件夹里有没有一些私人喜好的小网站?嘿嘿!!!必须有啊!分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站,你可能也用得上喔。
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/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库,请查收!">20多个好用的 Vue 组件库,请查收!</a>
514
+ <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下,程序员如何做“副业”?">大裁员下,程序员如何做“副业”?</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>18</span>
525
+ <span>21</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
529
- <span>前端小智</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
529
+ <span>杨成功</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
533
+ 前几天有幸看了尤雨溪尤大的直播,他们谈到一个话题,是说目前前端人,或者是整个程序员群体如何做副业?近年来互联网行情下降,好多人都在思考要不要搞个副业来抵御风险。
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/1190000041729491" target="_blank" title="小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示?">小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示?</a>
542
+ <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</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>17</span>
553
+ <span>16</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/king_hcj" title="Programming Language">
557
- <span>独钓寒江雪</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
557
+ <span>Asheng</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 如果我说,我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念,你是不是会觉得这没有什么意义?
561
+ 现在前端越来越卷,不会手写 Promise 都不好意思面试了(手动狗头.jpg)。虽然没多少人会在业务中用自己实现的 Promise,但是,实现 Promise 的过程会让你对 Promise 更加了解,出了问题也可以更好地排查。
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041728567" target="_blank" title="10个我经常逛的“小网站”,嘿嘿嘿!!!">10个我经常逛的“小网站”,嘿嘿嘿!!!</a>
570
+ <a href="https://segmentfault.com/a/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
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>14</span>
581
+ <span>13</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
585
- <span>前端胖头鱼</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
585
+ <span>卡颂</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 你的文件夹里有没有一些私人喜好的小网站?嘿嘿!!!必须有啊!分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站,你可能也用得上喔。
589
+ 大家好,我卡颂。凡是依赖虚拟DOM的框架,都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而,即使作者语言再精练,再图文并茂,相信大部分同学看完用不了多久就忘了。今天,我们换一种...
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
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/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</a>
598
+ <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库,请查收!">20多个好用的 Vue 组件库,请查收!</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
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
607
  </g>
608
608
  </svg>
609
- <span>13</span>
609
+ <span>18</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
613
- <span>XboxYan</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
613
+ <span>前端小智</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 欢迎关注我的公众号:前端侦探最近项目中看到这样的一个切角效果,如下所示就是一个正常的矩形,然后被“切”了一块,而且是沿着右上角切的。那么,这种布局如何实现呢?一、自适应方式这种布局一般有两种自适应方...
617
+ 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
626
+ <a href="https://segmentfault.com/a/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
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"/>
635
635
  </g>
636
636
  </svg>
637
- <span>13</span>
637
+ <span>12</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
641
- <span>凹凸实验室</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
641
+ <span>XboxYan</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 最近在实现一个 3D 的沙盒类游戏,基本的功能就是在一个 3D 平面里,进行建筑物的搭建,可以在场景内添加或者编辑建筑物,然后平面内存在一个人物模型,他可以穿梭行走于建筑物之间。
645
+ 欢迎关注我的公众号:前端侦探最近项目中看到这样的一个切角效果,如下所示就是一个正常的矩形,然后被“切”了一块,而且是沿着右上角切的。那么,这种布局如何实现呢?一、自适应方式这种布局一般有两种自适应方...
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041693503" target="_blank" title="🔥前端脚手架辣么多,那我也要写一个玩玩">🔥前端脚手架辣么多,那我也要写一个玩玩</a>
654
+ <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器(13):Chrome 100支持多屏应用了!">了不起的Chrome浏览器(13):Chrome 100支持多屏应用了!</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
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"/>
663
663
  </g>
664
664
  </svg>
665
- <span>16</span>
665
+ <span>10</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
669
- <span>恪晨</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/kiwenlau" title="Programming Language">
669
+ <span>寒雁</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 2022年已经过了四分之一还多了,之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西,虽然准备做组件库的事情被领导给毙了,不过在这之前写了一个脚手架的工具,...
673
+ Deprecate the document.domain setter是一个影响很大的breaking change,请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略(same origin policy)的限...
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
682
+ <a href="https://segmentfault.com/a/1190000041693503" target="_blank" title="🔥前端脚手架辣么多,那我也要写一个玩玩">🔥前端脚手架辣么多,那我也要写一个玩玩</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
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
691
  </g>
692
692
  </svg>
693
- <span>13</span>
693
+ <span>16</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
697
- <span>TNTWEB</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
697
+ <span>恪晨</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施...
701
+ 2022年已经过了四分之一还多了,之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西,虽然准备做组件库的事情被领导给毙了,不过在这之前写了一个脚手架的工具,...
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季|从招聘方的角度理解求职">2022招聘季|从招聘方的角度理解求职</a>
710
+ <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
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"/>
719
719
  </g>
720
720
  </svg>
721
- <span>15</span>
721
+ <span>13</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
725
- <span>Meathill</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
725
+ <span>TNTWEB</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 前些日子,有位同学找我咨询求职问题。他本科专业其实不错,但是第一份工作没找好,所以只好报了家培训班,想社招之路走得更稳一些。结业之前,他担心培训班就业辅导不够,也找了几位外部导师帮忙。其中就包括我。
729
+ TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施...
730
730
  </div>
731
731
  </div>
732
732
  </li>
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
738
+ <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季|从招聘方的角度理解求职">2022招聘季|从招聘方的角度理解求职</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
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"/>
747
747
  </g>
748
748
  </svg>
749
- <span>14</span>
749
+ <span>15</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
753
- <span>lulu_up</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
753
+ <span>Meathill</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
757
+ 前些日子,有位同学找我咨询求职问题。他本科专业其实不错,但是第一份工作没找好,所以只好报了家培训班,想社招之路走得更稳一些。结业之前,他担心培训班就业辅导不够,也找了几位外部导师帮忙。其中就包括我。
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器(13):Chrome 100支持多屏应用了!">了不起的Chrome浏览器(13):Chrome 100支持多屏应用了!</a>
766
+ <a href="https://segmentfault.com/a/1190000041725043" target="_blank" title="以B端平台设计,理解尼尔森10大可用性原则">以B端平台设计,理解尼尔森10大可用性原则</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
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"/>
775
775
  </g>
776
776
  </svg>
777
- <span>9</span>
777
+ <span>14</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/kiwenlau" title="Programming Language">
781
- <span>寒雁</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
781
+ <span>JenK</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- Deprecate the document.domain setter是一个影响很大的breaking change,请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略(same origin policy)的限...
785
+ 尼尔森是一名人机交互学博士,通过总结分析200多个可用性问题,1995年提出了尼尔森十大可用性原则,不论在Web设计还是移动端设计,掌握了这十项原则,都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041683421" target="_blank" title="一些关于react的keep-alive功能相关知识在这里()">一些关于react的keep-alive功能相关知识在这里()</a>
794
+ <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里()">一些关于react的keep-alive功能相关知识在这里()</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,7 +802,7 @@
802
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"/>
803
803
  </g>
804
804
  </svg>
805
- <span>12</span>
805
+ <span>14</span>
806
806
  </span>
807
807
  &nbsp;
808
808
  <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
@@ -810,7 +810,7 @@
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。
813
+ 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
822
+ <a href="https://segmentfault.com/a/1190000041683421" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(下)">一些关于react的keep-alive功能相关知识在这里(下)</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <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
831
  </g>
832
832
  </svg>
833
- <span>15</span>
833
+ <span>13</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
837
- <span>前端小智</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
837
+ <span>lulu_up</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
841
+ 比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041725043" target="_blank" title="以B端平台设计,理解尼尔森10大可用性原则">以B端平台设计,理解尼尔森10大可用性原则</a>
850
+ <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
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"/>
859
859
  </g>
860
860
  </svg>
861
- <span>13</span>
861
+ <span>15</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
865
- <span>JenK</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
865
+ <span>前端小智</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 尼尔森是一名人机交互学博士,通过总结分析200多个可用性问题,1995年提出了尼尔森十大可用性原则,不论在Web设计还是移动端设计,掌握了这十项原则,都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...
869
+ 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -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/kasong" 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/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
934
+ <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆(Bloom Filter)过滤器原理与实战">硬核 | Redis 布隆(Bloom Filter)过滤器原理与实战</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>9</span>
945
+ <span>12</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
949
- <span>卡颂</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
949
+ <span>码哥字节</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 大家好,我卡颂。凡是依赖虚拟DOM的框架,都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而,即使作者语言再精练,再图文并茂,相信大部分同学看完用不了多久就忘了。今天,我们换一种...
953
+ 在Redis 缓存击穿(失效)、缓存穿透、缓存雪崩怎么解决?中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥,布隆过滤器还能在哪些场景使用呀?比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻,如何...
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/1190000041686261" target="_blank" title="硬核 | Redis 布隆(Bloom Filter)过滤器原理与实战">硬核 | Redis 布隆(Bloom Filter)过滤器原理与实战</a>
962
+ <a href="https://segmentfault.com/a/1190000041701063" target="_blank" title="javaScript 内存管理机制">javaScript 内存管理机制</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>12</span>
973
+ <span>11</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
977
- <span>码哥字节</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
977
+ <span>云叔_又拍云</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 在Redis 缓存击穿(失效)、缓存穿透、缓存雪崩怎么解决?中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥,布隆过滤器还能在哪些场景使用呀?比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻,如何...
981
+ 大家好,今天分享的主题为 JavaScript 内存管理机制,本次分享将从以下三部分进行讲述:js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制,相信大家都有...
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/23 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/26 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>