@wcj/github-rank 22.10.17 → 22.10.18

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 +20098 -20090
  2. package/dist/sifou-daily.json +59 -23
  3. package/dist/sifou-monthly.json +65 -65
  4. package/dist/sifou-weekly.json +92 -92
  5. package/dist/toutiao-30.json +1 -252
  6. package/dist/toutiao-7.json +1 -202
  7. package/dist/toutiao-90.json +1 -252
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +128 -128
  10. package/dist/trending-weekly.json +161 -161
  11. package/dist/users.china.json +1327 -1327
  12. package/dist/users.json +2274 -2274
  13. package/package.json +1 -1
  14. package/web/data/repos.json +20098 -20090
  15. package/web/data/sifou-daily.json +59 -23
  16. package/web/data/sifou-monthly.json +65 -65
  17. package/web/data/sifou-weekly.json +92 -92
  18. package/web/data/toutiao-30.json +1 -252
  19. package/web/data/toutiao-7.json +1 -202
  20. package/web/data/toutiao-90.json +1 -252
  21. package/web/data/trending-daily.json +169 -169
  22. package/web/data/trending-monthly.json +128 -128
  23. package/web/data/trending-weekly.json +161 -161
  24. package/web/data/users.china.json +1327 -1327
  25. package/web/data/users.json +2274 -2274
  26. package/web/index.html +1235 -1235
  27. package/web/repos.html +2693 -2693
  28. package/web/sifou-daily.html +133 -21
  29. package/web/sifou-monthly.html +87 -87
  30. package/web/sifou-weekly.html +96 -96
  31. package/web/toutiao-30.html +2 -652
  32. package/web/toutiao-7.html +2 -522
  33. package/web/toutiao-90.html +2 -652
  34. package/web/trending-monthly.html +125 -125
  35. package/web/trending-weekly.html +139 -139
  36. package/web/trending.html +147 -147
  37. package/web/users.china.html +691 -691
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/10/17 by
119
+ <div class="time">Last cache created on 2022/10/18 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042589774" target="_blank" title="超强的纯 CSS 鼠标点击拖拽效果">超强的纯 CSS 鼠标点击拖拽效果</a>
148
+ <a href="https://segmentfault.com/a/1190000042595978" target="_blank" title="快速了解 inert 属性">快速了解 inert 属性</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
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>13</span>
159
+ <span>5</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
163
- <span>chokcoco</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
+ <span>XboxYan</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...
167
+ 欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042589829" target="_blank" title="华为王泽锋：协作创新、开源的魅力所在">华为王泽锋：协作创新、开源的魅力所在</a>
176
+ <a href="https://segmentfault.com/a/1190000042598682" target="_blank" title="致「独一无二」的你｜1024 程序员节系列活动启动">致「独一无二」的你｜1024 程序员节系列活动启动</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
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>2</span>
187
+ <span>5</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
191
- <span>思否编辑部</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
191
+ <span>SegmentFault思否</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...
195
+ 不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～
196
196
  </div>
197
197
  </div>
198
198
  </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/1190000042598682" target="_blank" title="致「独一无二」的你｜1024 程序员节系列活动启动">致「独一无二」的你｜1024 程序员节系列活动启动</a>
232
+ <a href="https://segmentfault.com/a/1190000042632786" target="_blank" title="思否猫拼接怪编辑器">思否猫拼接怪编辑器</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
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>5</span>
243
+ <span>7</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
247
- <span>SegmentFault思否</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
247
+ <span>JenK</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～
251
+ 1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的
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/1190000042595978" target="_blank" title="快速了解 inert 属性">快速了解 inert 属性</a>
260
+ <a href="https://segmentfault.com/a/1190000042613900" target="_blank" title="10分钟教你写一个数据库">10分钟教你写一个数据库</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -271,12 +271,12 @@
271
271
  <span>4</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
275
- <span>XboxYan</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/goudantiezhuerzi" title="Programming Language">
275
+ <span>艾小仙</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...
279
+ 今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042613900" target="_blank" title="10分钟教你写一个数据库">10分钟教你写一个数据库</a>
372
+ <a href="https://segmentfault.com/a/1190000042622557" target="_blank" title="5个常见的JavaScript内存错误">5个常见的JavaScript内存错误</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
380
  <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"/>
381
381
  </g>
382
382
  </svg>
383
- <span>3</span>
383
+ <span>4</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/goudantiezhuerzi" title="Programming Language">
387
- <span>艾小仙</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
387
+ <span>前端小智</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...
391
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
392
392
  </div>
393
393
  </div>
394
394
  </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/1190000042622557" target="_blank" title="5个常见的JavaScript内存错误">5个常见的JavaScript内存错误</a>
400
+ <a href="https://segmentfault.com/a/1190000042612529" target="_blank" title="一款纯 JS 实现的轻量化图片编辑器">一款纯 JS 实现的轻量化图片编辑器</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -411,12 +411,12 @@
411
411
  <span>3</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
415
- <span>前端小智</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/xingzhiwanmen" title="Programming Language">
415
+ <span>行知万门</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
419
+ 刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.
420
420
  </div>
421
421
  </div>
422
422
  </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/1190000042587022" target="_blank" title="浅谈移动端单屏解决方案">浅谈移动端单屏解决方案</a>
540
+ <a href="https://segmentfault.com/a/1190000042616103" target="_blank" title="Python多进程——进程池的开启和多进程操作同一个List">Python多进程——进程池的开启和多进程操作同一个List</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>2</span>
551
+ <span>1</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/deepred5" title="Programming Language">
555
- <span>深红</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/ipidea" title="Programming Language">
555
+ <span>ipidea</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...
559
+ 为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...
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/1190000042558282" target="_blank" title="新一波 JavaScript 框架">新一波 JavaScript 框架</a>
568
+ <a href="https://segmentfault.com/a/1190000042617645" target="_blank" title="JSON对象转换TypeScript声明">JSON对象转换TypeScript声明</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>1</span>
579
+ <span>2</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
583
- <span>前端小智</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
583
+ <span>兰俊秋雨</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
587
+ TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...
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/1190000042616103" target="_blank" title="Python多进程——进程池的开启和多进程操作同一个List">Python多进程——进程池的开启和多进程操作同一个List</a>
596
+ <a href="https://segmentfault.com/a/1190000042583108" target="_blank" title="用 javascript 写 SQL">用 javascript 写 SQL</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/ipidea" title="Programming Language">
611
- <span>ipidea</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
611
+ <span>donggg</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...
615
+ 介绍基于 node-postgreSql 的 sql 客户端什么时候需要用 javascript 写 SQL？避免重复一些 SQL 可以省去多余的代码，例如根据条件查询数据 {代码...} 静态检查例如数据操作是不是符合规范： {代码...} 应用释放资...
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/1190000042583108" target="_blank" title="用 javascript 写 SQL">用 javascript 写 SQL</a>
624
+ <a href="https://segmentfault.com/a/1190000042621269" target="_blank" title="深入理解JavaScript——词法环境">深入理解JavaScript——词法环境</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>1</span>
635
+ <span>2</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
639
- <span>donggg</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
639
+ <span>山头人汉波</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 介绍基于 node-postgreSql 的 sql 客户端什么时候需要用 javascript 写 SQL？避免重复一些 SQL 可以省去多余的代码，例如根据条件查询数据 {代码...} 静态检查例如数据操作是不是符合规范： {代码...} 应用释放资...
643
+ 第一步：V8 引擎刚拿到 执行上下文 的时候，会把代码从上到下一行一行的先做分词/词法分析(Tokenizing/Lexing)。分词是指：比如 var a = 2; 这段代码，会被分词为：var a 2和;这样的原子符号(atomic token)；词法...
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/1190000042617645" target="_blank" title="JSON对象转换TypeScript声明">JSON对象转换TypeScript声明</a>
652
+ <a href="https://segmentfault.com/a/1190000042602933" target="_blank" title="将Bean交给Spring容器管理有几种方式？">将Bean交给Spring容器管理有几种方式？</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -663,12 +663,12 @@
663
663
  <span>2</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
667
- <span>兰俊秋雨</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/amin_624fd35aeb42d" title="Programming Language">
667
+ <span>JanYork_小简</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...
671
+ 将Bean交给Spring容器管理的几种方式Spring核心Spring核心是 IOC 和 AOP 。所谓IoC，对于spring框架来说，就是由spring来负责控制对象的生命周期和对象间的关系。至于更详细的说明，或者去深入理解Spring这两大核...
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/1190000042602933" target="_blank" title="将Bean交给Spring容器管理有几种方式？">将Bean交给Spring容器管理有几种方式？</a>
680
+ <a href="https://segmentfault.com/a/1190000042621309" target="_blank" title="记录一个关于 GBK 编码的问题">记录一个关于 GBK 编码的问题</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>2</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/amin_624fd35aeb42d" title="Programming Language">
695
- <span>JanYork_小简</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
695
+ <span>编程码农</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 将Bean交给Spring容器管理的几种方式Spring核心Spring核心是 IOC 和 AOP 。所谓IoC，对于spring框架来说，就是由spring来负责控制对象的生命周期和对象间的关系。至于更详细的说明，或者去深入理解Spring这两大核...
699
+ UTF-8 是一种国际化的编码方式，包含了世界上大部分的语种文字（简体中文字、繁体中文字、英文、日文、韩文等语言），也兼容 ASCII 码。
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/1190000042612529" target="_blank" title="一款纯 JS 实现的轻量化图片编辑器">一款纯 JS 实现的轻量化图片编辑器</a>
708
+ <a href="https://segmentfault.com/a/1190000042621298" target="_blank" title="基于 Impala 的高性能数仓实践之物化视图服务">基于 Impala 的高性能数仓实践之物化视图服务</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/xingzhiwanmen" title="Programming Language">
723
- <span>行知万门</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/163yun" title="Programming Language">
723
+ <span>网易数帆</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.
727
+ 接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...
728
728
  </div>
729
729
  </div>
730
730
  </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/1190000042621269" target="_blank" title="深入理解JavaScript——词法环境">深入理解JavaScript——词法环境</a>
764
+ <a href="https://segmentfault.com/a/1190000042614618" target="_blank" title="vue3封装一个带动画的关闭按钮">vue3封装一个带动画的关闭按钮</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>2</span>
775
+ <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
779
- <span>山头人汉波</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/jsoncode" title="Programming Language">
779
+ <span>jsoncode</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 第一步：V8 引擎刚拿到 执行上下文 的时候，会把代码从上到下一行一行的先做分词/词法分析(Tokenizing/Lexing)。分词是指：比如 var a = 2; 这段代码，会被分词为：var a 2和;这样的原子符号(atomic token)；词法...
783
+ 预览效果：实现源码： {代码...} {代码...} 源码说明：带有变量的样式，都写在行内了，因为这样适合用在任意场景下。 {代码...} 其他场景：vite可以直接在style标签中使用js变量 {代码...} {代码...}
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/1190000042614618" target="_blank" title="vue3封装一个带动画的关闭按钮">vue3封装一个带动画的关闭按钮</a>
792
+ <a href="https://segmentfault.com/a/1190000042606394" target="_blank" title="2022 最受欢迎的 CSS 类名和 ID 分别是什么">2022 最受欢迎的 CSS 类名和 ID 分别是什么</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -803,12 +803,12 @@
803
803
  <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/jsoncode" title="Programming Language">
807
- <span>jsoncode</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
807
+ <span>前端小智</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 预览效果：实现源码： {代码...} {代码...} 源码说明：带有变量的样式，都写在行内了，因为这样适合用在任意场景下。 {代码...} 其他场景：vite可以直接在style标签中使用js变量 {代码...} {代码...}
811
+ CSS是用来布局和格式化网页和其他媒体的语言。它是 Web 的三种主要语言之一，与HTML(用于结构)和JavaScript(用于行为)并列。每一年，我们都看到CSS的规模在增长，2022年也不例外。
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/1190000042621298" target="_blank" title="基于 Impala 的高性能数仓实践之物化视图服务">基于 Impala 的高性能数仓实践之物化视图服务</a>
820
+ <a href="https://segmentfault.com/a/1190000042617569" target="_blank" title="【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码">【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/163yun" title="Programming Language">
835
- <span>网易数帆</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/wangstoudamire_62b438915bf66" title="Programming Language">
835
+ <span>wangstoudamire</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...
839
+ 前面我们给大家介绍了基于LabVIEW+YOLOv3/YOLOv4的物体识别（对象检测），今天接着上次的内容再来看看YOLOv5。本次主要是和大家分享使用LabVIEW快速实现yolov5的物体识别，本博客中使用的智能工具包可到主页置顶...
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/1190000042617569" target="_blank" title="【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码">【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码</a>
848
+ <a href="https://segmentfault.com/a/1190000042615946" target="_blank" title="IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践">IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -859,12 +859,12 @@
859
859
  <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/wangstoudamire_62b438915bf66" title="Programming Language">
863
- <span>wangstoudamire</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
863
+ <span>JackJiang</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 前面我们给大家介绍了基于LabVIEW+YOLOv3/YOLOv4的物体识别（对象检测），今天接着上次的内容再来看看YOLOv5。本次主要是和大家分享使用LabVIEW快速实现yolov5的物体识别，本博客中使用的智能工具包可到主页置顶...
867
+ 1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...
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/1190000042595326" target="_blank" title="详解webpack构建优化">详解webpack构建优化</a>
876
+ <a href="https://segmentfault.com/a/1190000042615932" target="_blank" title="从零手写react-router">从零手写react-router</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -887,12 +887,12 @@
887
887
  <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/bakuaifujideguantou" title="Programming Language">
891
- <span>gogo2027</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/zhishiyuanbodexiaoyanyao" title="Programming Language">
891
+ <span>hello_world_1024</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，下面我们就从速度和体积两方面来探讨构建优化的策略。
895
+ 蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事
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/1190000042615946" target="_blank" title="IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践">IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践</a>
904
+ <a href="https://segmentfault.com/a/1190000042620447" 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/jackjiang" title="Programming Language">
919
- <span>JackJiang</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
919
+ <span>Duang</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...
923
+ :::tip最近在着手腾讯文档的输入体验优化，在其中有一个不起眼的小需求引起了我的注意，并顺便研究了一些事件监听机制相结合的特点，特此记录一下填坑过程。:::
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/1190000042615932" target="_blank" title="从零手写react-router">从零手写react-router</a>
932
+ <a href="https://segmentfault.com/a/1190000042607031" target="_blank" title="铜九银十react考察点梳理">铜九银十react考察点梳理</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -943,12 +943,12 @@
943
943
  <span>1</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/zhishiyuanbodexiaoyanyao" title="Programming Language">
947
- <span>hello_world_1024</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/jinzhangdedacong" title="Programming Language">
947
+ <span>紧张的大葱</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事
951
+ React中可以在render访问refs吗？为什么？ {代码...} 不可以，render 阶段 DOM 还没有生成，无法获取 DOM。DOM 的获取需要在 pre-commit 阶段和 commit 阶段：setState 是同步异步？为什么？实现原理？1. setStat...
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/1190000042607031" target="_blank" title="铜九银十react考察点梳理">铜九银十react考察点梳理</a>
960
+ <a href="https://segmentfault.com/a/1190000042627779" target="_blank" title="喜获 Code for Better _ Hackathon 二等奖，简单复盘 &amp; 礼物返图">喜获 Code for Better _ Hackathon 二等奖，简单复盘 &amp; 礼物返图</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>2</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/jinzhangdedacong" title="Programming Language">
975
- <span>紧张的大葱</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
975
+ <span>Meathill</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- React中可以在render访问refs吗？为什么？ {代码...} 不可以，render 阶段 DOM 还没有生成，无法获取 DOM。DOM 的获取需要在 pre-commit 阶段和 commit 阶段：setState 是同步异步？为什么？实现原理？1. setStat...
979
+ 2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...
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/17 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/18 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>