@wcj/github-rank 22.3.19 → 22.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +31467 -31462
  2. package/dist/sifou-daily.json +106 -52
  3. package/dist/sifou-monthly.json +98 -98
  4. package/dist/sifou-weekly.json +148 -148
  5. package/dist/toutiao-30.json +103 -103
  6. package/dist/toutiao-7.json +120 -120
  7. package/dist/toutiao-90.json +58 -58
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +160 -160
  10. package/dist/trending-weekly.json +169 -169
  11. package/dist/users.china.json +3042 -3028
  12. package/dist/users.json +3370 -3371
  13. package/package.json +1 -1
  14. package/web/36kr.html +3 -3
  15. package/web/data/repos.json +31467 -31462
  16. package/web/data/sifou-daily.json +106 -52
  17. package/web/data/sifou-monthly.json +98 -98
  18. package/web/data/sifou-weekly.json +148 -148
  19. package/web/data/toutiao-30.json +103 -103
  20. package/web/data/toutiao-7.json +120 -120
  21. package/web/data/toutiao-90.json +58 -58
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +160 -160
  24. package/web/data/trending-weekly.json +169 -169
  25. package/web/data/users.china.json +3042 -3028
  26. package/web/data/users.json +3370 -3371
  27. package/web/index.html +1724 -1724
  28. package/web/repos.html +3852 -3852
  29. package/web/sifou-daily.html +215 -47
  30. package/web/sifou-monthly.html +112 -112
  31. package/web/sifou-weekly.html +147 -147
  32. package/web/toutiao-30.html +95 -95
  33. package/web/toutiao-7.html +82 -82
  34. package/web/toutiao-90.html +85 -85
  35. package/web/trending-monthly.html +142 -142
  36. package/web/trending-weekly.html +154 -142
  37. package/web/trending.html +148 -156
  38. package/web/users.china.html +1818 -1818
package/web/sifou-monthly.html CHANGED
@@ -73,12 +73,12 @@
73
73
  .list li > div.info { width: 100%; }
74
74
  .list li > div.info i { color: #717171; }
75
75
  .list li > div.info a:hover i { color: #333; }
76
- .list li div.sub-title { color: var(--color-thme-text); margin: 4px 0 0 0; }
76
+ .list li div.sub-title { color: var(--color-theme-text); margin: 4px 0 0 0; }
77
77
  .list li div.avatar { padding-right: 10px; }
78
78
 
79
79
 
80
80
  .list .select { }
81
- .list .select .active { color: var(--color-thme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
81
+ .list .select .active { color: var(--color-theme-text); font-weight: bold; border-bottom: 1px dotted var(--color-border);}
82
82
 
83
83
 
84
84
 
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/3/19 by
119
+ <div class="time">Last cache created on 2022/3/22 by
120
120
 
121
121
 
122
122
 
@@ -158,7 +158,7 @@
158
158
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
159
159
  </g>
160
160
  </svg>
161
- <span>70</span>
161
+ <span>75</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
@@ -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>44</span>
189
+ <span>46</span>
190
190
  </span>
191
191
  &nbsp;
192
192
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -214,7 +214,7 @@
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>35</span>
217
+ <span>36</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -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/1190000041415254" target="_blank" title="7个杀手级的JS一行代码">7个杀手级的JS一行代码</a>
234
+ <a href="https://segmentfault.com/a/1190000041572883" target="_blank" title="5年经验(专升本)入职B站分享">5年经验(专升本)入职B站分享</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>32</span>
245
+ <span>33</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
249
- <span>gaoryrt</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
249
+ <span>江辰</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...
253
+ 大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -298,7 +298,7 @@
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>27</span>
301
+ <span>28</span>
302
302
  </span>
303
303
  &nbsp;
304
304
  <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
@@ -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/1190000041549883" target="_blank" title="css 的 filter属性竟然如此好玩">css 的 filter属性竟然如此好玩</a>
318
+ <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
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>29</span>
329
+ <span>27</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
333
- <span>lulu_up</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
333
+ <span>XboxYan</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。
337
+ linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
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/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</a>
346
+ <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</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>26</span>
357
+ <span>25</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
361
- <span>XboxYan</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
361
+ <span>谭光志</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
365
+ 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
374
+ <a href="https://segmentfault.com/a/1190000041549883" target="_blank" title="css 的 filter属性竟然如此好玩">css 的 filter属性竟然如此好玩</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
383
383
  </g>
384
384
  </svg>
385
- <span>24</span>
385
+ <span>33</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
389
- <span>chokcoco</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
389
+ <span>lulu_up</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
393
+ 在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。
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/1190000041447795" target="_blank" title="前端生成PDF，让后端刮目相看">前端生成PDF，让后端刮目相看</a>
402
+ <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</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>22</span>
413
+ <span>24</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
417
- <span>葡萄城技术团队</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
417
+ <span>chokcoco</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...
421
+ 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
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/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
430
+ <a href="https://segmentfault.com/a/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</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>22</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
445
- <span>谭光志</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
445
+ <span>程序猿阿朗</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
449
+ 最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...
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/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
458
+ <a href="https://segmentfault.com/a/1190000041447795" target="_blank" title="前端生成PDF，让后端刮目相看">前端生成PDF，让后端刮目相看</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>13</span>
469
+ <span>22</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
473
- <span>JenK</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
473
+ <span>葡萄城技术团队</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
477
+ PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -494,7 +494,7 @@
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>19</span>
497
+ <span>21</span>
498
498
  </span>
499
499
  &nbsp;
500
500
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000041548601" target="_blank" title="5种限流算法，7种限流方式，挡住突发流量？">5种限流算法，7种限流方式，挡住突发流量？</a>
514
+ <a href="https://segmentfault.com/a/1190000041556519" target="_blank" title="神奇的 CSS，让文字智能适配背景颜色">神奇的 CSS，让文字智能适配背景颜色</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
523
523
  </g>
524
524
  </svg>
525
- <span>20</span>
525
+ <span>24</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/niumoo" title="Programming Language">
529
- <span>程序猿阿朗</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
529
+ <span>chokcoco</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...
533
+ 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...
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/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
542
+ <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</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>15</span>
553
+ <span>13</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
557
- <span>皮小蛋</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
557
+ <span>JenK</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
561
+ 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
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/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
570
+ <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</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>15</span>
581
+ <span>16</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
585
- <span>而井</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
585
+ <span>皮小蛋</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
589
+ 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
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/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
598
+ <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -609,12 +609,12 @@
609
609
  <span>15</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
613
- <span>边城</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
613
+ <span>而井</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
617
+ 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
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/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</a>
626
+ <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</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>14</span>
637
+ <span>15</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
641
- <span>码哥字节</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
641
+ <span>边城</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
645
+ 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
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/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
654
+ <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</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>13</span>
665
+ <span>14</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
669
- <span>TNTWEB</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
669
+ <span>码哥字节</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
673
+ 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
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/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
682
+ <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</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>12</span>
693
+ <span>14</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
697
- <span>杭州程序员张张</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
697
+ <span>TNTWEB</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
701
+ 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
702
702
  </div>
703
703
  </div>
704
704
  </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/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
738
+ <a href="https://segmentfault.com/a/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</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>16</span>
749
+ <span>14</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
753
- <span>JackJiang</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
753
+ <span>煎鱼</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
757
+ 甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？
758
758
  </div>
759
759
  </div>
760
760
  </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/1190000041524988" target="_blank" title="Go 设计哲学：少即是多，哪里来的？">Go 设计哲学：少即是多，哪里来的？</a>
822
+ <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</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>14</span>
833
+ <span>16</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
837
- <span>煎鱼</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
837
+ <span>MangoGoing</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？
841
+ !!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...
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/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
850
+ <a href="https://segmentfault.com/a/1190000041510006" target="_blank" title="28张图助我学废TS">28张图助我学废TS</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>14</span>
861
+ <span>18</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
865
- <span>小小蚊子</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
865
+ <span>执鸢者</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
869
+ Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041537651" target="_blank" title="Gitlab CI/CD教程及npm包构建发布实战">Gitlab CI/CD教程及npm包构建发布实战</a>
878
+ <a href="https://segmentfault.com/a/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
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>16</span>
889
+ <span>15</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
893
- <span>MangoGoing</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
893
+ <span>xiangzhihong</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- !!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...
897
+ 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
906
+ <a href="https://segmentfault.com/a/1190000041480003" target="_blank" title="从业务组件库看前端工程化">从业务组件库看前端工程化</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
915
915
  </g>
916
916
  </svg>
917
- <span>14</span>
917
+ <span>13</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
921
- <span>xiangzhihong</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/lizongyuan" title="Programming Language">
921
+ <span>玩弄心里的鬼</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
925
+ 本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041418454" target="_blank" title="React 源码解析系列 - React 的 render 异常处理机制">React 源码解析系列 - React 的 render 异常处理机制</a>
934
+ <a href="https://segmentfault.com/a/1190000041553527" target="_blank" title="穷追猛打，阿里二面问了我30分钟从URL输入到渲染...">穷追猛打，阿里二面问了我30分钟从URL输入到渲染...</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
943
943
  </g>
944
944
  </svg>
945
- <span>11</span>
945
+ <span>13</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
949
- <span>array_huang</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" title="Programming Language">
949
+ <span>前端私教年年</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
953
+ 当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041510006" target="_blank" title="28张图助我学废TS">28张图助我学废TS</a>
962
+ <a href="https://segmentfault.com/a/1190000041560515" target="_blank" title="2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端">2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -973,12 +973,12 @@
973
973
  <span>17</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/zhizhe_5c6eb6478bd93" title="Programming Language">
977
- <span>执鸢者</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
977
+ <span>linong</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）
981
+ 前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/3/19 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/3/22 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>