@wcj/github-rank 22.3.28 → 22.3.31

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 +31593 -31594
  2. package/dist/sifou-daily.json +67 -40
  3. package/dist/sifou-monthly.json +92 -92
  4. package/dist/sifou-weekly.json +173 -164
  5. package/dist/toutiao-30.json +90 -90
  6. package/dist/toutiao-7.json +105 -105
  7. package/dist/toutiao-90.json +63 -63
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +160 -160
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +2698 -2698
  12. package/dist/users.json +3932 -3932
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +31593 -31594
  16. package/web/data/sifou-daily.json +67 -40
  17. package/web/data/sifou-monthly.json +92 -92
  18. package/web/data/sifou-weekly.json +173 -164
  19. package/web/data/toutiao-30.json +90 -90
  20. package/web/data/toutiao-7.json +105 -105
  21. package/web/data/toutiao-90.json +63 -63
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +160 -160
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +2698 -2698
  26. package/web/data/users.json +3932 -3932
  27. package/web/index.html +1951 -1951
  28. package/web/repos.html +3962 -3962
  29. package/web/sifou-daily.html +118 -34
  30. package/web/sifou-monthly.html +110 -110
  31. package/web/sifou-weekly.html +164 -136
  32. package/web/toutiao-30.html +98 -98
  33. package/web/toutiao-7.html +74 -74
  34. package/web/toutiao-90.html +80 -80
  35. package/web/trending-monthly.html +144 -144
  36. package/web/trending-weekly.html +142 -146
  37. package/web/trending.html +146 -150
  38. package/web/users.china.html +1350 -1350
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/28 by
119
+ <div class="time">Last cache created on 2022/3/31 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/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</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>17</span>
161
+ <span>12</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/o2team" title="Programming Language">
165
+ <span>凹凸实验室</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：
169
+ 最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。
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/1190000041580205" target="_blank" title="CSS 也能自动补全字符串？">CSS 也能自动补全字符串？</a>
178
+ <a href="https://segmentfault.com/a/1190000041617937" target="_blank" title="2022招聘季｜从招聘方的角度理解求职">2022招聘季｜从招聘方的角度理解求职</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
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>16</span>
189
+ <span>14</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
193
- <span>XboxYan</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
193
+ <span>Meathill</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...
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/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</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>15</span>
217
+ <span>13</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/magebyte" 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
- 用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
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/1190000041598952" target="_blank" title="从0到1教你在AWS中部署动态网站Typecho系统">从0到1教你在AWS中部署动态网站Typecho系统</a>
234
+ <a href="https://segmentfault.com/a/1190000041599576" target="_blank" title="手把手带你走进Babel的编译世界">手把手带你走进Babel的编译世界</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>8</span>
245
+ <span>9</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
249
- <span>沈唁</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
249
+ <span>云音乐技术团队</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。
253
+ 谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...
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/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</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>11</span>
273
+ <span>8</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/o2team" 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
- 最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。
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/1190000041585906" target="_blank" title="Three.js 火焰效果实现艾尔登法环动态logo 🔥">Three.js 火焰效果实现艾尔登法环动态logo 🔥</a>
290
+ <a href="https://segmentfault.com/a/1190000041600277" target="_blank" title="手把手教你搭建博客">手把手教你搭建博客</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>9</span>
301
+ <span>5</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
305
- <span>dragonir</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
305
+ <span>robin</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...
309
+ 由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...
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/1190000041584723" target="_blank" title="面试大厂，手写代码这些就够了，附 codepen 地址！">面试大厂，手写代码这些就够了，附 codepen 地址！</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>10</span>
329
+ <span>12</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xiange" title="Programming Language">
333
- <span>shanyue</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
- Offer 驾到，掘友接招！我正在参与2022春招系列活动-经验复盘，点击查看 活动详情 即算参赛大家好，我是山月。这篇文章也可在我的博客面试路线图进行查看。其中有一个高频问题是：我如何进行编程题目的练习？山月...
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/1190000041587233" target="_blank" title="2022 年最受瞩目的新特性 CSS @layer 到底是个啥？">2022 年最受瞩目的新特性 CSS @layer 到底是个啥？</a>
346
+ <a href="https://segmentfault.com/a/1190000041616895" target="_blank" title="React Router v6 探索">React Router v6 探索</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>8</span>
357
+ <span>5</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
361
- <span>chokcoco</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
361
+ <span>江辰</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。过往 CSS 优先级中存在的问题如果我们的页...
365
+ 前言没事翻了翻 React Router 的文档，发现已推到了 v6.2.2 版本，这个版本做了很大的改动，让我们一起看看吧为什么推出 v6推出 v6 的最大原因是 React Hooks 的出现v6 写的代码要比 v5 代码更加紧凑和优雅我们通...
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/1190000041599576" target="_blank" title="手把手带你走进Babel的编译世界">手把手带你走进Babel的编译世界</a>
374
+ <a href="https://segmentfault.com/a/1190000041602430" target="_blank" title="OpenShift 与 OpenStack：让云变得更简单">OpenShift 与 OpenStack：让云变得更简单</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>8</span>
385
+ <span>7</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
389
- <span>云音乐技术团队</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
389
+ <span>云叔_又拍云</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...
393
+ OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...
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/1190000041584647" target="_blank" title="阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？">阿里三面：灵魂一击——有react fiber，为什么不需要vue fiber呢？</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
 
@@ -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>5</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/qiuzhisijiaoniannian" 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
- 提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程”“一种新的数据结构”“更新时调度机制”等关键词。
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/1190000041578690" target="_blank" title="点击页面元素,这个Vite插件帮我打开了Vue组件 🚀">点击页面元素,这个Vite插件帮我打开了Vue组件 🚀</a>
430
+ <a href="https://segmentfault.com/a/1190000041604918" 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>7</span>
441
+ <span>5</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
445
- <span>null仔</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
445
+ <span>SegmentFault思否</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.
449
+ 来自 X-Lab 的 OpenDigger 团队对 GitHub 开放的归档日志进行分析，筛选出了 2021 全年 GitHub 协作影响力排名前 10,000 的账号，并号召了社区中数十位开发者及十余家合作社区，通过开放式协作共同核实标注信息、...
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/1190000041600277" target="_blank" title="手把手教你搭建博客">手把手教你搭建博客</a>
458
+ <a href="https://segmentfault.com/a/1190000041612644" target="_blank" title="JavaScript WebGL 矩阵">JavaScript WebGL 矩阵</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -469,12 +469,12 @@
469
469
  <span>4</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/robin_ren" title="Programming Language">
473
- <span>robin</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/xxholic" title="Programming Language">
473
+ <span>XXHolic</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...
477
+ 引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...
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/1190000041592406" target="_blank" title="介绍 4个很 Nice 的 Veu 路由过渡动效！">介绍 4个很 Nice 的 Veu 路由过渡动效！</a>
486
+ <a href="https://segmentfault.com/a/1190000041608492" target="_blank" title="【高并发】两种异步模型与深度解析Future接口">【高并发】两种异步模型与深度解析Future接口</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/minnanitkong" title="Programming Language">
501
- <span>前端小智</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/binghe001" title="Programming Language">
501
+ <span>冰河</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
505
+ 本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析Future接口和FutureTask类，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小！
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/1190000041593752" target="_blank" title="Golang 常见设计模式之装饰模式">Golang 常见设计模式之装饰模式</a>
514
+ <a href="https://segmentfault.com/a/1190000041623771" target="_blank" title="拿捏了！这样的购物体验才深得用户心">拿捏了！这样的购物体验才深得用户心</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
523
523
  </g>
524
524
  </svg>
525
- <span>6</span>
525
+ <span>3</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
529
- <span>云叔_又拍云</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
529
+ <span>HMSCore</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...
533
+ 有的时候用户想要一声令下就能看到自己心仪的商品，有的时候用户需要一个智能购物管家来管理自己常用的卡券，甚至还想要在股掌之间、分秒之际就掌握商品全貌信息。对于用户日益丰富的想象力，移动应用开发者能做...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041602430" target="_blank" title="OpenShift 与 OpenStack：让云变得更简单">OpenShift 与 OpenStack：让云变得更简单</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
 
@@ -553,12 +553,12 @@
553
553
  <span>6</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
557
- <span>云叔_又拍云</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
- OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...
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/1190000041579140" target="_blank" title="JVM自定义类加载器在代码扩展性的实践">JVM自定义类加载器在代码扩展性的实践</a>
570
+ <a href="https://segmentfault.com/a/1190000041607875" target="_blank" title="ThreeJS 中线的那些事">ThreeJS 中线的那些事</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>6</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
585
- <span>vivo互联网技术</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
585
+ <span>ES2049</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...
589
+ 在可视化开发中，无论是二维的 canvas 还是三维开发，线条的绘制都是非常常见的，比如绘制城市之间的迁徙图、运动轨迹图等等。不管是在三维还是二维，所有物体都是由点构成、两点构成线、三点构成面。那么在 Thre...
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/1190000041604918" target="_blank" title="开源码力榜背后的算法模型">开源码力榜背后的算法模型</a>
598
+ <a href="https://segmentfault.com/a/1190000041618406" target="_blank" title="SVG 绘制自适应的菱形">SVG 绘制自适应的菱形</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -609,12 +609,12 @@
609
609
  <span>4</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
613
- <span>SegmentFault思否</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
613
+ <span>XboxYan</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 来自 X-Lab 的 OpenDigger 团队对 GitHub 开放的归档日志进行分析，筛选出了 2021 全年 GitHub 协作影响力排名前 10,000 的账号，并号召了社区中数十位开发者及十余家合作社区，通过开放式协作共同核实标注信息、...
617
+ 如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果
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/1190000041585757" target="_blank" title="petite-vue源码剖析-逐行解读@vue/reactivity之reactive">petite-vue源码剖析-逐行解读@vue/reactivity之reactive</a>
626
+ <a href="https://segmentfault.com/a/1190000041622957" 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>2</span>
637
+ <span>4</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/fsjohnhuang" title="Programming Language">
641
- <span>肥仔John</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
641
+ <span>小傅哥</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 在petite-vue中我们通过reactive构建上下文对象，并将根据状态渲染UI的逻辑作为入参传递给effect，然后神奇的事情发生了，当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢？@vue/reactivity功能...
645
+ 读者反馈：今年这波裁员有点凶，但在我们公司去年已经有了些不好的苗头，为了不让自己那么拉胯🌶，躲不过各种坑坑洼洼。跟着小傅哥的博客内容补全了自己很多的知识，包括：中间件、字节码、DDD项目、设计模式以及...
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/1190000041578841" target="_blank" title="SQL CASE 表达式">SQL CASE 表达式</a>
654
+ <a href="https://segmentfault.com/a/1190000041607999" target="_blank" title="HMS Core视频编辑服务：AI着色， 忆往昔看今朝">HMS Core视频编辑服务：AI着色， 忆往昔看今朝</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/aoyangyudakong" title="Programming Language">
669
- <span>黄子毅</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
669
+ <span>HMSCore</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 明显可以看出，简单表达式只是搜索表达式 a = b 的特例，因为无法书写任何符号，只要条件换成 a &gt; b 就无法胜任了，而搜索表达式不但可以轻松胜任，甚至可以写聚合函数。
673
+ 近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...
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/1190000041598372" target="_blank" title="Java18的新特性">Java18的新特性</a>
682
+ <a href="https://segmentfault.com/a/1190000041608723" target="_blank" title="项目开发中对成长的一些思考">项目开发中对成长的一些思考</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
691
691
  </g>
692
692
  </svg>
693
- <span>3</span>
693
+ <span>4</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/codecraft" title="Programming Language">
697
- <span>codecraft</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/heweixiao" title="Programming Language">
697
+ <span>heweixiao</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...
701
+ 写作目的希望通过这次分享能够让大家更好的去独立进行项目开发，或者是带着团队一起去完成项目的开发，并且在这过程中都有成长。前言项目总有做完的时候，就是看有没有做对，做成。除了关注项目本身之外，还需要...
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/1190000041583641" target="_blank" title="用简单的代码描述Angular父组件、子组件传值">用简单的代码描述Angular父组件、子组件传值</a>
710
+ <a href="https://segmentfault.com/a/1190000041621553" target="_blank" title="angular异步验证器防抖">angular异步验证器防抖</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/liuyuxuan6666" title="Programming Language">
725
- <span>LYX6666</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
725
+ <span>weiewiyi</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 其中①就是选择器，就是告诉别的组件，如果想调用我这个组件，就要使用本组件的选择器&lt;selectorName&gt;&lt;/selectorName&gt;来调用。
729
+ 背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...
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/1190000041578818" target="_blank" title="Go 1.18 新特性多模块工作区教程-让多模块开发变得简单">Go 1.18 新特性多模块工作区教程-让多模块开发变得简单</a>
738
+ <a href="https://segmentfault.com/a/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</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>3</span>
749
+ <span>7</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/link1st" title="Programming Language">
753
- <span>link1st</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
753
+ <span>前端小智</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 随着 2022 年 3 月 15 日 go 1.18 正式发布，新版本除了对性能的提升之外，还引入了很多新功能，其中就有 go 期盼已久的功能泛型(Generics)，同时还引入的多模块工作区(Workspaces)和模糊测试(Fuzzing)。
757
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041612644" target="_blank" title="JavaScript WebGL 矩阵">JavaScript WebGL 矩阵</a>
766
+ <a href="https://segmentfault.com/a/1190000041615298" target="_blank" title="@OneToOne、@ManyToOne的具体使用与区别">@OneToOne、@ManyToOne的具体使用与区别</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
774
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
775
775
  </g>
776
776
  </svg>
777
- <span>4</span>
777
+ <span>3</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/xxholic" title="Programming Language">
781
- <span>XXHolic</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
781
+ <span>李明</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...
785
+ 在近期的项目中我尝试着把本应用@ManyToOne注解的地方使用@OneToOne注解，本以为进行存储或者查询等操作时会发生错误但是并没有发生任何错误，所有操作都可以正常执行。所以首先我想看一下在数据库中生成的外键是...
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/1190000041583811" target="_blank" title="angular动态表单">angular动态表单</a>
794
+ <a href="https://segmentfault.com/a/1190000041621572" target="_blank" title="关于动态表单遇到的一些问题">关于动态表单遇到的一些问题</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -810,7 +810,7 @@
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务...
813
+ 在编写项目时，照着前几天的实验demo写，viemContainerRef.createComponent&lt;A&gt;(B),B是A接口的实现类，但是在这里B却报错了，一开始没仔细看报错详细信息，以为是B对A的继承关系有问题，但是检查了后并没有...
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/1190000041581466" target="_blank" title="Java系列 | 远程热部署在美团的落地实践">Java系列 | 远程热部署在美团的落地实践</a>
822
+ <a href="https://segmentfault.com/a/1190000041606961" target="_blank" title="提升组件库通用能力 - NutUI 在线主题定制功能探索">提升组件库通用能力 - NutUI 在线主题定制功能探索</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>4</span>
833
+ <span>2</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
837
- <span>美团技术团队</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
837
+ <span>京东设计中心JDC</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- Sonic是美团内部研发设计的一款用于热部署的IDEA插件，本文其实现原理及落地的一些技术细节。在阅读本文之前，建议大家先熟悉一下Spring源码、Spring MVC 源码 、Spring Boot源码 、Agent字节码增强、Javassist、...
841
+ NutUI 作为京东风格的组件库，已具备 H5 和多端小程序开发能力。随着业务的不断发展，组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时，单一的京东 APP 视觉虽可以一键进行...
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/1190000041597585" target="_blank" title="基于 Stencil 构建 Web Components 组件库">基于 Stencil 构建 Web Components 组件库</a>
850
+ <a href="https://segmentfault.com/a/1190000041627230" target="_blank" title="大裁员下，程序员如何做副业？">大裁员下，程序员如何做副业？</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>4</span>
861
+ <span>7</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/qzuser_584786517d31a" title="Programming Language">
865
- <span>SuperX</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
865
+ <span>杨成功</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 「组件化」 一直是前端工程师绕不开的话题，不管是日常业务开发封装业务组件；还是基础设施建设开发UI组件或基础组件；亦或者是 React 、Vue、Angular 等MV*框架，都是秉承着组件作为基础原子概念，所以可以肯定...
869
+ 前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。
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/1190000041581330" target="_blank" title="即学即会：初识 Serverless 架构">即学即会：初识 Serverless 架构</a>
878
+ <a href="https://segmentfault.com/a/1190000041612679" target="_blank" title="【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页">【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页</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>2</span>
889
+ <span>3</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/jiang_5f3236dd7afd1" title="Programming Language">
893
- <span>Serverless</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/huixiaodeyanjingzhenmei" title="Programming Language">
893
+ <span>叫我詹躲躲</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 2009 年，UC Berkeley发表了：Above the Clouds: A Berkeley View of Cloud Computing 一文，在该文章中首次对云计算做出定义：云计算包含互联网上的应用服务及在数据中心提供这些服务的软硬件设施。居诸不息，随...
897
+ 分页主要字段包括 pageSize 每页条数、pageNum 第几页、startRow 当前开始页编号、endRow 当前结束页编号、total 总数量。主要是根据前端分页的参数，进行处理后，返回前端正确的数据，其实是一个很常见且简单的...
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/1190000041565099" target="_blank" title="发福利啦！史上最全颜色收集网站，我要给你“好看”！">发福利啦！史上最全颜色收集网站，我要给你“好看”！</a>
906
+ <a href="https://segmentfault.com/a/1190000041603586" target="_blank" title="WebGL 的 Hello World">WebGL 的 Hello World</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>9</span>
917
+ <span>2</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
921
- <span>前端小智</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
921
+ <span>凹凸实验室</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
925
+ 本文整理自 div 侠于 凹凸 2022 年技术分享，简单介绍了 WebGL 画一个基础图形的流程，希望你了解之后，在使用 3d 渲染库的时候可以少点迷糊。
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/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</a>
934
+ <a href="https://segmentfault.com/a/1190000041614879" target="_blank" title="曝苹果计划推出硬件订阅服务；Linux 5.17 发布；Firefox 将支持 AV1 硬件加速 | 思否周刊">曝苹果计划推出硬件订阅服务；Linux 5.17 发布；Firefox 将支持 AV1 硬件加速 | 思否周刊</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>2</span>
946
+ </span>
947
+ &nbsp;
948
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
949
+ <span>snakesss</span>
950
+ </a>
951
+ </div>
952
+ <div class="details">
953
+ 40s 新闻速递Rust代码占到了Firefox项目的近十分之一苹果回应两天内两次宕机：部分服务受影响，现已得到解决Android短信和电话应用都会悄悄向Google发送数据曝苹果计划推出硬件订阅服务：按月租用 iPhone 手机、...
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/1190000041627148" target="_blank" title="VuePress 博客搭建系列 33 篇正式完结！">VuePress 博客搭建系列 33 篇正式完结！</a>
935
963
  </div>
936
964
  <div class="sub-title followers">
937
965
 
@@ -950,7 +978,7 @@
950
978
  </a>
951
979
  </div>
952
980
  <div class="details">
953
- 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...
981
+ VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。
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/28 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/3/31 by Github API v3.</div>
975
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
976
1004
  </div>
977
1005
  </body>