@wcj/github-rank 22.10.22 → 22.10.23

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.
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/10/22 by
119
+ <div class="time">Last cache created on 2022/10/23 by
120
120
 
121
121
 
122
122
 
@@ -240,7 +240,7 @@
240
240
  <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"/>
241
241
  </g>
242
242
  </svg>
243
- <span>12</span>
243
+ <span>13</span>
244
244
  </span>
245
245
  &nbsp;
246
246
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -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/1190000042627779" target="_blank" title="喜获 Code for Better _ Hackathon 二等奖,简单复盘 &amp; 礼物返图">喜获 Code for Better _ Hackathon 二等奖,简单复盘 &amp; 礼物返图</a>
260
+ <a href="https://segmentfault.com/a/1190000042643627" target="_blank" title="利用思否猫素材实现一个连连看小游戏">利用思否猫素材实现一个连连看小游戏</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -271,12 +271,12 @@
271
271
  <span>8</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
275
- <span>Meathill</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
275
+ <span>夕水</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 2022 年 9 月 16 日,以 CODE FOR BETTER_ 为主题,以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力,为心中所期待的美好生活,挑战开...
279
+ vue3实现一个思否猫连连看小游戏本文参与了1024程序员节,欢迎正在阅读的你也加入。通过本文,你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果,一些canvas的...
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/1190000042643627" target="_blank" title="利用思否猫素材实现一个连连看小游戏">利用思否猫素材实现一个连连看小游戏</a>
288
+ <a href="https://segmentfault.com/a/1190000042558270" target="_blank" title="你不知道的JavaScript APIs">你不知道的JavaScript APIs</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>8</span>
299
+ <span>4</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
303
- <span>夕水</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
303
+ <span>前端小智</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- vue3实现一个思否猫连连看小游戏本文参与了1024程序员节,欢迎正在阅读的你也加入。通过本文,你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果,一些canvas的...
307
+ 本文首发于微信公众号:大迁世界, 我的微信:qq449245884,我会第一时间和你分享前端行业趋势,学习途径等等。更多开源作品请看 GitHub [链接] ,包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042558270" target="_blank" title="你不知道的JavaScript APIs">你不知道的JavaScript APIs</a>
316
+ <a href="https://segmentfault.com/a/1190000042656728" target="_blank" title="React + Springboot + Quartz,从0实现Excel报表自动化">React + Springboot + Quartz,从0实现Excel报表自动化</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>4</span>
327
+ <span>3</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
331
- <span>前端小智</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
331
+ <span>葡萄城技术团队</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 本文首发于微信公众号:大迁世界, 我的微信:qq449245884,我会第一时间和你分享前端行业趋势,学习途径等等。更多开源作品请看 GitHub [链接] ,包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042656728" target="_blank" title="React + Springboot + Quartz,从0实现Excel报表自动化">React + Springboot + Quartz,从0实现Excel报表自动化</a>
344
+ <a href="https://segmentfault.com/a/1190000042661646" target="_blank" title="利用思否猫素材实现一个丝滑的轮播图(html + css + js)">利用思否猫素材实现一个丝滑的轮播图(html + css + js)</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>2</span>
355
+ <span>3</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
359
- <span>葡萄城技术团队</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
359
+ <span>夕水</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 企业日常工作中需要制作大量的报表,比如商品的销量、销售额、库存详情、员工打卡信息、保险报销、办公用品采购、差旅报销、项目进度等等,都需要制作统计图表以更直观地查阅。但是报表的制作往往需要耗费大量的...
363
+ 使用思否猫素材实现一个轮播图本文参与了1024程序员节,欢迎正在阅读的你也加入。通过本文,你将学到:htmlcssjs没错,就是html,css,js,现在是框架盛行的时代,所以很少会有人在意原生三件套,通过本文实现一个丝...
364
364
  </div>
365
365
  </div>
366
366
  </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/1190000042658579" target="_blank" title="头大了,我的Sentry为什么上报错误不准">头大了,我的Sentry为什么上报错误不准</a>
428
+ <a href="https://segmentfault.com/a/1190000042638751" target="_blank" title="2022前端面试总结">2022前端面试总结</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>3</span>
439
+ <span>6</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/wujiantao_5a06ffda461ec" title="Programming Language">
443
- <span>江湖人称007</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/wensandaoshi" title="Programming Language">
443
+ <span>fx67ll</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- “瞎子过河记”项目的监控报错机制使用 Sentry,为了更好的定位到错误,所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路(基础教...
447
+ 首先,面试对个人来说,就是一种对以往工作之中经验积累的一种检验,如果平时在工作中对自己遇到的问题、难点、新知识点,没有花时间去学习积累,那么我相信,面试的时候花时间背面试题,也不一定能胜任预期的工...
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042638751" target="_blank" title="2022前端面试总结">2022前端面试总结</a>
456
+ <a href="https://segmentfault.com/a/1190000042658579" target="_blank" title="头大了,我的Sentry为什么上报错误不准">头大了,我的Sentry为什么上报错误不准</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
464
  <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"/>
465
465
  </g>
466
466
  </svg>
467
- <span>5</span>
467
+ <span>3</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/wensandaoshi" title="Programming Language">
471
- <span>fx67ll</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/wujiantao_5a06ffda461ec" title="Programming Language">
471
+ <span>江湖人称007</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 首先,面试对个人来说,就是一种对以往工作之中经验积累的一种检验,如果平时在工作中对自己遇到的问题、难点、新知识点,没有花时间去学习积累,那么我相信,面试的时候花时间背面试题,也不一定能胜任预期的工...
475
+ “瞎子过河记”项目的监控报错机制使用 Sentry,为了更好的定位到错误,所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路(基础教...
476
476
  </div>
477
477
  </div>
478
478
  </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/1190000042636388" target="_blank" title="SegmentFault 思否技术周刊 Vol.65 Vite 是不是在重复造轮子?">SegmentFault 思否技术周刊 Vol.65 Vite 是不是在重复造轮子?</a>
484
+ <a href="https://segmentfault.com/a/1190000042657582" target="_blank" title="Htmx 意外走红,我们从 React“退回去”后:代码行数减少 67%,JS 依赖项从 255 下降到 9">Htmx 意外走红,我们从 React“退回去”后:代码行数减少 67%,JS 依赖项从 255 下降到 9</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>1</span>
495
+ <span>3</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
499
- <span>Beverly</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/mobtech" title="Programming Language">
499
+ <span>MobTech袤博</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- Vite 是一种前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。一套构建指令,它使用 Rollup 打...
503
+ 过去 Web 非常简单。URL 指向服务器,服务器将数据混合成 html,然后在浏览器上呈现该响应。围绕这种简单范式,诞生了各种 Javascript 框架,以前可能需要数月时间完成的一个应用程序基本功能,现在借助这些框架...
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/1190000042631207" target="_blank" title="Golang 轮子之 Supervisor">Golang 轮子之 Supervisor</a>
512
+ <a href="https://segmentfault.com/a/1190000042653911" target="_blank" title="VS Code For Web 深入浅出 -- 进程间通信篇">VS Code For Web 深入浅出 -- 进程间通信篇</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>1</span>
523
+ <span>3</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
527
- <span>小白要生发</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
527
+ <span>Duang</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上, Supervisor 是有非常广泛的使用场景的。例如:服务批量重启,多服务按顺序启动,服务oom后自动拉起,服务std日志收集等,甚至服务健康检查它...
531
+ 在上一篇中,我们一起分析了 VS Code 整体的代码架构,了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web,后端是本地还是云端,其调用方式并无不同。
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/1190000042629569" target="_blank" title="ReactQuery系列文章- 1. React Query 实践">ReactQuery系列文章- 1. React Query 实践</a>
540
+ <a href="https://segmentfault.com/a/1190000042643748" target="_blank" title="深入理解JavaScript——闭包">深入理解JavaScript——闭包</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>1</span>
551
+ <span>2</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/kk_470661" title="Programming Language">
555
- <span>lakb248</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
555
+ <span>山头人汉波</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 当2018年GraphQL特别是Apolllo Client开始流行之后,很多人开始认为它将替代Redux,关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...
559
+ 网络中有各种各样说闭包的文章,有些浅尝辄止,有些 CV 党,又有些只讲一部分。于我而言,要想了解闭包,需要掌握词法环境(或者是 ES 中的变量对象) 、执行上下文与调用栈、 (词法)作用域等等
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/1190000042632229" target="_blank" title="微信推出自研 NLP 大规模语言模型 WeLM,现已开放 API 推动应用落地">微信推出自研 NLP 大规模语言模型 WeLM,现已开放 API 推动应用落地</a>
568
+ <a href="https://segmentfault.com/a/1190000042631207" target="_blank" title="Golang 轮子之 Supervisor">Golang 轮子之 Supervisor</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>3</span>
579
+ <span>1</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
583
- <span>MissD</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
583
+ <span>小白要生发</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 大规模语言模型领域迎来新“选手”。近日,微信 AI 推出自研 NLP 大规模语言模型 WeLM ,该模型是一个尺寸合理的中文模型,能够在零样本以及少样本的情境下完成包多语言任务在内的多种 NLP 任务。
587
+ Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上, Supervisor 是有非常广泛的使用场景的。例如:服务批量重启,多服务按顺序启动,服务oom后自动拉起,服务std日志收集等,甚至服务健康检查它...
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/1190000042644397" target="_blank" title="5个需要避免的CSS错误">5个需要避免的CSS错误</a>
596
+ <a href="https://segmentfault.com/a/1190000042636388" target="_blank" title="SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子?">SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子?</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -607,12 +607,12 @@
607
607
  <span>1</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
611
- <span>前端小智</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
611
+ <span>Beverly</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 本文首发于微信公众号:大迁世界, 我的微信:qq449245884,我会第一时间和你分享前端行业趋势,学习途径等等。更多开源作品请看 GitHub [链接] ,包含一线大厂面试完整考点、资料以及我的系列文章。
615
+ Vite 是一种前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。一套构建指令,它使用 Rollup 打...
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/1190000042657582" target="_blank" title="Htmx 意外走红,我们从 React“退回去”后:代码行数减少 67%,JS 依赖项从 255 下降到 9">Htmx 意外走红,我们从 React“退回去”后:代码行数减少 67%,JS 依赖项从 255 下降到 9</a>
624
+ <a href="https://segmentfault.com/a/1190000042631895" target="_blank" title="从局部变量说起,关于一个莫得名堂的引用和一个坑!">从局部变量说起,关于一个莫得名堂的引用和一个坑!</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>3</span>
635
+ <span>2</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/mobtech" title="Programming Language">
639
- <span>MobTech袤博</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
639
+ <span>why技术</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 过去 Web 非常简单。URL 指向服务器,服务器将数据混合成 html,然后在浏览器上呈现该响应。围绕这种简单范式,诞生了各种 Javascript 框架,以前可能需要数月时间完成的一个应用程序基本功能,现在借助这些框架...
643
+ 你好呀,我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢,先给你上个代码:请问,上面代码中,位于 method 方法中的 object 对象,在方法执行完成之后,是否可以被垃圾回收?这还思考个啥呀,这必...
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/1190000042631895" target="_blank" title="从局部变量说起,关于一个莫得名堂的引用和一个坑!">从局部变量说起,关于一个莫得名堂的引用和一个坑!</a>
652
+ <a href="https://segmentfault.com/a/1190000042629569" target="_blank" title="ReactQuery系列文章- 1. React Query 实践">ReactQuery系列文章- 1. React Query 实践</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>2</span>
663
+ <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
667
- <span>why技术</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/kk_470661" title="Programming Language">
667
+ <span>lakb248</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 你好呀,我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢,先给你上个代码:请问,上面代码中,位于 method 方法中的 object 对象,在方法执行完成之后,是否可以被垃圾回收?这还思考个啥呀,这必...
671
+ 当2018年GraphQL特别是Apolllo Client开始流行之后,很多人开始认为它将替代Redux,关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...
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/1190000042631567" target="_blank" title="go-GIN入门到....(持续更新中)">go-GIN入门到....(持续更新中)</a>
680
+ <a href="https://segmentfault.com/a/1190000042632229" target="_blank" title="微信推出自研 NLP 大规模语言模型 WeLM,现已开放 API 推动应用落地">微信推出自研 NLP 大规模语言模型 WeLM,现已开放 API 推动应用落地</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
688
  <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"/>
689
689
  </g>
690
690
  </svg>
691
- <span>1</span>
691
+ <span>3</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/bewatermyfriends" title="Programming Language">
695
- <span>BewaterMyfriends</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
695
+ <span>MissD</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...
699
+ 大规模语言模型领域迎来新“选手”。近日,微信 AI 推出自研 NLP 大规模语言模型 WeLM ,该模型是一个尺寸合理的中文模型,能够在零样本以及少样本的情境下完成包多语言任务在内的多种 NLP 任务。
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/1190000042643748" target="_blank" title="深入理解JavaScript——闭包">深入理解JavaScript——闭包</a>
708
+ <a href="https://segmentfault.com/a/1190000042644397" target="_blank" title="5个需要避免的CSS错误">5个需要避免的CSS错误</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>2</span>
719
+ <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
723
- <span>山头人汉波</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
723
+ <span>前端小智</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 网络中有各种各样说闭包的文章,有些浅尝辄止,有些 CV 党,又有些只讲一部分。于我而言,要想了解闭包,需要掌握词法环境(或者是 ES 中的变量对象) 、执行上下文与调用栈、 (词法)作用域等等
727
+ 本文首发于微信公众号:大迁世界, 我的微信:qq449245884,我会第一时间和你分享前端行业趋势,学习途径等等。更多开源作品请看 GitHub [链接] ,包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042632971" target="_blank" title="js常用方法梳理">js常用方法梳理</a>
736
+ <a href="https://segmentfault.com/a/1190000042612266" target="_blank" title="从0到1设计通用数据大屏搭建平台">从0到1设计通用数据大屏搭建平台</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>3</span>
747
+ <span>4</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
751
- <span>墨城</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
751
+ <span>vivo互联网技术</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域,顶部,底部原生的scrollTo方法没有动画,类似于锚点跳转,比较生硬,可以通过这个方法会自带平滑的过度...
755
+ 一直以来,许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛,提高生产效率。随着我们业务的发展,数据建设的完善,用户对于数据可视化的诉求也日益增多,而数据大屏是数据可视化的其中一种展...
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/1190000042630604" target="_blank" title="面试官:深度不够,建议回去深挖">面试官:深度不够,建议回去深挖</a>
764
+ <a href="https://segmentfault.com/a/1190000042659118" target="_blank" title="golang中的切片">golang中的切片</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -775,12 +775,12 @@
775
775
  <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
779
- <span>小傅哥</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/liuyuede123" title="Programming Language">
779
+ <span>liuyuede</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 从刚面试的问题回答中,能看得出你用了不少拙力背了不少题。直接拿这些技术点问,你可以回答。但同样是这些技术点,我换个场景来问用到了什么技术,你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...
783
+ 在go中切片的底层是数组,所以切片的数据连续存储在数组的数据结构中。如果底层的数组满了,切片还需要添加元素的话,底层数组就需要扩容。如果底层数组几乎为空时,就会缩容。
784
784
  </div>
785
785
  </div>
786
786
  </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/1190000042612266" target="_blank" title="从0到1设计通用数据大屏搭建平台">从0到1设计通用数据大屏搭建平台</a>
820
+ <a href="https://segmentfault.com/a/1190000042632971" target="_blank" title="js常用方法梳理">js常用方法梳理</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>4</span>
831
+ <span>3</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
835
- <span>vivo互联网技术</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
835
+ <span>墨城</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 一直以来,许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛,提高生产效率。随着我们业务的发展,数据建设的完善,用户对于数据可视化的诉求也日益增多,而数据大屏是数据可视化的其中一种展...
839
+ 1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域,顶部,底部原生的scrollTo方法没有动画,类似于锚点跳转,比较生硬,可以通过这个方法会自带平滑的过度...
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/1190000042653911" target="_blank" title="VS Code For Web 深入浅出 -- 进程间通信篇">VS Code For Web 深入浅出 -- 进程间通信篇</a>
848
+ <a href="https://segmentfault.com/a/1190000042631567" target="_blank" title="go-GIN入门到....(持续更新中)">go-GIN入门到....(持续更新中)</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>2</span>
859
+ <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
863
- <span>Duang</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/bewatermyfriends" title="Programming Language">
863
+ <span>BewaterMyfriends</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 在上一篇中,我们一起分析了 VS Code 整体的代码架构,了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web,后端是本地还是云端,其调用方式并无不同。
867
+ go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...
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/1190000042636210" target="_blank" title="前端首屏渲染时间的极致优化">前端首屏渲染时间的极致优化</a>
876
+ <a href="https://segmentfault.com/a/1190000042659070" target="_blank" title="Vue3响应式助你轻松实现国际化">Vue3响应式助你轻松实现国际化</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>4</span>
887
+ <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
891
- <span>Duang</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
891
+ <span>街角小林</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 而随着现代 Web 业务可供用户的交互行为越来越多,前端项目的复杂度越来越高,每个页面的渲染时间也必然越来越长,这就导致了用户的体验不佳,用户的操作变慢。
895
+ 本文为Varlet组件库源码主题阅读系列第十篇,也是最后一篇,读完本篇,可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。
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/1190000042638725" target="_blank" title="SegmentFault 2022 年社区周报 Vol.11">SegmentFault 2022 年社区周报 Vol.11</a>
904
+ <a href="https://segmentfault.com/a/1190000042630604" target="_blank" title="面试官:深度不够,建议回去深挖">面试官:深度不够,建议回去深挖</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>1</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
919
- <span>SegmentFault思否</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
919
+ <span>小傅哥</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- hello,大家好呀,周二来到,本喵报道🙋又是新的一周开始,话不多说,一起来看看近期发生了哪些事儿~社区活动本周活动:致「独一无二」的你|1024 程序员节系列活动仍在火热进行中!第一站:用代码 DIY 你的专属...
923
+ 从刚面试的问题回答中,能看得出你用了不少拙力背了不少题。直接拿这些技术点问,你可以回答。但同样是这些技术点,我换个场景来问用到了什么技术,你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...
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/1190000042627871" target="_blank" title="迟迟没学会grid,是因为你没理解flex">迟迟没学会grid,是因为你没理解flex</a>
932
+ <a href="https://segmentfault.com/a/1190000042659025" target="_blank" title="如何实现一个丝滑的点击水波效果">如何实现一个丝滑的点击水波效果</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>1</span>
943
+ <span>2</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/tiantian_5ada7e81e50d7" title="Programming Language">
947
- <span>uccs</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
947
+ <span>街角小林</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 我先问 2 个问题:你是不是用主轴-交叉轴/辅轴/副轴的概念理解 flex你是不是也用这个概念去理解 grid如果你是用这种方式理解的 flex,那听我慢慢道来今天我打破你对 flex 的理解打碎对 flex 理解display: grid 和...
951
+ 本文为Varlet组件库源码主题阅读系列第九篇,读完本篇,可以了解到如何使用一个div创建一个点击的水波效果。Varlet组件库提供了一个使元素点击时生成水波扩散效果的指令: {代码...} 接下来就从源码角度看看它是...
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/1190000042635525" target="_blank" title="MyBatis-Plus同款Elasticsearch ORM框架,用起来够优雅!">MyBatis-Plus同款Elasticsearch ORM框架,用起来够优雅!</a>
960
+ <a href="https://segmentfault.com/a/1190000042636210" target="_blank" title="前端首屏渲染时间的极致优化">前端首屏渲染时间的极致优化</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <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"/>
969
969
  </g>
970
970
  </svg>
971
- <span>1</span>
971
+ <span>4</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/macrozheng" title="Programming Language">
975
- <span>macrozheng</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
975
+ <span>Duang</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 使用过Spring Data操作ES的小伙伴应该有所了解,它只能实现一些非常基本的数据管理工作,一旦遇到稍微复杂点的查询,基本都要依赖ES官方提供的RestHighLevelClient,Spring Data只是在其基础上进行了简单的封装。...
979
+ 而随着现代 Web 业务可供用户的交互行为越来越多,前端项目的复杂度越来越高,每个页面的渲染时间也必然越来越长,这就导致了用户的体验不佳,用户的操作变慢。
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/10/22 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/23 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>