@wcj/github-rank 22.8.31 → 22.9.3

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 (37) hide show
  1. package/dist/repos.json +34097 -34106
  2. package/dist/sifou-daily.json +6 -105
  3. package/dist/sifou-monthly.json +95 -95
  4. package/dist/sifou-weekly.json +166 -166
  5. package/dist/toutiao-30.json +77 -77
  6. package/dist/toutiao-7.json +115 -115
  7. package/dist/toutiao-90.json +39 -39
  8. package/dist/trending-daily.json +175 -175
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2399 -2399
  12. package/dist/users.json +3546 -3546
  13. package/package.json +1 -1
  14. package/web/data/repos.json +34097 -34106
  15. package/web/data/sifou-daily.json +6 -105
  16. package/web/data/sifou-monthly.json +95 -95
  17. package/web/data/sifou-weekly.json +166 -166
  18. package/web/data/toutiao-30.json +77 -77
  19. package/web/data/toutiao-7.json +115 -115
  20. package/web/data/toutiao-90.json +39 -39
  21. package/web/data/trending-daily.json +175 -175
  22. package/web/data/trending-monthly.json +161 -161
  23. package/web/data/trending-weekly.json +165 -165
  24. package/web/data/users.china.json +2399 -2399
  25. package/web/data/users.json +3546 -3546
  26. package/web/index.html +1891 -1891
  27. package/web/repos.html +3945 -3945
  28. package/web/sifou-daily.html +6 -314
  29. package/web/sifou-monthly.html +127 -127
  30. package/web/sifou-weekly.html +140 -140
  31. package/web/toutiao-30.html +91 -91
  32. package/web/toutiao-7.html +87 -87
  33. package/web/toutiao-90.html +74 -74
  34. package/web/trending-monthly.html +140 -140
  35. package/web/trending-weekly.html +142 -142
  36. package/web/trending.html +152 -152
  37. package/web/users.china.html +1208 -1208
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/8/31 by
119
+ <div class="time">Last cache created on 2022/9/3 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <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"/>
157
157
  </g>
158
158
  </svg>
159
- <span>34</span>
159
+ <span>35</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -184,7 +184,7 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>26</span>
187
+ <span>27</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042251637" target="_blank" title="提升web输入体验！JS 如何自动配对标点符号？">提升web输入体验！JS 如何自动配对标点符号？</a>
204
+ <a href="https://segmentfault.com/a/1190000042283578" target="_blank" title="使用 CSS 构建强大且酷炫的粒子动画">使用 CSS 构建强大且酷炫的粒子动画</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <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"/>
213
213
  </g>
214
214
  </svg>
215
- <span>24</span>
215
+ <span>23</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
- <span>XboxYan</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
219
+ <span>chokcoco</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...
223
+ 当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042283578" target="_blank" title="使用 CSS 构建强大且酷炫的粒子动画">使用 CSS 构建强大且酷炫的粒子动画</a>
232
+ <a href="https://segmentfault.com/a/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -248,7 +248,7 @@
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。
251
+ 本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</a>
260
+ <a href="https://segmentfault.com/a/1190000042272755" target="_blank" title="防御式CSS是什么？这几点属性重点防御！">防御式CSS是什么？这几点属性重点防御！</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <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"/>
269
269
  </g>
270
270
  </svg>
271
- <span>23</span>
271
+ <span>20</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
275
- <span>chokcoco</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
275
+ <span>前端小智</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...
279
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042272755" target="_blank" title="防御式CSS是什么？这几点属性重点防御！">防御式CSS是什么？这几点属性重点防御！</a>
288
+ <a href="https://segmentfault.com/a/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析（四）">可视化拖拽组件库一些技术要点原理分析（四）</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <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"/>
297
297
  </g>
298
298
  </svg>
299
- <span>20</span>
299
+ <span>15</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
303
- <span>前端小智</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
303
+ <span>谭光志</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
307
+ 本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042282658" target="_blank" title="可视化拖拽组件库一些技术要点原理分析（四）">可视化拖拽组件库一些技术要点原理分析（四）</a>
316
+ <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>15</span>
327
+ <span>12</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
331
- <span>谭光志</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
331
+ <span>杨成功</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...
335
+ 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042256837" target="_blank" title="前端构建效率优化之路">前端构建效率优化之路</a>
344
+ <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <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"/>
353
353
  </g>
354
354
  </svg>
355
- <span>19</span>
355
+ <span>9</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
359
- <span>chokcoco</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
359
+ <span>SegmentFault思否</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。
363
+ 中奖名单「极客观点」打卡活动获奖名单公布，快来领奖！思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「...
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！</a>
400
+ <a href="https://segmentfault.com/a/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <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"/>
409
409
  </g>
410
410
  </svg>
411
- <span>9</span>
411
+ <span>10</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
415
- <span>SegmentFault思否</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
415
+ <span>谭光志</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...
419
+ 由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
428
+ <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <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"/>
437
437
  </g>
438
438
  </svg>
439
- <span>10</span>
439
+ <span>16</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
443
- <span>谭光志</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
+ <span>XboxYan</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。
447
+ 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042261453" target="_blank" title="使用前端技术实现静态图片局部流动效果 🌊">使用前端技术实现静态图片局部流动效果 🌊</a>
484
+ <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <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"/>
493
493
  </g>
494
494
  </svg>
495
- <span>10</span>
495
+ <span>13</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
499
- <span>dragonir</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/zhijiajishu" title="Programming Language">
499
+ <span>之家技术</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...
503
+ 知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
512
+ <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <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"/>
521
521
  </g>
522
522
  </svg>
523
- <span>11</span>
523
+ <span>16</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
527
- <span>xiangzhihong</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
527
+ <span>chokcoco</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...
531
+ 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
540
+ <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>12</span>
551
+ <span>11</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
555
- <span>lulu_up</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
555
+ <span>xiangzhihong</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
559
+ 在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</a>
568
+ <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -579,12 +579,12 @@
579
579
  <span>12</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/zhijiajishu" title="Programming Language">
583
- <span>之家技术</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
583
+ <span>lulu_up</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...
587
+ immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042361223" target="_blank" title="妙啊！纯 CSS 实现拼图游戏">妙啊！纯 CSS 实现拼图游戏</a>
596
+ <a href="https://segmentfault.com/a/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <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"/>
605
605
  </g>
606
606
  </svg>
607
- <span>15</span>
607
+ <span>9</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
611
- <span>chokcoco</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
611
+ <span>六一</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...
615
+ 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042386997" target="_blank" title="组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！">组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！</a>
624
+ <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
632
  <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"/>
633
633
  </g>
634
634
  </svg>
635
- <span>9</span>
635
+ <span>6</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
639
- <span>杨成功</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
639
+ <span>六一</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。
643
+ 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042360785" target="_blank" title="自定义计数器小技巧！CSS 实现长按点赞累加动画">自定义计数器小技巧！CSS 实现长按点赞累加动画</a>
652
+ <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <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"/>
661
661
  </g>
662
662
  </svg>
663
- <span>11</span>
663
+ <span>5</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
667
- <span>XboxYan</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
667
+ <span>葡萄城技术团队</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...
671
+ 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
680
+ <a href="https://segmentfault.com/a/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>8</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
695
- <span>胡哥有话说</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
695
+ <span>卡颂</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
699
+ 大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
708
+ <a href="https://segmentfault.com/a/1190000042318738" target="_blank" title="精读《pnpm》">精读《pnpm》</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <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"/>
717
717
  </g>
718
718
  </svg>
719
- <span>6</span>
719
+ <span>10</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
723
- <span>六一</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
723
+ <span>黄子毅</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
727
+ pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
736
+ <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>5</span>
747
+ <span>6</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
751
- <span>葡萄城技术团队</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
751
+ <span>Gopal</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
755
+ 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042307425" target="_blank" title="从 Islands Architecture 看前端有多卷">从 Islands Architecture 看前端有多卷</a>
764
+ <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>8</span>
775
+ <span>6</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
779
- <span>卡颂</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
779
+ <span>冴羽</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...
783
+ 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042318738" target="_blank" title="精读《pnpm》">精读《pnpm》</a>
792
+ <a href="https://segmentfault.com/a/1190000042281991" target="_blank" title="我做了一个在线白板（二）">我做了一个在线白板（二）</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -800,15 +800,15 @@
800
800
  <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"/>
801
801
  </g>
802
802
  </svg>
803
- <span>10</span>
803
+ <span>5</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
807
- <span>黄子毅</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
807
+ <span>街角小林</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。
811
+ 上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
820
+ <a href="https://segmentfault.com/a/1190000042288656" target="_blank" title="使用Vue.js编写命令行界面,前端开发CLI的利器">使用Vue.js编写命令行界面,前端开发CLI的利器</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <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"/>
829
829
  </g>
830
830
  </svg>
831
- <span>6</span>
831
+ <span>4</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
835
- <span>Gopal</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
835
+ <span>null仔</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
839
+ 大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
848
+ <a href="https://segmentfault.com/a/1190000042267983" target="_blank" title="electron 应用开发优秀实践">electron 应用开发优秀实践</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <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"/>
857
857
  </g>
858
858
  </svg>
859
- <span>6</span>
859
+ <span>8</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
863
- <span>冴羽</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
863
+ <span>vivo互联网技术</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
867
+ 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042281991" target="_blank" title="我做了一个在线白板（二）">我做了一个在线白板（二）</a>
876
+ <a href="https://segmentfault.com/a/1190000042280585" target="_blank" title="PHP如何提高高并发能力">PHP如何提高高并发能力</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -887,12 +887,12 @@
887
887
  <span>5</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
891
- <span>街角小林</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
891
+ <span>7small7</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...
895
+ 用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042266784" target="_blank" title="整理了这23个开源项，初学者可以拿来练习！">整理了这23个开源项，初学者可以拿来练习！</a>
904
+ <a href="https://segmentfault.com/a/1190000042367660" target="_blank" title="你不知道的 console，让 JS 调试更简单">你不知道的 console，让 JS 调试更简单</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <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"/>
913
913
  </g>
914
914
  </svg>
915
- <span>7</span>
915
+ <span>9</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
919
- <span>前端小智</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/gaozhipeng" title="Programming Language">
919
+ <span>高志鹏</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
923
+ 对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042288656" target="_blank" title="使用Vue.js编写命令行界面,前端开发CLI的利器">使用Vue.js编写命令行界面,前端开发CLI的利器</a>
932
+ <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <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"/>
941
941
  </g>
942
942
  </svg>
943
- <span>4</span>
943
+ <span>9</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
947
- <span>null仔</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
947
+ <span>lulu_up</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...
951
+ 你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会&#39;卡死&#39;, 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042267983" target="_blank" title="electron 应用开发优秀实践">electron 应用开发优秀实践</a>
960
+ <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -971,12 +971,12 @@
971
971
  <span>8</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
975
- <span>vivo互联网技术</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
975
+ <span>XboxYan</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...
979
+ 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/8/31 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/3 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>