@wcj/github-rank 22.3.30 → 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 +16023 -16023
  2. package/dist/sifou-daily.json +55 -55
  3. package/dist/sifou-monthly.json +50 -50
  4. package/dist/sifou-weekly.json +114 -105
  5. package/dist/toutiao-30.json +39 -39
  6. package/dist/toutiao-7.json +73 -73
  7. package/dist/toutiao-90.json +32 -32
  8. package/dist/trending-daily.json +168 -168
  9. package/dist/trending-monthly.json +160 -160
  10. package/dist/trending-weekly.json +157 -157
  11. package/dist/users.china.json +1231 -1231
  12. package/dist/users.json +2085 -2085
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +16023 -16023
  16. package/web/data/sifou-daily.json +55 -55
  17. package/web/data/sifou-monthly.json +50 -50
  18. package/web/data/sifou-weekly.json +114 -105
  19. package/web/data/toutiao-30.json +39 -39
  20. package/web/data/toutiao-7.json +73 -73
  21. package/web/data/toutiao-90.json +32 -32
  22. package/web/data/trending-daily.json +168 -168
  23. package/web/data/trending-monthly.json +160 -160
  24. package/web/data/trending-weekly.json +157 -157
  25. package/web/data/users.china.json +1231 -1231
  26. package/web/data/users.json +2085 -2085
  27. package/web/index.html +1161 -1161
  28. package/web/repos.html +2070 -2070
  29. package/web/sifou-daily.html +47 -47
  30. package/web/sifou-monthly.html +80 -80
  31. package/web/sifou-weekly.html +150 -122
  32. package/web/toutiao-30.html +66 -66
  33. package/web/toutiao-7.html +66 -66
  34. package/web/toutiao-90.html +67 -67
  35. package/web/trending-monthly.html +150 -150
  36. package/web/trending-weekly.html +143 -139
  37. package/web/trending.html +145 -153
  38. package/web/users.china.html +646 -646
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/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>20</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/1190000041603598" target="_blank" title="3D 沙盒游戏之避障踩坑和实现之旅">3D 沙盒游戏之避障踩坑和实现之旅</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>12</span>
189
+ <span>14</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/meathill" title="Programming Language">
193
+ <span>Meathill</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/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>13</span>
245
+ <span>9</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/musicfe" title="Programming Language">
249
+ <span>云音乐技术团队</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。
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/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>8</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/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>8</span>
301
+ <span>5</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/robin_ren" title="Programming Language">
305
+ <span>robin</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...
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/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/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>12</span>
357
+ <span>5</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/thomas_5b0e5d1b64584" title="Programming Language">
361
+ <span>江辰</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041600277" target="_blank" title="手把手教你搭建博客">手把手教你搭建博客</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>4</span>
385
+ <span>7</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/yunshu_blog" title="Programming Language">
389
+ <span>云叔_又拍云</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...
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/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
 
@@ -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>6</span>
413
+ <span>5</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/1190000041604918" target="_blank" title="开源码力榜背后的算法模型">开源码力榜背后的算法模型</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -441,12 +441,12 @@
441
441
  <span>5</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/segmentfault" title="Programming Language">
445
+ <span>SegmentFault思否</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
+ 来自 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/1190000041602430" target="_blank" title="OpenShift 与 OpenStack：让云变得更简单">OpenShift 与 OpenStack：让云变得更简单</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
 
@@ -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/xxholic" title="Programming Language">
473
+ <span>XXHolic</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...
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/1190000041604918" target="_blank" title="开源码力榜背后的算法模型">开源码力榜背后的算法模型</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>4</span>
497
+ <span>6</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/binghe001" 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
+ 本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析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/1190000041614746" target="_blank" title="一个支持百万量级的vue3无限滚动组件">一个支持百万量级的vue3无限滚动组件</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>4</span>
525
+ <span>3</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/hms_core" title="Programming Language">
529
+ <span>HMSCore</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 当我们的列表页有几百万条数据的时候应该怎么办呢？分页也许不是最好的体验方式，无限滚动就是解决这种场景更好的技术手段。当用户向下滚动内容时，会自动添加下一页的list组件，加载更多内容。用户无需等待页面...
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/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/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>3</span>
581
+ <span>6</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/alisecued" title="Programming Language">
585
+ <span>ES2049</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
+ 在可视化开发中，无论是二维的 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/1190000041608492" target="_blank" title="【高并发】两种异步模型与深度解析Future接口">【高并发】两种异步模型与深度解析Future接口</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
 
@@ -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/binghe001" title="Programming Language">
613
- <span>冰河</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
- 本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析Future接口和FutureTask类，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小！
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/1190000041607999" target="_blank" title="HMS Core视频编辑服务：AI着色， 忆往昔看今朝">HMS Core视频编辑服务：AI着色， 忆往昔看今朝</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>3</span>
637
+ <span>4</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/fuzhengwei" title="Programming Language">
641
+ <span>小傅哥</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...
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/1190000041597585" target="_blank" title="基于 Stencil 构建 Web Components 组件库">基于 Stencil 构建 Web Components 组件库</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
 
@@ -662,15 +662,15 @@
662
662
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
663
663
  </g>
664
664
  </svg>
665
- <span>4</span>
665
+ <span>3</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/hms_core" title="Programming Language">
669
+ <span>HMSCore</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 「组件化」 一直是前端工程师绕不开的话题，不管是日常业务开发封装业务组件；还是基础设施建设开发UI组件或基础组件；亦或者是 React 、Vue、Angular 等MV*框架，都是秉承着组件作为基础原子概念，所以可以肯定...
673
+ 近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...
674
674
  </div>
675
675
  </div>
676
676
  </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/1190000041573314" target="_blank" title="20多个好用的 Vue 组件库，请查收！">20多个好用的 Vue 组件库，请查收！</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,7 +746,7 @@
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
752
  <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
@@ -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/1190000041621572" target="_blank" title="关于动态表单遇到的一些问题">关于动态表单遇到的一些问题</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/zhaokaiqiang" title="Programming Language">
809
+ <span>小强Zzz</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- NutUI 作为京东风格的组件库，已具备 H5 和多端小程序开发能力。随着业务的不断发展，组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时，单一的京东 APP 视觉虽可以一键进行...
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/1190000041621572" target="_blank" title="关于动态表单遇到的一些问题">关于动态表单遇到的一些问题</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>3</span>
833
+ <span>2</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/jingdongshejizhongxin" title="Programming Language">
837
+ <span>京东设计中心JDC</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
+ 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/1190000041603586" target="_blank" title="WebGL 的 Hello World">WebGL 的 Hello World</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>2</span>
861
+ <span>7</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/ruidoc" title="Programming Language">
865
+ <span>杨成功</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 本文整理自 div 侠于 凹凸 2022 年技术分享，简单介绍了 WebGL 画一个基础图形的流程，希望你了解之后，在使用 3d 渲染库的时候可以少点迷糊。
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/1190000041618406" target="_blank" title="SVG 绘制自适应的菱形">SVG 绘制自适应的菱形</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
 
@@ -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/huixiaodeyanjingzhenmei" title="Programming Language">
893
+ <span>叫我詹躲躲</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果
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/1190000041593877" target="_blank" title="搭建 VuePress 站点必做的 10 个优化">搭建 VuePress 站点必做的 10 个优化</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>3</span>
917
+ <span>2</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/o2team" title="Programming Language">
921
+ <span>凹凸实验室</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...
925
+ 本文整理自 div 侠于 凹凸 2022 年技术分享，简单介绍了 WebGL 画一个基础图形的流程，希望你了解之后，在使用 3d 渲染库的时候可以少点迷糊。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -955,6 +955,34 @@
955
955
  </div>
956
956
  </li>
957
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>
963
+ </div>
964
+ <div class="sub-title followers">
965
+
966
+ <span title="Stargazers Count">
967
+ <svg width="12" height="12" viewBox="0 0 16 16">
968
+ <g fill="none" fill-rule="evenodd">
969
+ <path d="M0 0h16v16H0z"/>
970
+ <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
971
+ </g>
972
+ </svg>
973
+ <span>3</span>
974
+ </span>
975
+ &nbsp;
976
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
977
+ <span>冴羽</span>
978
+ </a>
979
+ </div>
980
+ <div class="details">
981
+ VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。
982
+ </div>
983
+ </div>
984
+ </li>
985
+
958
986
  </ul>
959
987
  <div class="footer">
960
988
  <div>
@@ -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/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>