@wcj/github-rank 22.3.30 → 22.4.2

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 +28781 -28782
  2. package/dist/sifou-daily.json +100 -55
  3. package/dist/sifou-monthly.json +85 -85
  4. package/dist/sifou-weekly.json +155 -146
  5. package/dist/toutiao-30.json +90 -90
  6. package/dist/toutiao-7.json +121 -121
  7. package/dist/toutiao-90.json +48 -48
  8. package/dist/trending-daily.json +172 -172
  9. package/dist/trending-monthly.json +163 -174
  10. package/dist/trending-weekly.json +171 -171
  11. package/dist/users.china.json +2728 -2729
  12. package/dist/users.json +3408 -3408
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +28781 -28782
  16. package/web/data/sifou-daily.json +100 -55
  17. package/web/data/sifou-monthly.json +85 -85
  18. package/web/data/sifou-weekly.json +155 -146
  19. package/web/data/toutiao-30.json +90 -90
  20. package/web/data/toutiao-7.json +121 -121
  21. package/web/data/toutiao-90.json +48 -48
  22. package/web/data/trending-daily.json +172 -172
  23. package/web/data/trending-monthly.json +163 -174
  24. package/web/data/trending-weekly.json +171 -171
  25. package/web/data/users.china.json +2728 -2729
  26. package/web/data/users.json +3408 -3408
  27. package/web/index.html +1763 -1763
  28. package/web/repos.html +3639 -3639
  29. package/web/sifou-daily.html +187 -47
  30. package/web/sifou-monthly.html +101 -101
  31. package/web/sifou-weekly.html +163 -135
  32. package/web/toutiao-30.html +99 -99
  33. package/web/toutiao-7.html +77 -77
  34. package/web/toutiao-90.html +75 -75
  35. package/web/trending-monthly.html +143 -177
  36. package/web/trending-weekly.html +150 -146
  37. package/web/trending.html +158 -142
  38. package/web/users.china.html +1331 -1331
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/3/30 by
119
+ <div class="time">Last cache created on 2022/4/2 by
120
120
 
121
121
 
122
122
 
@@ -147,7 +147,7 @@
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/1190000041592141" target="_blank" title="一个小厂前端 Leader 如何筛选候选人？">一个小厂前端 Leader 如何筛选候选人？</a>
150
+ <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
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>20</span>
161
+ <span>14</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
165
- <span>杨成功</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
165
+ <span>Meathill</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
169
+ 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -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/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</a>
178
+ <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做“副业”？">大裁员下，程序员如何做“副业”？</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -189,12 +189,12 @@
189
189
  <span>12</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
193
- <span>凹凸实验室</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
193
+ <span>杨成功</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。
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/1190000041598952" target="_blank" title="从0到1教你在AWS中部署动态网站Typecho系统">从0到1教你在AWS中部署动态网站Typecho系统</a>
206
+ <a href="https://segmentfault.com/a/1190000041617101" target="_blank" title="金三银四了，掌握 JS 这 36 个概念，助你一臂之力">金三银四了，掌握 JS 这 36 个概念，助你一臂之力</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>9</span>
217
+ <span>13</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
221
- <span>沈唁</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
221
+ <span>前端小智</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。
225
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
234
+ <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</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>11</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
249
- <span>Meathill</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
249
+ <span>前端小智</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
253
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041617101" target="_blank" title="金三银四了，掌握 JS 这 36 个概念，助你一臂之力">金三银四了，掌握 JS 这 36 个概念，助你一臂之力</a>
262
+ <a href="https://segmentfault.com/a/1190000041619491" target="_blank" title="一道有意思的 CSS 面试题，FizzBu​​zz ~">一道有意思的 CSS 面试题，FizzBu​​zz ~</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>13</span>
273
+ <span>9</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/chokcoco" title="Programming Language">
277
+ <span>chokcoco</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
281
+ FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...
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/1190000041599576" target="_blank" title="手把手带你走进Babel的编译世界">手把手带你走进Babel的编译世界</a>
290
+ <a href="https://segmentfault.com/a/1190000041634339" target="_blank" title="Offer 提速：如何写出有亮点的简历">Offer 提速：如何写出有亮点的简历</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>8</span>
301
+ <span>10</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
305
- <span>云音乐技术团队</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/fanwenjie" title="Programming Language">
305
+ <span>范文杰</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...
309
+ 声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。
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/1190000041619491" target="_blank" title="一道有意思的 CSS 面试题，FizzBu​​zz ~">一道有意思的 CSS 面试题，FizzBu​​zz ~</a>
318
+ <a href="https://segmentfault.com/a/1190000041565099" target="_blank" title="发福利啦！史上最全颜色收集网站，我要给你“好看”！">发福利啦！史上最全颜色收集网站，我要给你“好看”！</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>8</span>
329
+ <span>12</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
333
- <span>chokcoco</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
333
+ <span>前端小智</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...
337
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041565099" target="_blank" title="发福利啦！史上最全颜色收集网站，我要给你“好看”！">发福利啦！史上最全颜色收集网站，我要给你“好看”！</a>
346
+ <a href="https://segmentfault.com/a/1190000041631055" target="_blank" title="悲报， GIF 之父因新冠去世">悲报， GIF 之父因新冠去世</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>12</span>
357
+ <span>6</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
361
- <span>前端小智</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
361
+ <span>云叔_又拍云</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
365
+ 今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。
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/1190000041600277" target="_blank" title="手把手教你搭建博客">手把手教你搭建博客</a>
374
+ <a href="https://segmentfault.com/a/1190000041616895" target="_blank" title="React Router v6 探索">React Router v6 探索</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>4</span>
385
+ <span>6</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
389
- <span>robin</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
389
+ <span>江辰</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...
393
+ 前言没事翻了翻 React Router 的文档，发现已推到了 v6.2.2 版本，这个版本做了很大的改动，让我们一起看看吧为什么推出 v6推出 v6 的最大原因是 React Hooks 的出现v6 写的代码要比 v5 代码更加紧凑和优雅我们通...
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/1190000041593752" target="_blank" title="Golang 常见设计模式之装饰模式">Golang 常见设计模式之装饰模式</a>
402
+ <a href="https://segmentfault.com/a/1190000041614746" target="_blank" title="一个支持百万量级的vue3无限滚动组件">一个支持百万量级的vue3无限滚动组件</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -413,12 +413,12 @@
413
413
  <span>6</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
417
- <span>云叔_又拍云</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
417
+ <span>TNTWEB</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...
421
+ 当我们的列表页有几百万条数据的时候应该怎么办呢？分页也许不是最好的体验方式，无限滚动就是解决这种场景更好的技术手段。当用户向下滚动内容时，会自动添加下一页的list组件，加载更多内容。用户无需等待页面...
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/1190000041616895" target="_blank" title="React Router v6 探索">React Router v6 探索</a>
430
+ <a href="https://segmentfault.com/a/1190000041628824" target="_blank" title="2022招聘季｜前端工作中需要掌握的 15 个函数">2022招聘季｜前端工作中需要掌握的 15 个函数</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>5</span>
441
+ <span>6</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
445
- <span>江辰</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/wscats" title="Programming Language">
445
+ <span>wscats</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 前言没事翻了翻 React Router 的文档，发现已推到了 v6.2.2 版本，这个版本做了很大的改动，让我们一起看看吧为什么推出 v6推出 v6 的最大原因是 React Hooks 的出现v6 写的代码要比 v5 代码更加紧凑和优雅我们通...
449
+ 随机排列数组使用 sort 和 random 方法对数组进行乱序排列非常常用。 {代码...} 检查日期是否有效使用以下代码段检查给定的日期是否有效。 {代码...} 复制到剪贴板将任何文本复制到剪贴板 navigator.clipboard.wr...
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/1190000041602430" target="_blank" title="OpenShift 与 OpenStack：让云变得更简单">OpenShift 与 OpenStack：让云变得更简单</a>
458
+ <a href="https://segmentfault.com/a/1190000041634906" target="_blank" title="Go 1.18 泛型全面讲解：一篇讲清泛型的全部">Go 1.18 泛型全面讲解：一篇讲清泛型的全部</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>6</span>
469
+ <span>4</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
473
- <span>云叔_又拍云</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/wonderfulsoap" title="Programming Language">
473
+ <span>WonderfulSoap</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...
477
+ 可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...
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/1190000041604918" target="_blank" title="开源码力榜背后的算法模型">开源码力榜背后的算法模型</a>
486
+ <a href="https://segmentfault.com/a/1190000041633336" target="_blank" title="冴羽答读者问：30 岁了， 现在开始努力，晚吗？">冴羽答读者问：30 岁了， 现在开始努力，晚吗？</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>4</span>
497
+ <span>5</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
501
- <span>SegmentFault思否</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
501
+ <span>冴羽</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 来自 X-Lab 的 OpenDigger 团队对 GitHub 开放的归档日志进行分析，筛选出了 2021 全年 GitHub 协作影响力排名前 10,000 的账号，并号召了社区中数十位开发者及十余家合作社区，通过开放式协作共同核实标注信息、...
505
+ “The best time to plant a tree is 20 years ago. The second-best time is now.”
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/1190000041614746" target="_blank" title="一个支持百万量级的vue3无限滚动组件">一个支持百万量级的vue3无限滚动组件</a>
514
+ <a href="https://segmentfault.com/a/1190000041612644" target="_blank" title="JavaScript WebGL 矩阵">JavaScript WebGL 矩阵</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -525,12 +525,12 @@
525
525
  <span>4</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
529
- <span>TNTWEB</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/xxholic" title="Programming Language">
529
+ <span>XXHolic</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 当我们的列表页有几百万条数据的时候应该怎么办呢？分页也许不是最好的体验方式，无限滚动就是解决这种场景更好的技术手段。当用户向下滚动内容时，会自动添加下一页的list组件，加载更多内容。用户无需等待页面...
533
+ 引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...
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/1190000041612644" target="_blank" title="JavaScript WebGL 矩阵">JavaScript WebGL 矩阵</a>
542
+ <a href="https://segmentfault.com/a/1190000041623387" target="_blank" title="vivo 商品中台的可视化微前端实践">vivo 商品中台的可视化微前端实践</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>4</span>
553
+ <span>6</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/xxholic" title="Programming Language">
557
- <span>XXHolic</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
557
+ <span>vivo互联网技术</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...
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/1190000041598372" target="_blank" title="Java18的新特性">Java18的新特性</a>
570
+ <a href="https://segmentfault.com/a/1190000041623771" target="_blank" title="拿捏了！这样的购物体验才深得用户心">拿捏了！这样的购物体验才深得用户心</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -581,12 +581,12 @@
581
581
  <span>3</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/codecraft" title="Programming Language">
585
- <span>codecraft</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
585
+ <span>HMSCore</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...
589
+ 有的时候用户想要一声令下就能看到自己心仪的商品，有的时候用户需要一个智能购物管家来管理自己常用的卡券，甚至还想要在股掌之间、分秒之际就掌握商品全貌信息。对于用户日益丰富的想象力，移动应用开发者能做...
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/1190000041608492" target="_blank" title="【高并发】两种异步模型与深度解析Future接口">【高并发】两种异步模型与深度解析Future接口</a>
598
+ <a href="https://segmentfault.com/a/1190000041625821" target="_blank" title="如何添加 babel polyfill?">如何添加 babel polyfill?</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>3</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/binghe001" title="Programming Language">
613
- <span>冰河</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc" title="Programming Language">
613
+ <span>时倾</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析Future接口和FutureTask类，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小！
617
+ 由于 Babel 7.4 之后不再推荐使用 @babel/polyfill，而 @babel/preset-env 和 plugin-transform-runtime 二者都可以设置 corejs 来处理 polyfill。
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/1190000041607999" target="_blank" title="HMS Core视频编辑服务：AI着色， 忆往昔看今朝">HMS Core视频编辑服务：AI着色， 忆往昔看今朝</a>
626
+ <a href="https://segmentfault.com/a/1190000041617815" target="_blank" title="什么是 LFU 算法？">什么是 LFU 算法？</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -637,12 +637,12 @@
637
637
  <span>3</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/shenfq" title="Programming Language">
641
+ <span>Shenfq</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...
645
+ 上次的文章介绍了 LRU 算法，今天打算来介绍一下 LFU 算法。在上篇文章中有提到， LFU（Least frequently used：最少使用）算法与 LRU 算法只是在淘汰策略上有所不同，LRU 倾向于保留最近有使用的数据，而 LFU 倾...
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/1190000041597585" target="_blank" title="基于 Stencil 构建 Web Components 组件库">基于 Stencil 构建 Web Components 组件库</a>
654
+ <a href="https://segmentfault.com/a/1190000041618742" target="_blank" title="换个数据结构，一不小心节约了 591 台机器！">换个数据结构，一不小心节约了 591 台机器！</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -665,12 +665,12 @@
665
665
  <span>4</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/qzuser_584786517d31a" title="Programming Language">
669
- <span>SuperX</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
669
+ <span>why技术</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 「组件化」 一直是前端工程师绕不开的话题，不管是日常业务开发封装业务组件；还是基础设施建设开发UI组件或基础组件；亦或者是 React 、Vue、Angular 等MV*框架，都是秉承着组件作为基础原子概念，所以可以肯定...
673
+ 你好呀，我是歪歪。前段时间，我在 B 站上看到一个技术视频，题目叫做《机票报价高并发场景下的一些解决方案》。up 主是 Qunar技术大本营，也就是我们耳熟能详的“去哪儿”。视频链接在这里：[链接]当时其实我是被...
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/1190000041608723" target="_blank" title="项目开发中对成长的一些思考">项目开发中对成长的一些思考</a>
682
+ <a href="https://segmentfault.com/a/1190000041618406" target="_blank" title="SVG 绘制自适应的菱形">SVG 绘制自适应的菱形</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>4</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/heweixiao" title="Programming Language">
697
- <span>heweixiao</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
697
+ <span>XboxYan</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 写作目的希望通过这次分享能够让大家更好的去独立进行项目开发，或者是带着团队一起去完成项目的开发，并且在这过程中都有成长。前言项目总有做完的时候，就是看有没有做对，做成。除了关注项目本身之外，还需要...
701
+ 如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果
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/1190000041621553" target="_blank" title="angular异步验证器防抖">angular异步验证器防抖</a>
710
+ <a href="https://segmentfault.com/a/1190000041622957" target="_blank" title="【躲过裁员，成功上岸】发现小公司有不好的苗头，赶紧学习！">【躲过裁员，成功上岸】发现小公司有不好的苗头，赶紧学习！</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
718
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
719
719
  </g>
720
720
  </svg>
721
- <span>3</span>
721
+ <span>4</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
725
- <span>weiewiyi</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
725
+ <span>小傅哥</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...
729
+ 读者反馈：今年这波裁员有点凶，但在我们公司去年已经有了些不好的苗头，为了不让自己那么拉胯🌶，躲不过各种坑坑洼洼。跟着小傅哥的博客内容补全了自己很多的知识，包括：中间件、字节码、DDD项目、设计模式以及...
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/1190000041562142" target="_blank" title="求助，这几道面试题有些我回答不出来了">求助，这几道面试题有些我回答不出来了</a>
738
+ <a href="https://segmentfault.com/a/1190000041629707" target="_blank" title="React18正式版发布，未来发展趋势是？">React18正式版发布，未来发展趋势是？</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -749,12 +749,12 @@
749
749
  <span>3</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
753
- <span>前端小智</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
753
+ <span>卡颂</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
757
+ 从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。
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/1190000041615298" target="_blank" title="@OneToOne、@ManyToOne的具体使用与区别">@OneToOne、@ManyToOne的具体使用与区别</a>
766
+ <a href="https://segmentfault.com/a/1190000041627148" target="_blank" title="VuePress 博客搭建系列 33 篇正式完结！">VuePress 博客搭建系列 33 篇正式完结！</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -777,12 +777,12 @@
777
777
  <span>3</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
781
- <span>李明</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
781
+ <span>冴羽</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 在近期的项目中我尝试着把本应用@ManyToOne注解的地方使用@OneToOne注解，本以为进行存储或者查询等操作时会发生错误但是并没有发生任何错误，所有操作都可以正常执行。所以首先我想看一下在数据库中生成的外键是...
785
+ VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。
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/1190000041606961" target="_blank" title="提升组件库通用能力 - NutUI 在线主题定制功能探索">提升组件库通用能力 - NutUI 在线主题定制功能探索</a>
794
+ <a href="https://segmentfault.com/a/1190000041621553" target="_blank" title="angular异步验证器防抖">angular异步验证器防抖</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>2</span>
805
+ <span>3</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
809
- <span>京东设计中心JDC</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
809
+ <span>weiewiyi</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- NutUI 作为京东风格的组件库，已具备 H5 和多端小程序开发能力。随着业务的不断发展，组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时，单一的京东 APP 视觉虽可以一键进行...
813
+ 背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...
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/1190000041621572" target="_blank" title="关于动态表单遇到的一些问题">关于动态表单遇到的一些问题</a>
822
+ <a href="https://segmentfault.com/a/1190000041615298" target="_blank" title="@OneToOne、@ManyToOne的具体使用与区别">@OneToOne、@ManyToOne的具体使用与区别</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -833,12 +833,12 @@
833
833
  <span>3</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
837
- <span>小强Zzz</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
837
+ <span>李明</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 在编写项目时，照着前几天的实验demo写，viemContainerRef.createComponent&lt;A&gt;(B),B是A接口的实现类，但是在这里B却报错了，一开始没仔细看报错详细信息，以为是B对A的继承关系有问题，但是检查了后并没有...
841
+ 在近期的项目中我尝试着把本应用@ManyToOne注解的地方使用@OneToOne注解，本以为进行存储或者查询等操作时会发生错误但是并没有发生任何错误，所有操作都可以正常执行。所以首先我想看一下在数据库中生成的外键是...
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/1190000041603586" target="_blank" title="WebGL 的 Hello World">WebGL 的 Hello World</a>
850
+ <a href="https://segmentfault.com/a/1190000041619089" target="_blank" title="Github Actions 实战提高生产力">Github Actions 实战提高生产力</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>2</span>
861
+ <span>3</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
865
- <span>凹凸实验室</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/ichu" title="Programming Language">
865
+ <span>小弟调调</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 本文整理自 div 侠于 凹凸 2022 年技术分享，简单介绍了 WebGL 画一个基础图形的流程，希望你了解之后，在使用 3d 渲染库的时候可以少点迷糊。
869
+ GitHub Action 持续集成服务推出有一段时间了，目前已经免费开放使用，由于个人项目都是放在Github上有点多，使用它来发布、测试、部署，是极大的提高了生产力。
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/1190000041618406" target="_blank" title="SVG 绘制自适应的菱形">SVG 绘制自适应的菱形</a>
878
+ <a href="https://segmentfault.com/a/1190000041621572" target="_blank" title="关于动态表单遇到的一些问题">关于动态表单遇到的一些问题</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -889,12 +889,12 @@
889
889
  <span>3</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
893
- <span>XboxYan</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
893
+ <span>小强Zzz</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果
897
+ 在编写项目时，照着前几天的实验demo写，viemContainerRef.createComponent&lt;A&gt;(B),B是A接口的实现类，但是在这里B却报错了，一开始没仔细看报错详细信息，以为是B对A的继承关系有问题，但是检查了后并没有...
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/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
906
+ <a href="https://segmentfault.com/a/1190000041623110" target="_blank" title="几个 iOS 端底层网络问题">几个 iOS 端底层网络问题</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -917,12 +917,12 @@
917
917
  <span>3</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
921
- <span>冴羽</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/fantasticbaby" title="Programming Language">
921
+ <span>fantasticbaby</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...
925
+ 典型案例1. Socket 断开后会收到 SIGPIPE 类型的信号，如果不处理会 crash同事问了我一个问题，说收到一个 crash 信息，去 mpaas 平台看到如下的 crash 信息看了代码，显示在某某文件的313行代码，代码如下Socket...
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,35 @@
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/1190000041614879" target="_blank" title="曝苹果计划推出硬件订阅服务；Linux 5.17 发布；Firefox 将支持 AV1 硬件加速 | 思否周刊">曝苹果计划推出硬件订阅服务；Linux 5.17 发布；Firefox 将支持 AV1 硬件加速 | 思否周刊</a>
934
+ <a href="https://segmentfault.com/a/1190000041629132" target="_blank" title="kratos分布式事务实践">kratos分布式事务实践</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>3</span>
946
+ </span>
947
+ &nbsp;
948
+ <a target="_blank" href="https://segmentfault.com/u/yedongfu" title="Programming Language">
949
+ <span>叶东富</span>
950
+ </a>
951
+ </div>
952
+ <div class="details">
953
+ 当我们需要跨服务保证数据一致性时，原先的数据库事务力不从心，无法将跨库、跨服务的多个操作放在一个事务中。这样的应用场景非常多，我们可以列举出很多：
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/1190000041612679" target="_blank" title="【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页">【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页</a>
935
963
  </div>
936
964
  <div class="sub-title followers">
937
965
 
@@ -942,15 +970,15 @@
942
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"/>
943
971
  </g>
944
972
  </svg>
945
- <span>2</span>
973
+ <span>3</span>
946
974
  </span>
947
975
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
949
- <span>snakesss</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
977
+ <span>叫我詹躲躲</span>
950
978
  </a>
951
979
  </div>
952
980
  <div class="details">
953
- 40s 新闻速递Rust代码占到了Firefox项目的近十分之一苹果回应两天内两次宕机：部分服务受影响，现已得到解决Android短信和电话应用都会悄悄向Google发送数据曝苹果计划推出硬件订阅服务：按月租用 iPhone 手机、...
981
+ 分页主要字段包括 pageSize 每页条数、pageNum 第几页、startRow 当前开始页编号、endRow 当前结束页编号、total 总数量。主要是根据前端分页的参数，进行处理后，返回前端正确的数据，其实是一个很常见且简单的...
954
982
  </div>
955
983
  </div>
956
984
  </li>
@@ -971,7 +999,7 @@
971
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
972
1000
  </a>
973
1001
  </div>
974
- <div class="time">Last cache created on 2022/3/30 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/2 by Github API v3.</div>
975
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
976
1004
  </div>
977
1005
  </body>