@wcj/github-rank 22.8.4 → 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 +37262 -37264
  2. package/dist/sifou-daily.json +12 -75
  3. package/dist/sifou-monthly.json +114 -114
  4. package/dist/sifou-weekly.json +151 -151
  5. package/dist/toutiao-30.json +106 -106
  6. package/dist/toutiao-7.json +115 -115
  7. package/dist/toutiao-90.json +50 -50
  8. package/dist/trending-daily.json +161 -172
  9. package/dist/trending-monthly.json +165 -165
  10. package/dist/trending-weekly.json +163 -163
  11. package/dist/users.china.json +2205 -2205
  12. package/dist/users.json +3659 -3659
  13. package/package.json +1 -1
  14. package/web/data/repos.json +37262 -37264
  15. package/web/data/sifou-daily.json +12 -75
  16. package/web/data/sifou-monthly.json +114 -114
  17. package/web/data/sifou-weekly.json +151 -151
  18. package/web/data/toutiao-30.json +106 -106
  19. package/web/data/toutiao-7.json +115 -115
  20. package/web/data/toutiao-90.json +50 -50
  21. package/web/data/trending-daily.json +161 -172
  22. package/web/data/trending-monthly.json +165 -165
  23. package/web/data/trending-weekly.json +163 -163
  24. package/web/data/users.china.json +2205 -2205
  25. package/web/data/users.json +3659 -3659
  26. package/web/index.html +1880 -1880
  27. package/web/repos.html +4148 -4152
  28. package/web/sifou-daily.html +11 -207
  29. package/web/sifou-monthly.html +133 -133
  30. package/web/sifou-weekly.html +135 -135
  31. package/web/toutiao-30.html +110 -110
  32. package/web/toutiao-7.html +86 -86
  33. package/web/toutiao-90.html +99 -99
  34. package/web/trending-monthly.html +147 -143
  35. package/web/trending-weekly.html +144 -144
  36. package/web/trending.html +143 -173
  37. package/web/users.china.html +1185 -1185
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/4 by
119
+ <div class="time">Last cache created on 2022/8/7 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>11</span>
159
+ <span>16</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -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/1190000042250628" target="_blank" title="Qwik.js框架是如何追求极致性能的?!">Qwik.js框架是如何追求极致性能的?!</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>7</span>
215
+ <span>11</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
219
- <span>lulu_up</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
- Qwik是一款语法&#34;接近&#34;react的前端ssr框架, 前段时间看了两篇Qwik相关的文章, 对这个框架有了些兴趣, 但是去网上搜了一下, 发现相关的中文文章几乎没有了, 所以决定对其好好研究一番, 并且写一...
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
 
@@ -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>6</span>
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>
@@ -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/1190000042216004" target="_blank" title="一张图进阶 RocketMQ - 消息存储">一张图进阶 RocketMQ - 消息存储</a>
260
+ <a href="https://segmentfault.com/a/1190000042261453" 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>5</span>
271
+ <span>8</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/sancijun" title="Programming Language">
275
- <span>三此君</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
275
+ <span>dragonir</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...
279
+ 如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...
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/1190000042238526" target="_blank" title="你的 Tap bar 不够花里胡哨，试试这个！">你的 Tap bar 不够花里胡哨，试试这个！</a>
288
+ <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</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>6</span>
299
+ <span>4</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
303
- <span>前端小智</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
303
+ <span>葡萄城技术团队</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
307
+ 如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。
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/1190000042238962" target="_blank" title="可线性渐变的环形进度条的实现探究">可线性渐变的环形进度条的实现探究</a>
316
+ <a href="https://segmentfault.com/a/1190000042250628" target="_blank" title="Qwik.js框架是如何追求极致性能的?!">Qwik.js框架是如何追求极致性能的?!</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
325
325
  </g>
326
326
  </svg>
327
- <span>4</span>
327
+ <span>8</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/jingdongshejizhongxin" title="Programming Language">
331
- <span>京东设计中心JDC</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
331
+ <span>lulu_up</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 本文主要介绍基于 NutUI Vue3 的 circleProgress 组件的设计与实现原理，是一个圆环形的进度条组件，用来展示操作的当前进度，支持修改进度以及渐变色。环形进度条是很常用的一个组件，特别是在管理后台数据统计...
335
+ Qwik是一款语法&#34;接近&#34;react的前端ssr框架, 前段时间看了两篇Qwik相关的文章, 对这个框架有了些兴趣, 但是去网上搜了一下, 发现相关的中文文章几乎没有了, 所以决定对其好好研究一番, 并且写一...
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/1190000042234229" target="_blank" title="vue3中的setup方法">vue3中的setup方法</a>
344
+ <a href="https://segmentfault.com/a/1190000042262023" target="_blank" title="SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效">SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -355,12 +355,12 @@
355
355
  <span>4</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/ddee" title="Programming Language">
359
- <span>Kyle</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
359
+ <span>Beverly</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...
363
+ CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。
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/1190000042233578" target="_blank" title="自定义React Hooks">自定义React Hooks</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
 
@@ -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>2</span>
383
+ <span>3</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" 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
- 副作用问题：诸如数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用
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/1190000042254696" target="_blank" title="M1 nvm install报错">M1 nvm install报错</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
 
@@ -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>3</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" 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
- M1执行nvm install安装node报错404 {代码...} 经过分析发现命令安装node版本时，M1电脑自动拼接路径如下：[链接]arm64是M1特有的软件命令方式 目前node官网不提供此类的压缩包 压缩包官网 解决方案执行install命...
419
+ 开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用, 今天我们讲一下&#34;增删改查&#34;组件:v-curd.
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/1190000042252269" target="_blank" title="if err != nil 太烦？Go 创始人教你如何对错误进行编程！">if err != nil 太烦？Go 创始人教你如何对错误进行编程！</a>
428
+ <a href="https://segmentfault.com/a/1190000042254696" target="_blank" title="M1 nvm install报错">M1 nvm install报错</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
437
437
  </g>
438
438
  </svg>
439
- <span>3</span>
439
+ <span>2</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
443
- <span>煎鱼</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
443
+ <span>浅夏晴空</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 前段时间我分享了一篇文章《10+ 条 Go 官方谚语，你知道几条？》，引发了许多小伙伴的讨论。其中有一条 “Errors are values”，大家在是 “错误是值” 还是 “错误就是价值” 中反复横跳，纠结不易。
447
+ M1执行nvm install安装node报错404 {代码...} 经过分析发现命令安装node版本时，M1电脑自动拼接路径如下：[链接]arm64是M1特有的软件命令方式 目前node官网不提供此类的压缩包 压缩包官网 解决方案执行install命...
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/1190000042239199" target="_blank" title="一次node文件操作过多排查过程总结">一次node文件操作过多排查过程总结</a>
456
+ <a href="https://segmentfault.com/a/1190000042252269" target="_blank" title="if err != nil 太烦？Go 创始人教你如何对错误进行编程！">if err != nil 太烦？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>1</span>
467
+ <span>4</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/poetries" title="Programming Language">
471
- <span>程序员poetry</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
471
+ <span>煎鱼</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 大家好，我是poetry。最近在优化公司内部的脚手架，遇到一个问题，Error: EMFILE, too many open files也就是nodejs打开文件过多会导致错误，一次次排查，最后找到了一个有效的方法，总结记录一下
475
+ 前段时间我分享了一篇文章《10+ 条 Go 官方谚语，你知道几条？》，引发了许多小伙伴的讨论。其中有一条 “Errors are values”，大家在是 “错误是值” 还是 “错误就是价值” 中反复横跳，纠结不易。
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/1190000042242558" target="_blank" title="MarkDown简明语法手册">MarkDown简明语法手册</a>
484
+ <a href="https://segmentfault.com/a/1190000042266784" target="_blank" title="整理了这23个开源项，初学者可以拿来练习！">整理了这23个开源项，初学者可以拿来练习！</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
493
493
  </g>
494
494
  </svg>
495
- <span>3</span>
495
+ <span>4</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/zbzcdzf" title="Programming Language">
499
- <span>代码的路</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
499
+ <span>前端小智</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 原文链接1. 斜体和粗体使用 和 * 表示斜体和粗体。示例：这是 斜体，这是 粗体。2. 分级标题使用 === 表示一级标题，使用 --- 表示二级标题。示例： {代码...} 你也可以选择在行首加井号表示不同级别的标题 (H1-H...
503
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042246391" target="_blank" title="Go十大常见错误第3篇：Go指针的性能问题和内存逃逸">Go十大常见错误第3篇：Go指针的性能问题和内存逃逸</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
 
@@ -520,15 +520,15 @@
520
520
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
521
521
  </g>
522
522
  </svg>
523
- <span>1</span>
523
+ <span>3</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
527
- <span>coding进阶</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
- 前言这是Go十大常见错误系列的第3篇：Go指针的性能问题和内存逃逸。素材来源于Go布道者，现Docker公司资深工程师Teiva Harsanyi。本文涉及的源代码全部开源在：Go十大常见错误源代码，欢迎大家关注公众号，及时获...
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/1190000042246598" target="_blank" title="3 分钟掌握 Node.js 版本的区别">3 分钟掌握 Node.js 版本的区别</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
 
@@ -556,7 +556,7 @@
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。在我们日常开发中，Node.js 使用场景越来越多，大到服务端项目，小到开发工具脚本，所以掌握 Node.js 一些基础知识是非常有必要的。今天主要聊一下 ...
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/1190000042234468" target="_blank" title="得物客服IM消息通信SDK自研之路">得物客服IM消息通信SDK自研之路</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/dewujishu" title="Programming Language">
583
- <span>得物技术</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
- 客服IM的核心业务就是在线沟通，客服与用户通过实时沟通的方式可以在最短的时间内帮助用户解决问题。初期为了快速支撑业务需求，便基于第三方SDK进行了二次开发，同时也埋下了问题定位困难，特殊功能实现成本高等...
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/1190000042243922" target="_blank" title="如何用Golang来手撸一个Blog - Milu.blog 开发总结">如何用Golang来手撸一个Blog - Milu.blog 开发总结</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>1</span>
607
+ <span>2</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/jikey" title="Programming Language">
611
- <span>杰克</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
- 前段时间上线了一个小博客，今天有点空总结一下[链接]，走过路过的小伙伴不要错过。Golang 边学边撸，这个看起来不复杂的小东西前后搞了2个多月的时间。在前期技术选型时，做为一个略懂前端的菜鸟，在前端方面做...
615
+ 公司前端工程还处于React+Mobx与Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将React业务组件...
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/1190000042239884" target="_blank" title="MQTT over QUIC：下一代物联网标准协议为消息传输场景注入新动力">MQTT over QUIC：下一代物联网标准协议为消息传输场景注入新动力</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
 
@@ -635,12 +635,12 @@
635
635
  <span>1</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/emqx" title="Programming Language">
639
- <span>EMQX</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
- 引言：首个将 QUIC 引入 MQTT 的开创性产品不久前，开源的大规模分布式物联网 MQTT 消息服务器 EMQX 发布了5.0版本。EMQX 5.0 不仅是全球首个实现单集群支持 1 亿连接的分布式 MQTT 消息服务器，还开创性地引入了...
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/1190000042252173" target="_blank" title="AI目标分割能力，无需绿幕即可实现快速视频抠图">AI目标分割能力，无需绿幕即可实现快速视频抠图</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>1</span>
663
+ <span>3</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
667
- <span>HMSCore</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
- 绿幕抠图是影视制作过程中常见的技术手段，常用于视频中抠除并替换背景，通过后期加工实现视频剪辑制作的更多可能性。然而，绿幕抠图技术制作成本费时费力，无法应用于日常生活。
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/1190000042243785" target="_blank" title="bun.js 一个新的JavaScript运行环境">bun.js 一个新的JavaScript运行环境</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
 
@@ -688,15 +688,15 @@
688
688
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
689
689
  </g>
690
690
  </svg>
691
- <span>1</span>
691
+ <span>3</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/grewer" title="Programming Language">
695
- <span>Grewer</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
- 介绍Bun 是一个现代的JavaScript运行环境，如Node, Deno。主要特性如下:启动速度快。更高的性能。完整的工具（打包器、转码器、包管理）。下面我们来横向对比下框架所说的性能:相同电脑下, 不同 js 运行环境的每...
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/1190000042242529" target="_blank" title="Hooks时代，如何写出高质量的react和vue组件？">Hooks时代，如何写出高质量的react和vue组件？</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
 
@@ -719,12 +719,12 @@
719
719
  <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/lpc63szb" title="Programming Language">
723
- <span>运维社</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
- 组件视图，组件中用来描述视觉效果的部分，如css和html、react的jsx或者vue的template代码组件相关逻辑，如组件生命周期，按钮交互，事件等业务相关逻辑，如登录注册，获取用户信息，获取商品列表等与组件无关的...
727
+ 在React中，当我们试图访问类型为HTMLElement 的元素上不存在的属性时，就会发生Property &#39;X&#39; does not exist on type &#39;HTMLElement&#39;错误。为了解决该错误，在访问属性之前，使用类型断言来正确地类型声明元素。
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/1190000042255934" target="_blank" title="6 个意想不到的 JavaScript 问题">6 个意想不到的 JavaScript 问题</a>
736
+ <a href="https://segmentfault.com/a/1190000042252404" target="_blank" title="基于微前端qiankun的多页签缓存方案实践">基于微前端qiankun的多页签缓存方案实践</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -747,12 +747,12 @@
747
747
  <span>2</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
751
- <span>pingan8787</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
751
+ <span>vivo互联网技术</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来...
755
+ 本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。
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/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
- &lt;img src=&#34;https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f7ebd0a01c80478d867342680db67c84~tplv-k3u1fbpfcp-zoom-1.image&#34; alt=&#34;&#34; width=&#34;100%&#34; /&gt;
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/1190000042252404" target="_blank" title="基于微前端qiankun的多页签缓存方案实践">基于微前端qiankun的多页签缓存方案实践</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
 
@@ -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/vivo_tech" title="Programming Language">
863
- <span>vivo互联网技术</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
- 本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。
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/1190000042233156" target="_blank" title="WGCLOUD可以监测磁盘温度、通电次数、通电时间吗">WGCLOUD可以监测磁盘温度、通电次数、通电时间吗</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/9b3sps2b" 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
- 可以WGCLOUD监控平台支持监测硬盘的温度，通电次数，通电时间，健康状态如下图
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/1190000042255266" target="_blank" title="WebGPU 导入[1] - 入门常见问题与个人分享">WebGPU 导入[1] - 入门常见问题与个人分享</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/onsummer" title="Programming Language">
919
- <span>四季留歌</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
- 什么是应用级？这两个库都屏蔽了 WebGL 的底层调用细节，大多数时候，你编写的代码更专注于“场景”中的“三维物体”的位置，加载“模型文件”，高级点的会写漂亮的“材质”。这些带引号的概念，在 WebGL 底层接口都是没...
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/1190000042245082" 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
 
@@ -943,12 +943,12 @@
943
943
  <span>2</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/douyiya_sang" title="Programming Language">
947
- <span>Douyiya</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
- Nanami 是 Nanase 的学霸朋友，每天都会把老师在课堂上讲过的重点内容更新到笔记，方便期末复习。欢乐时光总是短暂，一转眼已经到了期末考试前的最后一个周末。Nanami 也是早早起床，打开电脑开始最后的冲刺。看...
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/1190000042252026" target="_blank" title="独立产品灵感周刊 DecoHack #024 - 90年代的网站设计">独立产品灵感周刊 DecoHack #024 - 90年代的网站设计</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
 
@@ -971,12 +971,12 @@
971
971
  <span>1</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/viggoz" title="Programming Language">
975
- <span>ViggoZ</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
- 本周刊记录有趣好玩的独立产品设计开发相关内容，每周发布，感兴趣的伙伴可以点击订阅我的周刊。为保证每期都能收到，建议邮件订阅。欢迎通过 Twitter 私信推荐或投稿。
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/4 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>