@wcj/github-rank 22.4.17 → 22.4.20

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 +35609 -35594
  2. package/dist/sifou-daily.json +28 -28
  3. package/dist/sifou-monthly.json +93 -93
  4. package/dist/sifou-weekly.json +172 -172
  5. package/dist/toutiao-30.json +98 -98
  6. package/dist/toutiao-7.json +115 -115
  7. package/dist/toutiao-90.json +26 -26
  8. package/dist/trending-daily.json +168 -168
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +163 -163
  11. package/dist/users.china.json +2881 -2881
  12. package/dist/users.json +3116 -3116
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +35609 -35594
  16. package/web/data/sifou-daily.json +28 -28
  17. package/web/data/sifou-monthly.json +93 -93
  18. package/web/data/sifou-weekly.json +172 -172
  19. package/web/data/toutiao-30.json +98 -98
  20. package/web/data/toutiao-7.json +115 -115
  21. package/web/data/toutiao-90.json +26 -26
  22. package/web/data/trending-daily.json +168 -168
  23. package/web/data/trending-monthly.json +155 -155
  24. package/web/data/trending-weekly.json +163 -163
  25. package/web/data/users.china.json +2881 -2881
  26. package/web/data/users.json +3116 -3116
  27. package/web/index.html +1696 -1696
  28. package/web/repos.html +4532 -4532
  29. package/web/sifou-daily.html +25 -25
  30. package/web/sifou-monthly.html +138 -138
  31. package/web/sifou-weekly.html +146 -146
  32. package/web/toutiao-30.html +103 -103
  33. package/web/toutiao-7.html +83 -83
  34. package/web/toutiao-90.html +50 -50
  35. package/web/trending-monthly.html +133 -137
  36. package/web/trending-weekly.html +137 -145
  37. package/web/trending.html +143 -147
  38. package/web/users.china.html +1426 -1426
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/17 by
119
+ <div class="time">Last cache created on 2022/4/20 by
120
120
 
121
121
 
122
122
 
@@ -147,34 +147,6 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041572883" target="_blank" title="5年经验(专升本)入职B站分享">5年经验(专升本)入职B站分享</a>
151
- </div>
152
- <div class="sub-title followers">
153
-
154
- <span title="Stargazers Count">
155
- <svg width="12" height="12" viewBox="0 0 16 16">
156
- <g fill="none" fill-rule="evenodd">
157
- <path d="M0 0h16v16H0z"/>
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
- </g>
160
- </svg>
161
- <span>64</span>
162
- </span>
163
- &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
165
- <span>江辰</span>
166
- </a>
167
- </div>
168
- <div class="details">
169
- 大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：
170
- </div>
171
- </div>
172
- </li>
173
-
174
- <li>
175
- <div class="info">
176
- <div class="rank">
177
- <span title="Ranking 2">2</span>
178
150
  <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
179
151
  </div>
180
152
  <div class="sub-title followers">
@@ -186,7 +158,7 @@
186
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"/>
187
159
  </g>
188
160
  </svg>
189
- <span>33</span>
161
+ <span>40</span>
190
162
  </span>
191
163
  &nbsp;
192
164
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -202,7 +174,7 @@
202
174
  <li>
203
175
  <div class="info">
204
176
  <div class="rank">
205
- <span title="Ranking 3">3</span>
177
+ <span title="Ranking 2">2</span>
206
178
  <a href="https://segmentfault.com/a/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
207
179
  </div>
208
180
  <div class="sub-title followers">
@@ -214,7 +186,7 @@
214
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"/>
215
187
  </g>
216
188
  </svg>
217
- <span>35</span>
189
+ <span>42</span>
218
190
  </span>
219
191
  &nbsp;
220
192
  <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
@@ -230,8 +202,8 @@
230
202
  <li>
231
203
  <div class="info">
232
204
  <div class="rank">
233
- <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
205
+ <span title="Ranking 3">3</span>
206
+ <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
235
207
  </div>
236
208
  <div class="sub-title followers">
237
209
 
@@ -242,15 +214,15 @@
242
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"/>
243
215
  </g>
244
216
  </svg>
245
- <span>30</span>
217
+ <span>37</span>
246
218
  </span>
247
219
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
249
- <span>WonderfulSoap</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
221
+ <span>前端胖头鱼</span>
250
222
  </a>
251
223
  </div>
252
224
  <div class="details">
253
- 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
225
+ 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
254
226
  </div>
255
227
  </div>
256
228
  </li>
@@ -258,7 +230,7 @@
258
230
  <li>
259
231
  <div class="info">
260
232
  <div class="rank">
261
- <span title="Ranking 5">5</span>
233
+ <span title="Ranking 4">4</span>
262
234
  <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
263
235
  </div>
264
236
  <div class="sub-title followers">
@@ -270,7 +242,7 @@
270
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"/>
271
243
  </g>
272
244
  </svg>
273
- <span>32</span>
245
+ <span>33</span>
274
246
  </span>
275
247
  &nbsp;
276
248
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -286,8 +258,8 @@
286
258
  <li>
287
259
  <div class="info">
288
260
  <div class="rank">
289
- <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
261
+ <span title="Ranking 5">5</span>
262
+ <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
291
263
  </div>
292
264
  <div class="sub-title followers">
293
265
 
@@ -298,15 +270,15 @@
298
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"/>
299
271
  </g>
300
272
  </svg>
301
- <span>33</span>
273
+ <span>32</span>
302
274
  </span>
303
275
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
305
- <span>前端胖头鱼</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
277
+ <span>WonderfulSoap</span>
306
278
  </a>
307
279
  </div>
308
280
  <div class="details">
309
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
281
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
310
282
  </div>
311
283
  </div>
312
284
  </li>
@@ -314,7 +286,7 @@
314
286
  <li>
315
287
  <div class="info">
316
288
  <div class="rank">
317
- <span title="Ranking 7">7</span>
289
+ <span title="Ranking 6">6</span>
318
290
  <a href="https://segmentfault.com/a/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
319
291
  </div>
320
292
  <div class="sub-title followers">
@@ -326,7 +298,7 @@
326
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"/>
327
299
  </g>
328
300
  </svg>
329
- <span>25</span>
301
+ <span>26</span>
330
302
  </span>
331
303
  &nbsp;
332
304
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -342,7 +314,7 @@
342
314
  <li>
343
315
  <div class="info">
344
316
  <div class="rank">
345
- <span title="Ranking 8">8</span>
317
+ <span title="Ranking 7">7</span>
346
318
  <a href="https://segmentfault.com/a/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</a>
347
319
  </div>
348
320
  <div class="sub-title followers">
@@ -370,7 +342,7 @@
370
342
  <li>
371
343
  <div class="info">
372
344
  <div class="rank">
373
- <span title="Ranking 9">9</span>
345
+ <span title="Ranking 8">8</span>
374
346
  <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</a>
375
347
  </div>
376
348
  <div class="sub-title followers">
@@ -398,8 +370,8 @@
398
370
  <li>
399
371
  <div class="info">
400
372
  <div class="rank">
401
- <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
373
+ <span title="Ranking 9">9</span>
374
+ <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</a>
403
375
  </div>
404
376
  <div class="sub-title followers">
405
377
 
@@ -410,15 +382,15 @@
410
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"/>
411
383
  </g>
412
384
  </svg>
413
- <span>24</span>
385
+ <span>18</span>
414
386
  </span>
415
387
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
417
- <span>linong</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
389
+ <span>chokcoco</span>
418
390
  </a>
419
391
  </div>
420
392
  <div class="details">
421
- 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
393
+ 在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...
422
394
  </div>
423
395
  </div>
424
396
  </li>
@@ -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/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</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/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
487
459
  </div>
488
460
  <div class="sub-title followers">
@@ -494,7 +466,7 @@
494
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"/>
495
467
  </g>
496
468
  </svg>
497
- <span>16</span>
469
+ <span>19</span>
498
470
  </span>
499
471
  &nbsp;
500
472
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -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">
@@ -522,7 +494,7 @@
522
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"/>
523
495
  </g>
524
496
  </svg>
525
- <span>20</span>
497
+ <span>21</span>
526
498
  </span>
527
499
  &nbsp;
528
500
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -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/1190000041570390" target="_blank" title="老板让我 7 天研究一个 Plausible 统计">老板让我 7 天研究一个 Plausible 统计</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>12</span>
554
- </span>
555
- &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
557
- <span>kumfo</span>
558
- </a>
559
- </div>
560
- <div class="details">
561
- 最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细致化的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...
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/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
571
515
  </div>
572
516
  <div class="sub-title followers">
@@ -578,7 +522,7 @@
578
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"/>
579
523
  </g>
580
524
  </svg>
581
- <span>12</span>
525
+ <span>16</span>
582
526
  </span>
583
527
  &nbsp;
584
528
  <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
@@ -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/1190000041578591" target="_blank" title="17 个实用的图像特效库">17 个实用的图像特效库</a>
541
+ <span title="Ranking 15">15</span>
542
+ <a href="https://segmentfault.com/a/1190000041718060" target="_blank" title="Amazing！巧用 CSS 视差实现酷炫交互动效">Amazing！巧用 CSS 视差实现酷炫交互动效</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>17</span>
553
+ <span>15</span>
610
554
  </span>
611
555
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
613
- <span>前端小智</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
557
+ <span>chokcoco</span>
614
558
  </a>
615
559
  </div>
616
560
  <div class="details">
617
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
561
+ 本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...
618
562
  </div>
619
563
  </div>
620
564
  </li>
@@ -622,7 +566,7 @@
622
566
  <li>
623
567
  <div class="info">
624
568
  <div class="rank">
625
- <span title="Ranking 18">18</span>
569
+ <span title="Ranking 16">16</span>
626
570
  <a href="https://segmentfault.com/a/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
627
571
  </div>
628
572
  <div class="sub-title followers">
@@ -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/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</a>
655
599
  </div>
656
600
  <div class="sub-title followers">
@@ -662,7 +606,7 @@
662
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"/>
663
607
  </g>
664
608
  </svg>
665
- <span>16</span>
609
+ <span>17</span>
666
610
  </span>
667
611
  &nbsp;
668
612
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -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/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
683
627
  </div>
684
628
  <div class="sub-title followers">
@@ -706,8 +650,8 @@
706
650
  <li>
707
651
  <div class="info">
708
652
  <div class="rank">
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>
653
+ <span title="Ranking 19">19</span>
654
+ <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
711
655
  </div>
712
656
  <div class="sub-title followers">
713
657
 
@@ -718,15 +662,15 @@
718
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"/>
719
663
  </g>
720
664
  </svg>
721
- <span>14</span>
665
+ <span>15</span>
722
666
  </span>
723
667
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
725
- <span>chokcoco</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
669
+ <span>Meathill</span>
726
670
  </a>
727
671
  </div>
728
672
  <div class="details">
729
- 在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...
673
+ 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
730
674
  </div>
731
675
  </div>
732
676
  </li>
@@ -734,8 +678,8 @@
734
678
  <li>
735
679
  <div class="info">
736
680
  <div class="rank">
737
- <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
681
+ <span title="Ranking 20">20</span>
682
+ <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</a>
739
683
  </div>
740
684
  <div class="sub-title followers">
741
685
 
@@ -746,15 +690,15 @@
746
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"/>
747
691
  </g>
748
692
  </svg>
749
- <span>15</span>
693
+ <span>9</span>
750
694
  </span>
751
695
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
753
- <span>Meathill</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/kiwenlau" title="Programming Language">
697
+ <span>寒雁</span>
754
698
  </a>
755
699
  </div>
756
700
  <div class="details">
757
- 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
701
+ Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...
758
702
  </div>
759
703
  </div>
760
704
  </li>
@@ -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/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</a>
709
+ <span title="Ranking 21">21</span>
710
+ <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</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>9</span>
721
+ <span>12</span>
778
722
  </span>
779
723
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/kiwenlau" title="Programming Language">
781
- <span>寒雁</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
725
+ <span>TNTWEB</span>
782
726
  </a>
783
727
  </div>
784
728
  <div class="details">
785
- Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...
729
+ TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...
786
730
  </div>
787
731
  </div>
788
732
  </li>
@@ -790,7 +734,7 @@
790
734
  <li>
791
735
  <div class="info">
792
736
  <div class="rank">
793
- <span title="Ranking 24">24</span>
737
+ <span title="Ranking 22">22</span>
794
738
  <a href="https://segmentfault.com/a/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</a>
795
739
  </div>
796
740
  <div class="sub-title followers">
@@ -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/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
823
767
  </div>
824
768
  <div class="sub-title followers">
@@ -846,8 +790,8 @@
846
790
  <li>
847
791
  <div class="info">
848
792
  <div class="rank">
849
- <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041576417" target="_blank" title="数据库与缓存双写一致性">数据库与缓存双写一致性</a>
793
+ <span title="Ranking 24">24</span>
794
+ <a href="https://segmentfault.com/a/1190000041619491" target="_blank" title="一道有意思的 CSS 面试题，FizzBu​​zz ~">一道有意思的 CSS 面试题，FizzBu​​zz ~</a>
851
795
  </div>
852
796
  <div class="sub-title followers">
853
797
 
@@ -858,15 +802,15 @@
858
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"/>
859
803
  </g>
860
804
  </svg>
861
- <span>13</span>
805
+ <span>11</span>
862
806
  </span>
863
807
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/chenwugui" title="Programming Language">
865
- <span>超大只乌龟</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
809
+ <span>chokcoco</span>
866
810
  </a>
867
811
  </div>
868
812
  <div class="details">
869
- 先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。
813
+ FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...
870
814
  </div>
871
815
  </div>
872
816
  </li>
@@ -874,8 +818,8 @@
874
818
  <li>
875
819
  <div class="info">
876
820
  <div class="rank">
877
- <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041619491" target="_blank" title="一道有意思的 CSS 面试题，FizzBu​​zz ~">一道有意思的 CSS 面试题，FizzBu​​zz ~</a>
821
+ <span title="Ranking 25">25</span>
822
+ <a href="https://segmentfault.com/a/1190000041598952" target="_blank" title="从0到1教你在AWS中部署动态网站Typecho系统">从0到1教你在AWS中部署动态网站Typecho系统</a>
879
823
  </div>
880
824
  <div class="sub-title followers">
881
825
 
@@ -886,15 +830,15 @@
886
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"/>
887
831
  </g>
888
832
  </svg>
889
- <span>11</span>
833
+ <span>10</span>
890
834
  </span>
891
835
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
893
- <span>chokcoco</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
837
+ <span>沈唁</span>
894
838
  </a>
895
839
  </div>
896
840
  <div class="details">
897
- FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...
841
+ Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。
898
842
  </div>
899
843
  </div>
900
844
  </li>
@@ -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/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</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/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</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/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</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/1190000041693503" target="_blank" title="🔥前端脚手架辣么多，那我也要写一个玩玩">🔥前端脚手架辣么多，那我也要写一个玩玩</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>13</span>
946
+ </span>
947
+ &nbsp;
948
+ <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
949
+ <span>恪晨</span>
950
+ </a>
951
+ </div>
952
+ <div class="details">
953
+ 2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...
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/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</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>9</span>
974
+ </span>
975
+ &nbsp;
976
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
977
+ <span>卡颂</span>
978
+ </a>
979
+ </div>
980
+ <div class="details">
981
+ 大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...
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/17 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/20 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>