@wcj/github-rank 22.8.6 → 22.8.7

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 +25868 -25870
  2. package/dist/sifou-daily.json +10 -28
  3. package/dist/sifou-monthly.json +48 -48
  4. package/dist/sifou-weekly.json +82 -82
  5. package/dist/toutiao-30.json +55 -55
  6. package/dist/toutiao-7.json +54 -54
  7. package/dist/toutiao-90.json +22 -22
  8. package/dist/trending-daily.json +164 -175
  9. package/dist/trending-monthly.json +146 -146
  10. package/dist/trending-weekly.json +163 -163
  11. package/dist/users.china.json +945 -945
  12. package/dist/users.json +2161 -2161
  13. package/package.json +1 -1
  14. package/web/data/repos.json +25868 -25870
  15. package/web/data/sifou-daily.json +10 -28
  16. package/web/data/sifou-monthly.json +48 -48
  17. package/web/data/sifou-weekly.json +82 -82
  18. package/web/data/toutiao-30.json +55 -55
  19. package/web/data/toutiao-7.json +54 -54
  20. package/web/data/toutiao-90.json +22 -22
  21. package/web/data/trending-daily.json +164 -175
  22. package/web/data/trending-monthly.json +146 -146
  23. package/web/data/trending-weekly.json +163 -163
  24. package/web/data/users.china.json +945 -945
  25. package/web/data/users.json +2161 -2161
  26. package/web/index.html +1126 -1126
  27. package/web/repos.html +2784 -2788
  28. package/web/sifou-daily.html +10 -66
  29. package/web/sifou-monthly.html +74 -74
  30. package/web/sifou-weekly.html +89 -89
  31. package/web/toutiao-30.html +64 -64
  32. package/web/toutiao-7.html +62 -62
  33. package/web/toutiao-90.html +66 -66
  34. package/web/trending-monthly.html +139 -127
  35. package/web/trending-weekly.html +143 -147
  36. package/web/trending.html +146 -176
  37. package/web/users.china.html +609 -609
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/8/6 by
119
+ <div class="time">Last cache created on 2022/8/7 by
120
120
 
121
121
 
122
122
 
@@ -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/1190000042244854" target="_blank" title="Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用">Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用</a>
176
+ <a href="https://segmentfault.com/a/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</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>14</span>
187
+ <span>12</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
191
- <span>乌柏木</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
191
+ <span>chokcoco</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 作为 React 官方维护的命令行工具，create-react-app（简称 CRA）能够极其轻松地创建配置完备的 React 应用，帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制，只能 e...
195
+ 本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -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/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</a>
204
+ <a href="https://segmentfault.com/a/1190000042256837" target="_blank" title="前端构建效率优化之路">前端构建效率优化之路</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -220,7 +220,7 @@
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...
223
+ 我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。
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/1190000042256837" target="_blank" title="前端构建效率优化之路">前端构建效率优化之路</a>
232
+ <a href="https://segmentfault.com/a/1190000042272755" target="_blank" title="防御式CSS是什么？这几点属性重点防御！">防御式CSS是什么？这几点属性重点防御！</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -243,12 +243,12 @@
243
243
  <span>9</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
247
- <span>chokcoco</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
247
+ <span>前端小智</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。
251
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
252
252
  </div>
253
253
  </div>
254
254
  </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/1190000042258739" target="_blank" title="vue3开发拒绝cv, 快使用curd">vue3开发拒绝cv, 快使用curd</a>
372
+ <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -383,12 +383,12 @@
383
383
  <span>3</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
387
- <span>铁皮饭盒</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
387
+ <span>胡哥有话说</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用, 今天我们讲一下&#34;增删改查&#34;组件:v-curd.
391
+ 本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
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/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
400
+ <a href="https://segmentfault.com/a/1190000042258739" target="_blank" title="vue3开发拒绝cv, 快使用curd">vue3开发拒绝cv, 快使用curd</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/justbecoder" title="Programming Language">
415
- <span>胡哥有话说</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
415
+ <span>铁皮饭盒</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
419
+ 开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用, 今天我们讲一下&#34;增删改查&#34;组件:v-curd.
420
420
  </div>
421
421
  </div>
422
422
  </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/1190000042255934" target="_blank" title="6 个意想不到的 JavaScript 问题">6 个意想不到的 JavaScript 问题</a>
512
+ <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -523,12 +523,12 @@
523
523
  <span>3</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
527
- <span>pingan8787</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
527
+ <span>xiangzhihong</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来...
531
+ 在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...
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/1190000042261401" target="_blank" title="type=&#34;module&#34; 你了解，但 type=&#34;importmap&#34; 你知道吗">type=&#34;module&#34; 你了解，但 type=&#34;importmap&#34; 你知道吗</a>
540
+ <a href="https://segmentfault.com/a/1190000042255934" target="_blank" title="6 个意想不到的 JavaScript 问题">6 个意想不到的 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>4</span>
551
+ <span>3</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
555
- <span>前端小智</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
555
+ <span>pingan8787</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
559
+ 作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来...
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/1190000042246391" target="_blank" title="Go十大常见错误第3篇：Go指针的性能问题和内存逃逸">Go十大常见错误第3篇：Go指针的性能问题和内存逃逸</a>
568
+ <a href="https://segmentfault.com/a/1190000042261401" target="_blank" title="type=&#34;module&#34; 你了解，但 type=&#34;importmap&#34; 你知道吗">type=&#34;module&#34; 你了解，但 type=&#34;importmap&#34; 你知道吗</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>4</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
583
- <span>coding进阶</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
583
+ <span>前端小智</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 前言这是Go十大常见错误系列的第3篇：Go指针的性能问题和内存逃逸。素材来源于Go布道者，现Docker公司资深工程师Teiva Harsanyi。本文涉及的源代码全部开源在：Go十大常见错误源代码，欢迎大家关注公众号，及时获...
587
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042246598" target="_blank" title="3 分钟掌握 Node.js 版本的区别">3 分钟掌握 Node.js 版本的区别</a>
596
+ <a href="https://segmentfault.com/a/1190000042272426" target="_blank" title="React组件应用于Spring MVC工程">React组件应用于Spring MVC工程</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>3</span>
607
+ <span>2</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
611
- <span>pingan8787</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/tosmile" title="Programming Language">
611
+ <span>记得要微笑</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。在我们日常开发中，Node.js 使用场景越来越多，大到服务端项目，小到开发工具脚本，所以掌握 Node.js 一些基础知识是非常有必要的。今天主要聊一下 ...
615
+ 公司前端工程还处于React+Mobx与Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将React业务组件...
616
616
  </div>
617
617
  </div>
618
618
  </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/1190000042272755" target="_blank" title="防御式CSS是什么？这几点属性重点防御！">防御式CSS是什么？这几点属性重点防御！</a>
652
+ <a href="https://segmentfault.com/a/1190000042265021" target="_blank" title="如何查看所有测试历史？进来学习下">如何查看所有测试历史？进来学习下</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>7</span>
663
+ <span>3</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
667
- <span>前端小智</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
667
+ <span>eoapi</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
671
+ 当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：
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/1190000042265021" target="_blank" title="如何查看所有测试历史？进来学习下">如何查看所有测试历史？进来学习下</a>
680
+ <a href="https://segmentfault.com/a/1190000042267659" target="_blank" title="OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持">OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>3</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
695
- <span>eoapi</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
- 当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：
699
+ OpenInfra Days China 是由 OpenInfra 基金会（前身 OpenStack 基金会）授权，由全球各个地区的社区志愿者团队共同筹划组织的一次年度的开源基础设施技术与行业盛会。自 2016 年中国社区的志愿者们第一次筹办面向...
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/1190000042267659" target="_blank" title="OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持">OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持</a>
708
+ <a href="https://segmentfault.com/a/1190000042250475" target="_blank" title="React报错之Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;">React报错之Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;</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>3</span>
719
+ <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
723
- <span>MissD</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/chuckqu" title="Programming Language">
723
+ <span>chuck</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- OpenInfra Days China 是由 OpenInfra 基金会（前身 OpenStack 基金会）授权，由全球各个地区的社区志愿者团队共同筹划组织的一次年度的开源基础设施技术与行业盛会。自 2016 年中国社区的志愿者们第一次筹办面向...
727
+ 在React中，当我们试图访问类型为HTMLElement 的元素上不存在的属性时，就会发生Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;错误。为了解决该错误，在访问属性之前，使用类型断言来正确地类型声明元素。
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/1190000042250475" target="_blank" title="React报错之Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;">React报错之Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;</a>
764
+ <a href="https://segmentfault.com/a/1190000042256231" target="_blank" title="JavaScript WebGL 三维相关概念">JavaScript WebGL 三维相关概念</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/chuckqu" title="Programming Language">
779
- <span>chuck</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/xxholic" title="Programming Language">
779
+ <span>XXHolic</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 在React中，当我们试图访问类型为HTMLElement 的元素上不存在的属性时，就会发生Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;错误。为了解决该错误，在访问属性之前，使用类型断言来正确地类型声明元素。
783
+ 三维坐标理论上三个分量就够了，但在看相关程序的时候，发现会出现 4 个分量，这种表示方式称为齐次坐标，它将一个原本 n 维向量用一个 n+1 维向量表示。比如向量 (x, y, z) 的齐次坐标可表示为 (x, y, z, w)。这...
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/1190000042246545" target="_blank" title="从编译的角度来学作用域！">从编译的角度来学作用域！</a>
792
+ <a href="https://segmentfault.com/a/1190000042255266" target="_blank" title="WebGPU 导入[1] - 入门常见问题与个人分享">WebGPU 导入[1] - 入门常见问题与个人分享</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/mohaixiao_62c9572f77386" title="Programming Language">
807
- <span>默海笑</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/onsummer" title="Programming Language">
807
+ <span>四季留歌</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 作用域是什么？思维导图编译原理我们都认为js是一门动态语言，但是其实是一门编译语言，但是不是提前编译的，编译结果也不能在分布式系 统中进行移植编译流程传统编译语言的流程程序中的一段源代码在执行之前会经...
811
+ 什么是应用级？这两个库都屏蔽了 WebGL 的底层调用细节，大多数时候，你编写的代码更专注于“场景”中的“三维物体”的位置，加载“模型文件”，高级点的会写漂亮的“材质”。这些带引号的概念，在 WebGL 底层接口都是没...
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/1190000042246459" target="_blank" title="四大科技巨头呼吁废除闰秒；国内 Go 语言爱好者发起新编程语言；Java 7 生命周期结束 | 思否周刊">四大科技巨头呼吁废除闰秒；国内 Go 语言爱好者发起新编程语言；Java 7 生命周期结束 | 思否周刊</a>
820
+ <a href="https://segmentfault.com/a/1190000042266418" target="_blank" title="6 个你必须明白 Vue3 的 ref 和 reactive 问题（入门篇）">6 个你必须明白 Vue3 的 ref 和 reactive 问题（入门篇）</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>0</span>
831
+ <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
835
- <span>snakesss</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
835
+ <span>pingan8787</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 40s 新闻速递国内 Go 语言爱好者发起新编程语言540 万 Twitter 账号信息泄露，卖价 3 万美元苹果应用商店被曝大量色情 App四大科技巨头呼吁废除闰秒马斯克要求推特收购案 10 月 17 日审判iPhone14 或支持万兆网，...
839
+ Vue3 为开发者提供 ref和 reactive两个 API 来实现响应式数据，这也是我们使用 Vue3 开发项目中经常用到的两个 API。
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/1190000042256231" target="_blank" title="JavaScript WebGL 三维相关概念">JavaScript WebGL 三维相关概念</a>
848
+ <a href="https://segmentfault.com/a/1190000042252026" target="_blank" title="独立产品灵感周刊 DecoHack #024 - 90年代的网站设计">独立产品灵感周刊 DecoHack #024 - 90年代的网站设计</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/xxholic" title="Programming Language">
863
- <span>XXHolic</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/viggoz" title="Programming Language">
863
+ <span>ViggoZ</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 三维坐标理论上三个分量就够了，但在看相关程序的时候，发现会出现 4 个分量，这种表示方式称为齐次坐标，它将一个原本 n 维向量用一个 n+1 维向量表示。比如向量 (x, y, z) 的齐次坐标可表示为 (x, y, z, w)。这...
867
+ 本周刊记录有趣好玩的独立产品设计开发相关内容，每周发布，感兴趣的伙伴可以点击订阅我的周刊。为保证每期都能收到，建议邮件订阅。欢迎通过 Twitter 私信推荐或投稿。
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/1190000042255266" target="_blank" title="WebGPU 导入[1] - 入门常见问题与个人分享">WebGPU 导入[1] - 入门常见问题与个人分享</a>
876
+ <a href="https://segmentfault.com/a/1190000042255768" target="_blank" title="保姆级教程：写出自己的移动应用和小程序（篇五）">保姆级教程：写出自己的移动应用和小程序（篇五）</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/onsummer" title="Programming Language">
891
- <span>四季留歌</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/huobaodechahu" title="Programming Language">
891
+ <span>火爆的茶壶</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 什么是应用级？这两个库都屏蔽了 WebGL 的底层调用细节，大多数时候，你编写的代码更专注于“场景”中的“三维物体”的位置，加载“模型文件”，高级点的会写漂亮的“材质”。这些带引号的概念，在 WebGL 底层接口都是没...
895
+ 在上期文章中，我们主要聊了聊如何写出一个简单的小程序。既然聊到了编写小程序，那不得不提的就是如何编写其中的 CSS 样式内容，一起来看看吧。
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/1190000042252026" target="_blank" title="独立产品灵感周刊 DecoHack #024 - 90年代的网站设计">独立产品灵感周刊 DecoHack #024 - 90年代的网站设计</a>
904
+ <a href="https://segmentfault.com/a/1190000042263453" 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/viggoz" title="Programming Language">
919
- <span>ViggoZ</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
919
+ <span>hightopo</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 本周刊记录有趣好玩的独立产品设计开发相关内容，每周发布，感兴趣的伙伴可以点击订阅我的周刊。为保证每期都能收到，建议邮件订阅。欢迎通过 Twitter 私信推荐或投稿。
923
+ 从国家管网集团获悉，西气东输管道系统 2021 年已累计输送天然气超 1000 亿立方米，这是西气东输年输气量首次突破千亿立方米。为了应对复杂多变的供气环境，保障全国人民的天然气使用，加快管道智能化是赋能油气...
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/1190000042255768" target="_blank" title="保姆级教程：写出自己的移动应用和小程序（篇五）">保姆级教程：写出自己的移动应用和小程序（篇五）</a>
932
+ <a href="https://segmentfault.com/a/1190000042252196" target="_blank" title="下载！《云原生架构白皮书 2022 版》重磅发布">下载！《云原生架构白皮书 2022 版》重磅发布</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/huobaodechahu" title="Programming Language">
947
- <span>火爆的茶壶</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/alijishu" title="Programming Language">
947
+ <span>阿里云开发者</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 在上期文章中，我们主要聊了聊如何写出一个简单的小程序。既然聊到了编写小程序，那不得不提的就是如何编写其中的 CSS 样式内容，一起来看看吧。
951
+ 简介：今年，《云原生架构白皮书2022版》正式上线，相较于2020年版本，本次内容新增数十家企业实战经验合集，同时在云原生产品矩阵中，新增多个核心产品家族，如容器产品家族、微服务产品家族、云原生技术中台 CN...
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/1190000042245082" target="_blank" title="什么是文件系统?">什么是文件系统?</a>
960
+ <a href="https://segmentfault.com/a/1190000042265802" target="_blank" title="Day 86/100 《图解HTTP》读书笔记（四）——HTTP报文头信息">Day 86/100 《图解HTTP》读书笔记（四）——HTTP报文头信息</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>2</span>
971
+ <span>1</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/douyiya_sang" title="Programming Language">
975
- <span>Douyiya</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/snowwolfarden" title="Programming Language">
975
+ <span>SnowWolfArden</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- Nanami 是 Nanase 的学霸朋友，每天都会把老师在课堂上讲过的重点内容更新到笔记，方便期末复习。欢乐时光总是短暂，一转眼已经到了期末考试前的最后一个周末。Nanami 也是早早起床，打开电脑开始最后的冲刺。看...
979
+ HTTP 通信过程包括从客户端发往服务器端的请求及从服务器端返回 客户端的响应。1、HTTP 报文用于 HTTP 协议交互的信息被称为 HTTP 报文。请求端(客户端)的 HTTP 报文叫做请求报文，响应端(服务器端)的叫做响应报...
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/6 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/7 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>