@wcj/github-rank 22.4.3 → 22.4.6

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 +34077 -34065
  2. package/dist/sifou-daily.json +55 -46
  3. package/dist/sifou-monthly.json +80 -80
  4. package/dist/sifou-weekly.json +165 -165
  5. package/dist/toutiao-30.json +86 -86
  6. package/dist/toutiao-7.json +123 -123
  7. package/dist/toutiao-90.json +32 -32
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +156 -156
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2397 -2397
  12. package/dist/users.json +3656 -3656
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34077 -34065
  16. package/web/data/sifou-daily.json +55 -46
  17. package/web/data/sifou-monthly.json +80 -80
  18. package/web/data/sifou-weekly.json +165 -165
  19. package/web/data/toutiao-30.json +86 -86
  20. package/web/data/toutiao-7.json +123 -123
  21. package/web/data/toutiao-90.json +32 -32
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +156 -156
  24. package/web/data/trending-weekly.json +165 -165
  25. package/web/data/users.china.json +2397 -2397
  26. package/web/data/users.json +3656 -3656
  27. package/web/index.html +1961 -1961
  28. package/web/repos.html +4211 -4215
  29. package/web/sifou-daily.html +68 -40
  30. package/web/sifou-monthly.html +122 -122
  31. package/web/sifou-weekly.html +139 -139
  32. package/web/toutiao-30.html +70 -70
  33. package/web/toutiao-7.html +78 -78
  34. package/web/toutiao-90.html +39 -39
  35. package/web/trending-monthly.html +143 -139
  36. package/web/trending-weekly.html +146 -142
  37. package/web/trending.html +144 -148
  38. package/web/users.china.html +1273 -1273
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/4/3 by
119
+ <div class="time">Last cache created on 2022/4/6 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>14</span>
161
+ <span>17</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
178
+ <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -189,12 +189,12 @@
189
189
  <span>14</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
193
- <span>Meathill</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
193
+ <span>范文杰</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
197
+ 声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041619491" target="_blank" title="一道有意思的 CSS 面试题，FizzBu​​zz ~">一道有意思的 CSS 面试题，FizzBu​​zz ~</a>
206
+ <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
215
215
  </g>
216
216
  </svg>
217
- <span>10</span>
217
+ <span>11</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
221
- <span>chokcoco</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
221
+ <span>WonderfulSoap</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...
225
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041617101" target="_blank" title="金三银四了，掌握 JS 这 36 个概念，助你一臂之力">金三银四了，掌握 JS 这 36 个概念，助你一臂之力</a>
234
+ <a href="https://segmentfault.com/a/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</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>13</span>
245
+ <span>8</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
249
- <span>前端小智</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/kiwenlau" title="Programming Language">
249
+ <span>寒雁</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
253
+ Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</a>
262
+ <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
271
271
  </g>
272
272
  </svg>
273
- <span>11</span>
273
+ <span>7</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
277
- <span>前端小智</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
277
+ <span>Asheng</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
281
+ 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</a>
290
+ <a href="https://segmentfault.com/a/1190000041642224" target="_blank" title="这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！">这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！</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>11</span>
301
+ <span>7</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
305
- <span>范文杰</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
305
+ <span>MissD</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。
309
+ 刚刚，Typecho 项目发起人祁宁在官方博客以开发者账号 @joyqi 发文宣布了 Typecho 1.2.0 正式版发布的消息 —— “这不是玩笑，我们回来了！”
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/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</a>
318
+ <a href="https://segmentfault.com/a/1190000041631055" target="_blank" title="悲报， GIF 之父因新冠去世">悲报， GIF 之父因新冠去世</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -329,12 +329,12 @@
329
329
  <span>6</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
333
- <span>WonderfulSoap</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
333
+ <span>云叔_又拍云</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
337
+ 今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。
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/1190000041631055" target="_blank" title="悲报， GIF 之父因新冠去世">悲报， GIF 之父因新冠去世</a>
346
+ <a href="https://segmentfault.com/a/1190000041633336" target="_blank" title="冴羽答读者问：30 岁了， 现在开始努力，晚吗？">冴羽答读者问：30 岁了， 现在开始努力，晚吗？</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -357,12 +357,12 @@
357
357
  <span>6</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
361
- <span>云叔_又拍云</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
361
+ <span>冴羽</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。
365
+ “The best time to plant a tree is 20 years ago. The second-best time is now.”
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/1190000041616895" target="_blank" title="React Router v6 探索">React Router v6 探索</a>
374
+ <a href="https://segmentfault.com/a/1190000041645889" target="_blank" title="【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3">【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3</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>6</span>
385
+ <span>8</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
389
- <span>江辰</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/maoduolikuaipao" title="Programming Language">
389
+ <span>前端有猫腻</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 前言没事翻了翻 React Router 的文档，发现已推到了 v6.2.2 版本，这个版本做了很大的改动，让我们一起看看吧为什么推出 v6推出 v6 的最大原因是 React Hooks 的出现v6 写的代码要比 v5 代码更加紧凑和优雅我们通...
393
+ Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3
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/1190000041628824" target="_blank" title="2022招聘季｜前端工作中需要掌握的 15 个函数">2022招聘季｜前端工作中需要掌握的 15 个函数</a>
402
+ <a href="https://segmentfault.com/a/1190000041629707" target="_blank" title="React18正式版发布，未来发展趋势是？">React18正式版发布，未来发展趋势是？</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>7</span>
413
+ <span>4</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
417
- <span>wscats</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
417
+ <span>卡颂</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 随机排列数组使用 sort 和 random 方法对数组进行乱序排列非常常用。 {代码...} 检查日期是否有效使用以下代码段检查给定的日期是否有效。 {代码...} 复制到剪贴板将任何文本复制到剪贴板 navigator.clipboard.wr...
421
+ 从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。
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/1190000041614746" target="_blank" title="一个支持百万量级的vue3无限滚动组件">一个支持百万量级的vue3无限滚动组件</a>
430
+ <a href="https://segmentfault.com/a/1190000041641164" target="_blank" title="[🔧]前端开发工具推荐">[🔧]前端开发工具推荐</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>6</span>
441
+ <span>9</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
445
- <span>TNTWEB</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
445
+ <span>JenK</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 当我们的列表页有几百万条数据的时候应该怎么办呢？分页也许不是最好的体验方式，无限滚动就是解决这种场景更好的技术手段。当用户向下滚动内容时，会自动添加下一页的list组件，加载更多内容。用户无需等待页面...
449
+ 前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...
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/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
458
+ <a href="https://segmentfault.com/a/1190000041640643" target="_blank" title="Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊">Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊</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>4</span>
469
+ <span>7</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
473
- <span>Asheng</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
473
+ <span>dragonir</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
477
+ 2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨‍🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移动找到基地获取防辐射服吧！
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/1190000041618742" target="_blank" title="换个数据结构，一不小心节约了 591 台机器！">换个数据结构，一不小心节约了 591 台机器！</a>
486
+ <a href="https://segmentfault.com/a/1190000041645832" target="_blank" title="30道CSS 面试知识点总结">30道CSS 面试知识点总结</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>5</span>
497
+ <span>6</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
501
- <span>why技术</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
501
+ <span>前端小智</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 你好呀，我是歪歪。前段时间，我在 B 站上看到一个技术视频，题目叫做《机票报价高并发场景下的一些解决方案》。up 主是 Qunar技术大本营，也就是我们耳熟能详的“去哪儿”。视频链接在这里：[链接]当时其实我是被...
505
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041633336" target="_blank" title="冴羽答读者问：30 岁了， 现在开始努力，晚吗？">冴羽答读者问：30 岁了， 现在开始努力，晚吗？</a>
514
+ <a href="https://segmentfault.com/a/1190000041642685" target="_blank" title="通过差异化对比学习法，带你回顾Vue2快速掌握Vue3">通过差异化对比学习法，带你回顾Vue2快速掌握Vue3</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>5</span>
525
+ <span>4</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
529
- <span>冴羽</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/maoduolikuaipao" title="Programming Language">
529
+ <span>前端有猫腻</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- “The best time to plant a tree is 20 years ago. The second-best time is now.”
533
+ Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3
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/1190000041623387" target="_blank" title="vivo 商品中台的可视化微前端实践">vivo 商品中台的可视化微前端实践</a>
542
+ <a href="https://segmentfault.com/a/1190000041629132" target="_blank" title="kratos分布式事务实践">kratos分布式事务实践</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>6</span>
553
+ <span>4</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
557
- <span>vivo互联网技术</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
557
+ <span>叶东富</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 在电商领域内，商品是一个重要组成部分，与其对应的商品管理系统，则负责商品的新建、编辑、复制等功能。随着商品管理系统的成熟稳定和业务上的扩展需求，催化出了商品中台的诞生。它可以将现有商品功能最大效率...
561
+ 当我们需要跨服务保证数据一致性时，原先的数据库事务力不从心，无法将跨库、跨服务的多个操作放在一个事务中。这样的应用场景非常多，我们可以列举出很多：
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/1190000041630398" target="_blank" title="了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！">了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！</a>
570
+ <a href="https://segmentfault.com/a/1190000041632499" target="_blank" title="vscode 插件可视化制作和管理脚手架及原理解析">vscode 插件可视化制作和管理脚手架及原理解析</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>5</span>
581
+ <span>3</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/kiwenlau" title="Programming Language">
585
- <span>寒雁</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/wjkang" title="Programming Language">
585
+ <span>wjkang</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...
589
+ 提到脚手架，大家想到的可能就是各种 xxx-cli，本文介绍的是另一种方式：以 vscode 插件的形式实现，提供 web 可视化操作，如下图：
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/1190000041642224" target="_blank" title="这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！">这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！</a>
598
+ <a href="https://segmentfault.com/a/1190000041640328" target="_blank" title="JS的面向对象（理解对象，原型，原型链，继承，类）">JS的面向对象（理解对象，原型，原型链，继承，类）</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>5</span>
609
+ <span>4</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
613
- <span>MissD</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/xiaoxuesheng_5b7e4b5dca7e8" title="Programming Language">
613
+ <span>小学生</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 刚刚，Typecho 项目发起人祁宁在官方博客以开发者账号 @joyqi 发文宣布了 Typecho 1.2.0 正式版发布的消息 —— “这不是玩笑，我们回来了！”
617
+ JS有6种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number ，String和Symbol 。还有 1 种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。JS不支持任何创建自定义类型的机制...
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/1190000041623771" target="_blank" title="拿捏了！这样的购物体验才深得用户心">拿捏了！这样的购物体验才深得用户心</a>
626
+ <a href="https://segmentfault.com/a/1190000041638987" target="_blank" title="存储用户密码应该使用什么加密算法？">存储用户密码应该使用什么加密算法？</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>3</span>
637
+ <span>5</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
641
- <span>HMSCore</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
641
+ <span>编程码农</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 有的时候用户想要一声令下就能看到自己心仪的商品，有的时候用户需要一个智能购物管家来管理自己常用的卡券，甚至还想要在股掌之间、分秒之际就掌握商品全貌信息。对于用户日益丰富的想象力，移动应用开发者能做...
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/1190000041625821" target="_blank" title="如何添加 babel polyfill?">如何添加 babel polyfill?</a>
654
+ <a href="https://segmentfault.com/a/1190000041654130" target="_blank" title="Koa2从零到脚手架">Koa2从零到脚手架</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -665,12 +665,12 @@
665
665
  <span>3</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
669
- <span>时倾</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
669
+ <span>山头人汉波</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 由于 Babel 7.4 之后不再推荐使用 @babel/polyfill，而 @babel/preset-env 和 plugin-transform-runtime 二者都可以设置 corejs 来处理 polyfill。
673
+ 由 Express 原班人马打造的新生代 Node.js Web 框架，它的代码很简单，没有像 Express 那样，提供路由、静态服务等等，它是为了解决 Node 问题（简化了 Node 中操作）并取代之，它本身是一个简单的中间件框架，需...
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/1190000041617815" target="_blank" title="什么是 LFU 算法？">什么是 LFU 算法？</a>
682
+ <a href="https://segmentfault.com/a/1190000041636754" target="_blank" title="不管是青蛙跳台阶还是who爬楼梯，能上去就行">不管是青蛙跳台阶还是who爬楼梯，能上去就行</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>3</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/shenfq" title="Programming Language">
697
- <span>Shenfq</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
697
+ <span>沈唁</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 上次的文章介绍了 LRU 算法，今天打算来介绍一下 LFU 算法。在上篇文章中有提到， LFU（Least frequently used：最少使用）算法与 LRU 算法只是在淘汰策略上有所不同，LRU 倾向于保留最近有使用的数据，而 LFU 倾...
701
+ 爬楼梯这个问题也是一个很经典的面试题，可以换各种人物动物，比如青蛙、小兔子跳台阶，张三李四爬楼梯等等。题目会类似于下面这样：假设你正在爬楼梯，需要 n 阶你才能到达楼顶，每次你可以爬 1 或 2 个台阶。你...
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/1190000041629707" target="_blank" title="React18正式版发布，未来发展趋势是？">React18正式版发布，未来发展趋势是？</a>
710
+ <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -721,12 +721,12 @@
721
721
  <span>3</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
725
- <span>卡颂</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
725
+ <span>张京</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。
729
+ 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
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/1190000041618406" target="_blank" title="SVG 绘制自适应的菱形">SVG 绘制自适应的菱形</a>
738
+ <a href="https://segmentfault.com/a/1190000041630286" target="_blank" title="ClickHouse 与 MySQL 数据库适用场景对比总结">ClickHouse 与 MySQL 数据库适用场景对比总结</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>4</span>
749
+ <span>5</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
753
- <span>XboxYan</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/kumfo" title="Programming Language">
753
+ <span>kumfo</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果
757
+ 目前来说，网上有很多相关的资料证明ClickHouse数据库查询响应速度比MySQL快上一百到几百倍。实际上，ClickHouse和MySQL具有不同的应用场景和局限性，最近在研究这个ClickHouse打算应用于大量数据的表来做查询的...
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/1190000041622957" target="_blank" title="【躲过裁员，成功上岸】发现小公司有不好的苗头，赶紧学习！">【躲过裁员，成功上岸】发现小公司有不好的苗头，赶紧学习！</a>
766
+ <a href="https://segmentfault.com/a/1190000041639037" target="_blank" title="元宇宙探索之路">元宇宙探索之路</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -777,12 +777,12 @@
777
777
  <span>4</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
781
- <span>小傅哥</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
781
+ <span>凹凸实验室</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 读者反馈：今年这波裁员有点凶，但在我们公司去年已经有了些不好的苗头，为了不让自己那么拉胯🌶，躲不过各种坑坑洼洼。跟着小傅哥的博客内容补全了自己很多的知识，包括：中间件、字节码、DDD项目、设计模式以及...
785
+ 元宇宙正在如火如荼地发展，大有引领未来潮流之势。对于我们这么专业的（web 前端）团队来说，元宇宙是一个大 (wan) 显 (quan) 身 (bu) 手 (dong) 的领域，因此团队在这方面投入了很多人力进行预研和总结，请随本...
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/1190000041627148" target="_blank" title="VuePress 博客搭建系列 33 篇正式完结！">VuePress 博客搭建系列 33 篇正式完结！</a>
794
+ <a href="https://segmentfault.com/a/1190000041648339" target="_blank" title="从 Redux 说起，到手写，再到状态管理">从 Redux 说起，到手写，再到状态管理</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,15 +802,15 @@
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>3</span>
805
+ <span>2</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
809
- <span>冴羽</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
809
+ <span>山头人汉波</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。
813
+ 单纯的 Redux 只是一个状态机， store 中存放了所有的状态 state，要想改变里面的状态 state，只能 dispatch 一个动作
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/1190000041640643" target="_blank" title="Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊">Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊</a>
822
+ <a href="https://segmentfault.com/a/1190000041631644" target="_blank" title="Flutter/布局：彻底搞懂 Align 是怎么对齐的">Flutter/布局：彻底搞懂 Align 是怎么对齐的</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>6</span>
833
+ <span>3</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
837
- <span>dragonir</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
837
+ <span>deepfunc</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨‍🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移动找到基地获取防辐射服吧！
841
+ 我们在开发中会经常使用 Align 组件来定位子组件的位置。通常使用的是几个常用的相对位置，比如：alignment: Alignment.bottomRight，右下角这种。最近看官方文档关于 alignment: Alignment(x, y) 在 Align 中的...
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/1190000041621553" target="_blank" title="angular异步验证器防抖">angular异步验证器防抖</a>
850
+ <a href="https://segmentfault.com/a/1190000041636103" target="_blank" title="vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)">vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -861,12 +861,12 @@
861
861
  <span>3</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
865
- <span>weiewiyi</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
865
+ <span>铁皮饭盒</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...
869
+ 一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.
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/1190000041622075" target="_blank" title="《与 Rust 勾心斗角》前言">《与 Rust 勾心斗角》前言</a>
878
+ <a href="https://segmentfault.com/a/1190000041635096" target="_blank" title="很多人不知道 v-for 可以这样解构！">很多人不知道 v-for 可以这样解构！</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>4</span>
889
+ <span>2</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/garfileo" title="Programming Language">
893
- <span>garfileo</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
893
+ <span>前端小智</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 此文被人举报，然而举报者似乎都没耐心看一下后面附的文档链接，网站审核人员也不在意那链接。倘若再次被举报，我就不会发后文了……世界不会受到任何损失。
897
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041641164" target="_blank" title="[🔧]前端开发工具推荐">[🔧]前端开发工具推荐</a>
906
+ <a href="https://segmentfault.com/a/1190000041629027" target="_blank" title="带你十天轻松搞定 Go 微服务系列（五）">带你十天轻松搞定 Go 微服务系列（五）</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>8</span>
917
+ <span>3</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
921
- <span>JenK</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
921
+ <span>kevinwan</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...
925
+ 序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务（本文）支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务...
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/1190000041619089" target="_blank" title="Github Actions 实战提高生产力">Github Actions 实战提高生产力</a>
934
+ <a href="https://segmentfault.com/a/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</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>3</span>
945
+ <span>6</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/ichu" title="Programming Language">
949
- <span>小弟调调</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
949
+ <span>卡颂</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- GitHub Action 持续集成服务推出有一段时间了，目前已经免费开放使用，由于个人项目都是放在Github上有点多，使用它来发布、测试、部署，是极大的提高了生产力。
953
+ 大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...
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/1190000041615298" target="_blank" title="@OneToOne、@ManyToOne的具体使用与区别">@OneToOne、@ManyToOne的具体使用与区别</a>
962
+ <a href="https://segmentfault.com/a/1190000041636592" target="_blank" title="OpenHarmony v3.1 Release版本发布">OpenHarmony v3.1 Release版本发布</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -973,12 +973,12 @@
973
973
  <span>3</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
977
- <span>李明</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/openharmony" title="Programming Language">
977
+ <span>OpenHarmony社区</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 在近期的项目中我尝试着把本应用@ManyToOne注解的地方使用@OneToOne注解，本以为进行存储或者查询等操作时会发生错误但是并没有发生任何错误，所有操作都可以正常执行。所以首先我想看一下在数据库中生成的外键是...
981
+ OpenHarmony 3.1 Release版本概述当前版本在OpenHarmony 3.1 Beta的基础上，更新支持以下能力：标准系统基础能力增强本地基础音视频播放能力、视频硬编解码、相机基础预览、拍摄能力。RenderService新渲染框架、2...
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/3 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/6 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>