@wcj/github-rank 22.8.2 → 22.8.5

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 +34817 -34797
  2. package/dist/sifou-daily.json +27 -72
  3. package/dist/sifou-monthly.json +119 -119
  4. package/dist/sifou-weekly.json +166 -166
  5. package/dist/toutiao-30.json +82 -82
  6. package/dist/toutiao-7.json +124 -124
  7. package/dist/toutiao-90.json +34 -34
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2305 -2305
  12. package/dist/users.json +4058 -4058
  13. package/package.json +1 -1
  14. package/web/data/repos.json +34817 -34797
  15. package/web/data/sifou-daily.json +27 -72
  16. package/web/data/sifou-monthly.json +119 -119
  17. package/web/data/sifou-weekly.json +166 -166
  18. package/web/data/toutiao-30.json +82 -82
  19. package/web/data/toutiao-7.json +124 -124
  20. package/web/data/toutiao-90.json +34 -34
  21. package/web/data/trending-daily.json +171 -171
  22. package/web/data/trending-monthly.json +161 -161
  23. package/web/data/trending-weekly.json +165 -165
  24. package/web/data/users.china.json +2305 -2305
  25. package/web/data/users.json +4058 -4058
  26. package/web/index.html +1964 -1964
  27. package/web/repos.html +4244 -4244
  28. package/web/sifou-daily.html +24 -164
  29. package/web/sifou-monthly.html +115 -115
  30. package/web/sifou-weekly.html +139 -139
  31. package/web/toutiao-30.html +77 -77
  32. package/web/toutiao-7.html +87 -87
  33. package/web/toutiao-90.html +68 -68
  34. package/web/trending-monthly.html +143 -143
  35. package/web/trending-weekly.html +146 -138
  36. package/web/trending.html +144 -152
  37. package/web/users.china.html +1134 -1134
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/2 by
119
+ <div class="time">Last cache created on 2022/8/5 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/1190000042203704" target="_blank" title="社区维基：将你的问答捐赠给社区">社区维基：将你的问答捐赠给社区</a>
148
+ <a href="https://segmentfault.com/a/1190000042251637" target="_blank" title="提升web输入体验！JS 如何自动配对标点符号？">提升web输入体验！JS 如何自动配对标点符号？</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>10</span>
159
+ <span>13</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/fenbox" title="Programming Language">
163
- <span>fenbox</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
- 小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。
167
+ 欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...
168
168
  </div>
169
169
  </div>
170
170
  </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/1190000042232699" target="_blank" title="梳理 Webpack 知识体系与学习资源推荐">梳理 Webpack 知识体系与学习资源推荐</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
 
@@ -212,15 +212,15 @@
212
212
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
213
213
  </g>
214
214
  </svg>
215
- <span>13</span>
215
+ <span>8</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/jackysummer" title="Programming Language">
219
- <span>JackySummer</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
219
+ <span>chokcoco</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...
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/1190000042251637" target="_blank" title="提升web输入体验！JS 如何自动配对标点符号？">提升web输入体验！JS 如何自动配对标点符号？</a>
232
+ <a href="https://segmentfault.com/a/1190000042250628" target="_blank" title="Qwik.js框架是如何追求极致性能的?!">Qwik.js框架是如何追求极致性能的?!</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>10</span>
243
+ <span>8</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
247
- <span>XboxYan</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
247
+ <span>lulu_up</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...
251
+ Qwik是一款语法&#34;接近&#34;react的前端ssr框架, 前段时间看了两篇Qwik相关的文章, 对这个框架有了些兴趣, 但是去网上搜了一下, 发现相关的中文文章几乎没有了, 所以决定对其好好研究一番, 并且写一...
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/1190000042229850" target="_blank" title="低代码是开发的未来吗？浅谈低代码平台">低代码是开发的未来吗？浅谈低代码平台</a>
260
+ <a href="https://segmentfault.com/a/1190000042238962" target="_blank" title="可线性渐变的环形进度条的实现探究">可线性渐变的环形进度条的实现探究</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
269
  </g>
270
270
  </svg>
271
- <span>7</span>
271
+ <span>4</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
275
- <span>云叔_又拍云</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
275
+ <span>京东设计中心JDC</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...
279
+ 本文主要介绍基于 NutUI Vue3 的 circleProgress 组件的设计与实现原理，是一个圆环形的进度条组件，用来展示操作的当前进度，支持修改进度以及渐变色。环形进度条是很常用的一个组件，特别是在管理后台数据统计...
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/1190000042216004" target="_blank" title="一张图进阶 RocketMQ - 消息存储">一张图进阶 RocketMQ - 消息存储</a>
288
+ <a href="https://segmentfault.com/a/1190000042261453" target="_blank" title="使用前端技术实现静态图片局部流动效果 🌊">使用前端技术实现静态图片局部流动效果 🌊</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
297
  </g>
298
298
  </svg>
299
- <span>5</span>
299
+ <span>6</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/sancijun" title="Programming Language">
303
- <span>三此君</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
303
+ <span>dragonir</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...
307
+ 如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...
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/1190000042228467" target="_blank" title="SegmentFault 思否技术周刊 -- Spring Boot 是否很难用？">SegmentFault 思否技术周刊 -- Spring Boot 是否很难用？</a>
316
+ <a href="https://segmentfault.com/a/1190000042262023" target="_blank" title="SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效">SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,7 +324,7 @@
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
330
  <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
@@ -332,7 +332,7 @@
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 关于 Spring Boot + Vue3 的动态菜单，松哥之前已经写了两篇文章了，这两篇文章主要是从代码上和大家分析动态菜单最终的实现方式，但是还是有小伙伴觉得没太看明白，感觉缺乏一个提纲挈领的思路，所以，今天松哥...
335
+ CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。
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/1190000042238526" target="_blank" title="你的 Tap bar 不够花里胡哨，试试这个！">你的 Tap bar 不够花里胡哨，试试这个！</a>
344
+ <a href="https://segmentfault.com/a/1190000042254696" target="_blank" title="M1 nvm install报错">M1 nvm install报错</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>6</span>
355
+ <span>2</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
359
- <span>前端小智</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
359
+ <span>浅夏晴空</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
363
+ M1执行nvm install安装node报错404 {代码...} 经过分析发现命令安装node版本时，M1电脑自动拼接路径如下：[链接]arm64是M1特有的软件命令方式 目前node官网不提供此类的压缩包 压缩包官网 解决方案执行install命...
364
364
  </div>
365
365
  </div>
366
366
  </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/1190000042231726" target="_blank" title="2021，字节最值得关注的10个开源项目">2021，字节最值得关注的10个开源项目</a>
372
+ <a href="https://segmentfault.com/a/1190000042252269" target="_blank" title="if err != nil 太烦？Go 创始人教你如何对错误进行编程！">if err != nil 太烦？Go 创始人教你如何对错误进行编程！</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>5</span>
383
+ <span>3</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
387
- <span>xiangzhihong</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
387
+ <span>煎鱼</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 在软件开发行业，【开源是让技术走向普及、下沉落地的不二法门】。开源软件系统性地利用开放式开发和分布式同行评审，不仅降低了开发成本，还提高了软件质量。 以下是字节跳动技术团队2021年开源的项目，有哪些值...
391
+ 前段时间我分享了一篇文章《10+ 条 Go 官方谚语，你知道几条？》，引发了许多小伙伴的讨论。其中有一条 “Errors are values”，大家在是 “错误是值” 还是 “错误就是价值” 中反复横跳，纠结不易。
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/1190000042229574" target="_blank" title="用好 DIV 和 API，在前端系统中轻松嵌入数据分析模块">用好 DIV 和 API，在前端系统中轻松嵌入数据分析模块</a>
400
+ <a href="https://segmentfault.com/a/1190000042239199" target="_blank" title="一次node文件操作过多排查过程总结">一次node文件操作过多排查过程总结</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
409
409
  </g>
410
410
  </svg>
411
- <span>2</span>
411
+ <span>1</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
415
- <span>六一</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/poetries" title="Programming Language">
415
+ <span>程序员poetry</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 在数字化转型潮流席卷各大行业的今天，越来越多的企业开始重视 BI（商业智能）技术的部署和应用，期望从不断增长的数据资源中获得更多业务价值，从而提升利润、控制风险、降低成本。BI 能整合、组织和分析数据，...
419
+ 大家好，我是poetry。最近在优化公司内部的脚手架，遇到一个问题，Error: EMFILE, too many open files也就是nodejs打开文件过多会导致错误，一次次排查，最后找到了一个有效的方法，总结记录一下
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042238962" target="_blank" title="可线性渐变的环形进度条的实现探究">可线性渐变的环形进度条的实现探究</a>
428
+ <a href="https://segmentfault.com/a/1190000042242558" target="_blank" title="MarkDown简明语法手册">MarkDown简明语法手册</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>4</span>
439
+ <span>3</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
443
- <span>京东设计中心JDC</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/zbzcdzf" title="Programming Language">
443
+ <span>代码的路</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 本文主要介绍基于 NutUI Vue3 的 circleProgress 组件的设计与实现原理，是一个圆环形的进度条组件，用来展示操作的当前进度，支持修改进度以及渐变色。环形进度条是很常用的一个组件，特别是在管理后台数据统计...
447
+ 原文链接1. 斜体和粗体使用 和 * 表示斜体和粗体。示例：这是 斜体，这是 粗体。2. 分级标题使用 === 表示一级标题，使用 --- 表示二级标题。示例： {代码...} 你也可以选择在行首加井号表示不同级别的标题 (H1-H...
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/1190000042234229" target="_blank" title="vue3中的setup方法">vue3中的setup方法</a>
456
+ <a href="https://segmentfault.com/a/1190000042246391" target="_blank" title="Go十大常见错误第3篇：Go指针的性能问题和内存逃逸">Go十大常见错误第3篇：Go指针的性能问题和内存逃逸</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>4</span>
467
+ <span>1</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/ddee" title="Programming Language">
471
- <span>Kyle</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
471
+ <span>coding进阶</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...
475
+ 前言这是Go十大常见错误系列的第3篇：Go指针的性能问题和内存逃逸。素材来源于Go布道者，现Docker公司资深工程师Teiva Harsanyi。本文涉及的源代码全部开源在：Go十大常见错误源代码，欢迎大家关注公众号，及时获...
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/1190000042233578" target="_blank" title="自定义React Hooks">自定义React Hooks</a>
484
+ <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -495,12 +495,12 @@
495
495
  <span>2</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
499
- <span>浅夏晴空</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/justbecoder" title="Programming Language">
499
+ <span>胡哥有话说</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 副作用问题：诸如数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用
503
+ 本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。
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/1190000042223771" target="_blank" title="SegmentFault 思否在 ApacheCon Asia 2022 议题全览">SegmentFault 思否在 ApacheCon Asia 2022 议题全览</a>
512
+ <a href="https://segmentfault.com/a/1190000042243922" target="_blank" title="如何用Golang来手撸一个Blog - Milu.blog 开发总结">如何用Golang来手撸一个Blog - Milu.blog 开发总结</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>3</span>
523
+ <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
527
- <span>MissD</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/jikey" title="Programming Language">
527
+ <span>杰克</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- ApacheCon Asia 2022 将于 7 月 29-31 日在线举办，内容覆盖大数据、人工智能、中间件等多个技术领域，以及 Apache 孵化器、开源文化、社区等专题。持续三天，足不出户即可参加 Apache 技术盛宴！
531
+ 前段时间上线了一个小博客，今天有点空总结一下[链接]，走过路过的小伙伴不要错过。Golang 边学边撸，这个看起来不复杂的小东西前后搞了2个多月的时间。在前期技术选型时，做为一个略懂前端的菜鸟，在前端方面做...
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/1190000042229767" target="_blank" title="Charles使用教程">Charles使用教程</a>
540
+ <a href="https://segmentfault.com/a/1190000042239884" target="_blank" title="MQTT over QUIC：下一代物联网标准协议为消息传输场景注入新动力">MQTT over QUIC：下一代物联网标准协议为消息传输场景注入新动力</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -551,12 +551,12 @@
551
551
  <span>1</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
555
- <span>浅夏晴空</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/emqx" title="Programming Language">
555
+ <span>EMQX</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- Charles 是一个 HTTP 和 SOCKS 代理服务器。代理请求和响应使 Charles 能够在请求从客户端传递到服务器时检查和更改请求，以及从服务器传递到客户端时的响应。
559
+ 引言：首个将 QUIC 引入 MQTT 的开创性产品不久前，开源的大规模分布式物联网 MQTT 消息服务器 EMQX 发布了5.0版本。EMQX 5.0 不仅是全球首个实现单集群支持 1 亿连接的分布式 MQTT 消息服务器，还开创性地引入了...
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/1190000042221657" target="_blank" title="CSS 也可以写 if/else 语法了">CSS 也可以写 if/else 语法了</a>
568
+ <a href="https://segmentfault.com/a/1190000042246598" target="_blank" title="3 分钟掌握 Node.js 版本的区别">3 分钟掌握 Node.js 版本的区别</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>5</span>
579
+ <span>3</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/pingan8787" title="Programming Language">
583
+ <span>pingan8787</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
587
+ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。在我们日常开发中，Node.js 使用场景越来越多，大到服务端项目，小到开发工具脚本，所以掌握 Node.js 一些基础知识是非常有必要的。今天主要聊一下 ...
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/1190000042227498" target="_blank" title="typescript隐式类型转换图，很直观详细">typescript隐式类型转换图，很直观详细</a>
596
+ <a href="https://segmentfault.com/a/1190000042267425" target="_blank" title="妙用 CSS 构建花式透视背景效果">妙用 CSS 构建花式透视背景效果</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>2</span>
607
+ <span>7</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
611
- <span>寒水寺一禅</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
611
+ <span>chokcoco</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 1、unknown是所有类型的父类型，其他类型都可以赋值给 unknown {代码...} 2、never 是任何类型的子类型，可以赋给任何类型 {代码...} 3、any可以赋值给任何类型，任何类型可以赋值给any，除了any不能赋值给never(...
615
+ 本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...
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/1190000042223167" target="_blank" title="开源 API 管理工具终于支持查看全部测试历史">开源 API 管理工具终于支持查看全部测试历史</a>
624
+ <a href="https://segmentfault.com/a/1190000042252173" target="_blank" title="AI目标分割能力，无需绿幕即可实现快速视频抠图">AI目标分割能力，无需绿幕即可实现快速视频抠图</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
632
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
633
633
  </g>
634
634
  </svg>
635
- <span>3</span>
635
+ <span>1</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/qishilingrendeshizi" title="Programming Language">
639
- <span>气势凌人的柿子</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
639
+ <span>HMSCore</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- Eoapi 测试历史改版啦！最初是 Eoapi 的共建者在 Issue 上提了一个建议。大概是这样的：其实，之前 Eoapi 也有测试历史，跟随 API 信息，每个 api 有自己的测试历史，这样会遇到两个问题：在查看历史时可能比较麻...
643
+ 绿幕抠图是影视制作过程中常见的技术手段，常用于视频中抠除并替换背景，通过后期加工实现视频剪辑制作的更多可能性。然而，绿幕抠图技术制作成本费时费力，无法应用于日常生活。
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042229328" target="_blank" title="Go 程序太大了，能要个延迟初始化不？">Go 程序太大了，能要个延迟初始化不？</a>
652
+ <a href="https://segmentfault.com/a/1190000042255934" target="_blank" title="6 个意想不到的 JavaScript 问题">6 个意想不到的 JavaScript 问题</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/eddycjy" title="Programming Language">
667
- <span>煎鱼</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
667
+ <span>pingan8787</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 大家好，我是煎鱼。在公司的不断发展中，一开始大多是大单体，改造慢了，一个仓库会有使用几十年的情况，仓库的规模基本是不断增大的过程。影响之一就是会应用程序打包后的体积越来越大，不知道被用哪里去了...今...
671
+ 作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来...
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/1190000042225497" target="_blank" title="冴羽答读者问：冴羽，你为什么写起了鸡汤？">冴羽答读者问：冴羽，你为什么写起了鸡汤？</a>
680
+ <a href="https://segmentfault.com/a/1190000042243785" target="_blank" title="bun.js 一个新的JavaScript运行环境">bun.js 一个新的JavaScript运行环境</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>2</span>
691
+ <span>1</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
695
- <span>冴羽</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/grewer" title="Programming Language">
695
+ <span>Grewer</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 自从写了「冴羽答读者问」系列后，我收到了朋友赠予的很多称号，“人生导师”、“鸡汤教主”、“情感博主” 等等。对于这些称号，我表示很喜欢，不过也让我产生了一些思考，就比如 “「哲理」和 「鸡汤」之间的区别是什...
699
+ 介绍Bun 是一个现代的JavaScript运行环境，如Node, Deno。主要特性如下:启动速度快。更高的性能。完整的工具（打包器、转码器、包管理）。下面我们来横向对比下框架所说的性能:相同电脑下, 不同 js 运行环境的每...
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/1190000042250628" target="_blank" title="Qwik.js框架是如何追求极致性能的?!">Qwik.js框架是如何追求极致性能的?!</a>
708
+ <a href="https://segmentfault.com/a/1190000042252404" target="_blank" title="基于微前端qiankun的多页签缓存方案实践">基于微前端qiankun的多页签缓存方案实践</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>5</span>
719
+ <span>2</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
723
- <span>lulu_up</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
723
+ <span>vivo互联网技术</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- Qwik是一款语法&#34;接近&#34;react的前端ssr框架, 前段时间看了两篇Qwik相关的文章, 对这个框架有了些兴趣, 但是去网上搜了一下, 发现相关的中文文章几乎没有了, 所以决定对其好好研究一番, 并且写一...
727
+ 本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。
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/1190000042228836" target="_blank" title="从一个小开源项目到庞大的开源矩阵，他是怎么做到的？">从一个小开源项目到庞大的开源矩阵，他是怎么做到的？</a>
736
+ <a href="https://segmentfault.com/a/1190000042242529" target="_blank" title="Hooks时代，如何写出高质量的react和vue组件？">Hooks时代，如何写出高质量的react和vue组件？</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -747,12 +747,12 @@
747
747
  <span>1</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
751
- <span>卡颂</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/lpc63szb" title="Programming Language">
751
+ <span>运维社</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 大家好，我卡颂。很多开源作者都经历过如下过程：有个好的开源点子撸起袖子加油干开源项目获得社区认可，star数量就是自己的动力随着维护时间变长，遇到挫折（时间上的消耗、伸手党的不理解...）心灰意冷，逐渐停...
755
+ 组件视图，组件中用来描述视觉效果的部分，如css和html、react的jsx或者vue的template代码组件相关逻辑，如组件生命周期，按钮交互，事件等业务相关逻辑，如登录注册，获取用户信息，获取商品列表等与组件无关的...
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/1190000042223966" target="_blank" title="Angular项目过大？合理拆分它！">Angular项目过大？合理拆分它！</a>
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>
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/longlonglong" title="Programming Language">
779
- <span>alwaysVe</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/chuckqu" title="Programming Language">
779
+ <span>chuck</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- Angular 让人诟病的一点就是打包后体积很大，一不小心 main.js就大的离谱，其实遇到类似的问题，不管是体积大、数据大、还是流量大，就一个思路：拆分。再配合浏览器的缓存机制，能很好的优化项目访问速度。
783
+ 在React中，当我们试图访问类型为HTMLElement 的元素上不存在的属性时，就会发生Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;错误。为了解决该错误，在访问属性之前，使用类型断言来正确地类型声明元素。
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/1190000042223020" target="_blank" title="开源 API 管理工具，新版本 V1.3.0：前后置脚本、查看所有....">开源 API 管理工具，新版本 V1.3.0：前后置脚本、查看所有....</a>
792
+ <a href="https://segmentfault.com/a/1190000042246545" target="_blank" title="从编译的角度来学作用域！">从编译的角度来学作用域！</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -800,15 +800,15 @@
800
800
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
801
801
  </g>
802
802
  </svg>
803
- <span>3</span>
803
+ <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
807
- <span>eoapi</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/mohaixiao_62c9572f77386" title="Programming Language">
807
+ <span>默海笑</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 我们的 1.3.0 版本功能伴随着炎热的天气如火如荼地发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全...
811
+ 作用域是什么？思维导图编译原理我们都认为js是一门动态语言，但是其实是一门编译语言，但是不是提前编译的，编译结果也不能在分布式系 统中进行移植编译流程传统编译语言的流程程序中的一段源代码在执行之前会经...
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/1190000042222396" target="_blank" title="测试用例千万不能随便，记录由一个测试用例异常引起的思考">测试用例千万不能随便，记录由一个测试用例异常引起的思考</a>
820
+ <a href="https://segmentfault.com/a/1190000042246459" target="_blank" title="四大科技巨头呼吁废除闰秒；国内 Go 语言爱好者发起新编程语言；Java 7 生命周期结束 | 思否周刊">四大科技巨头呼吁废除闰秒；国内 Go 语言爱好者发起新编程语言；Java 7 生命周期结束 | 思否周刊</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>1</span>
831
+ <span>0</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
835
- <span>铂赛东</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
835
+ <span>snakesss</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 我以前写测试用例只是针对业务接口，每个接口写一个，数据case也只是测一种。能跑通就可以了。要不同的场景case，那就改数据。重新跑一遍。简单省事。
839
+ 40s 新闻速递国内 Go 语言爱好者发起新编程语言540 万 Twitter 账号信息泄露，卖价 3 万美元苹果应用商店被曝大量色情 App四大科技巨头呼吁废除闰秒马斯克要求推特收购案 10 月 17 日审判iPhone14 或支持万兆网，...
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/1190000042232098" target="_blank" title="mysql 最大建议行数2000w,靠谱吗？">mysql 最大建议行数2000w,靠谱吗？</a>
848
+ <a href="https://segmentfault.com/a/1190000042256231" target="_blank" title="JavaScript WebGL 三维相关概念">JavaScript WebGL 三维相关概念</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/jdcdevloper" title="Programming Language">
863
- <span>京东科技开发者</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/xxholic" title="Programming Language">
863
+ <span>XXHolic</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 作为在后端圈开车的多年老司机，是不是经常听到过，“mysql 单表最好不要超过2000w”,“单表超过2000w 就要考虑数据迁移了”，“你这个表数据都马上要到2000w 了，难怪查询速度慢”
867
+ 三维坐标理论上三个分量就够了，但在看相关程序的时候，发现会出现 4 个分量，这种表示方式称为齐次坐标，它将一个原本 n 维向量用一个 n+1 维向量表示。比如向量 (x, y, z) 的齐次坐标可表示为 (x, y, z, w)。这...
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/1190000042239199" target="_blank" title="一次node文件操作过多排查过程总结">一次node文件操作过多排查过程总结</a>
876
+ <a href="https://segmentfault.com/a/1190000042255266" target="_blank" title="WebGPU 导入[1] - 入门常见问题与个人分享">WebGPU 导入[1] - 入门常见问题与个人分享</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/poetries" title="Programming Language">
891
- <span>程序员poetry</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/onsummer" title="Programming Language">
891
+ <span>四季留歌</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 大家好，我是poetry。最近在优化公司内部的脚手架，遇到一个问题，Error: EMFILE, too many open files也就是nodejs打开文件过多会导致错误，一次次排查，最后找到了一个有效的方法，总结记录一下
895
+ 什么是应用级？这两个库都屏蔽了 WebGL 的底层调用细节，大多数时候，你编写的代码更专注于“场景”中的“三维物体”的位置，加载“模型文件”，高级点的会写漂亮的“材质”。这些带引号的概念，在 WebGL 底层接口都是没...
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/1190000042242558" target="_blank" title="MarkDown简明语法手册">MarkDown简明语法手册</a>
904
+ <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>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>3</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/zbzcdzf" title="Programming Language">
919
- <span>代码的路</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
919
+ <span>前端小智</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 原文链接1. 斜体和粗体使用 和 * 表示斜体和粗体。示例：这是 斜体，这是 粗体。2. 分级标题使用 === 表示一级标题，使用 --- 表示二级标题。示例： {代码...} 你也可以选择在行首加井号表示不同级别的标题 (H1-H...
923
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042208263" target="_blank" title="Vue3 中还处在实验性阶段 Suspense 是个啥？">Vue3 中还处在实验性阶段 Suspense 是个啥？</a>
932
+ <a href="https://segmentfault.com/a/1190000042265021" 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>3</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
947
- <span>前端小智</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
947
+ <span>eoapi</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
951
+ 当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：
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/1190000042224907" target="_blank" title="树形数据转换">树形数据转换</a>
960
+ <a href="https://segmentfault.com/a/1190000042255768" 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>2</span>
971
+ <span>1</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
975
- <span>墨城</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/huobaodechahu" title="Programming Language">
975
+ <span>火爆的茶壶</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 1、树形数据转数组 {代码...} 2、数组转树形数据 {代码...}
979
+ 在上期文章中，我们主要聊了聊如何写出一个简单的小程序。既然聊到了编写小程序，那不得不提的就是如何编写其中的 CSS 样式内容，一起来看看吧。
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/2 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/5 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>