@wcj/github-rank 22.5.31 → 22.6.3

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 (38) hide show
  1. package/dist/repos.json +33211 -33209
  2. package/dist/sifou-daily.json +36 -153
  3. package/dist/sifou-monthly.json +90 -90
  4. package/dist/sifou-weekly.json +165 -165
  5. package/dist/toutiao-30.json +67 -67
  6. package/dist/toutiao-7.json +111 -111
  7. package/dist/toutiao-90.json +35 -35
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +159 -159
  10. package/dist/trending-weekly.json +166 -166
  11. package/dist/users.china.json +2856 -2856
  12. package/dist/users.json +3541 -3541
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33211 -33209
  16. package/web/data/sifou-daily.json +36 -153
  17. package/web/data/sifou-monthly.json +90 -90
  18. package/web/data/sifou-weekly.json +165 -165
  19. package/web/data/toutiao-30.json +67 -67
  20. package/web/data/toutiao-7.json +111 -111
  21. package/web/data/toutiao-90.json +35 -35
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +159 -159
  24. package/web/data/trending-weekly.json +166 -166
  25. package/web/data/users.china.json +2856 -2856
  26. package/web/data/users.json +3541 -3541
  27. package/web/index.html +1878 -1878
  28. package/web/repos.html +4385 -4385
  29. package/web/sifou-daily.html +31 -395
  30. package/web/sifou-monthly.html +124 -124
  31. package/web/sifou-weekly.html +138 -138
  32. package/web/toutiao-30.html +91 -91
  33. package/web/toutiao-7.html +84 -84
  34. package/web/toutiao-90.html +44 -44
  35. package/web/trending-monthly.html +141 -137
  36. package/web/trending-weekly.html +146 -142
  37. package/web/trending.html +138 -158
  38. package/web/users.china.html +1420 -1420
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/5/31 by
119
+ <div class="time">Last cache created on 2022/6/3 by
120
120
 
121
121
 
122
122
 
@@ -147,7 +147,7 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041887820" target="_blank" title="妙啊！动画还可以这样控制？">妙啊！动画还可以这样控制？</a>
150
+ <a href="https://segmentfault.com/a/1190000041925065" target="_blank" title="为我们的 10 周年喝彩">为我们的 10 周年喝彩</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
158
158
  <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"/>
159
159
  </g>
160
160
  </svg>
161
- <span>19</span>
161
+ <span>39</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
165
- <span>chokcoco</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/joyqi" title="Programming Language">
165
+ <span>joyqi</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
169
+ 10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
178
+ <a href="https://segmentfault.com/a/1190000041925107" target="_blank" title="归零进一 | SegmentFault 思否社区 10 周年社区福利来了！">归零进一 | SegmentFault 思否社区 10 周年社区福利来了！</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
186
186
  <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"/>
187
187
  </g>
188
188
  </svg>
189
- <span>20</span>
189
+ <span>22</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
193
- <span>零一</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
193
+ <span>SegmentFault思否</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇
197
+ 作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
206
+ <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -217,12 +217,12 @@
217
217
  <span>8</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
221
- <span>Beverly</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
221
+ <span>韩天峰</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
225
+ 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</a>
234
+ <a href="https://segmentfault.com/a/1190000041926694" target="_blank" title="社区的力量 | SegmentFault 思否十周年，伙伴们说">社区的力量 | SegmentFault 思否十周年，伙伴们说</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -242,15 +242,15 @@
242
242
  <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"/>
243
243
  </g>
244
244
  </svg>
245
- <span>9</span>
245
+ <span>5</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
249
- <span>云叔_又拍云</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
249
+ <span>SegmentFault思否</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
253
+ 开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
262
+ <a href="https://segmentfault.com/a/1190000041926662" target="_blank" title="十年老友记 | @张京：我编程了三十年，编程就是我的符号">十年老友记 | @张京：我编程了三十年，编程就是我的符号</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <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"/>
271
271
  </g>
272
272
  </svg>
273
- <span>7</span>
273
+ <span>8</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
277
- <span>韩天峰</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
277
+ <span>思否编辑部</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
281
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041782911" target="_blank" title="13 个Typescript 实用类型：开发人员的备忘单">13 个Typescript 实用类型：开发人员的备忘单</a>
290
+ <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <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"/>
299
299
  </g>
300
300
  </svg>
301
- <span>14</span>
301
+ <span>8</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
305
- <span>前端小智</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
305
+ <span>Beverly</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。
309
+ JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041898249" target="_blank" title="Change Buffer 只适用于非唯一索引页？错">Change Buffer 只适用于非唯一索引页？错</a>
318
+ <a href="https://segmentfault.com/a/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
326
326
  <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"/>
327
327
  </g>
328
328
  </svg>
329
- <span>6</span>
329
+ <span>9</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
333
- <span>云叔_又拍云</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
333
+ <span>dragonir</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：
337
+ 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041886918" target="_blank" title="HTTP cookie 完整指南">HTTP cookie 完整指南</a>
346
+ <a href="https://segmentfault.com/a/1190000041914954" target="_blank" title="CSS 变量自动变色技术">CSS 变量自动变色技术</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <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"/>
355
355
  </g>
356
356
  </svg>
357
- <span>5</span>
357
+ <span>8</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
361
- <span>前端小智</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
361
+ <span>XboxYan</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
365
+ 欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（&gt;=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041893133" target="_blank" title="我爱上了这个网站！">我爱上了这个网站！</a>
374
+ <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <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"/>
383
383
  </g>
384
384
  </svg>
385
- <span>3</span>
385
+ <span>8</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
389
- <span>程序员cxuan</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
389
+ <span>亖混子</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。
393
+ 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041895680" target="_blank" title="js 生成UUID的几种方法">js 生成UUID的几种方法</a>
402
+ <a href="https://segmentfault.com/a/1190000041907712" target="_blank" title="Go 反射机制详解">Go 反射机制详解</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <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"/>
411
411
  </g>
412
412
  </svg>
413
- <span>5</span>
413
+ <span>6</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
417
- <span>墨城</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
417
+ <span>LiberHome</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...
421
+ 反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041895580" target="_blank" title="常见文件MIME对照表">常见文件MIME对照表</a>
430
+ <a href="https://segmentfault.com/a/1190000041909871" target="_blank" title="Vue 之 nextTick 原理">Vue 之 nextTick 原理</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <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"/>
439
439
  </g>
440
440
  </svg>
441
- <span>3</span>
441
+ <span>6</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
445
- <span>墨城</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
445
+ <span>佩奇烹饪家</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 在html的input标签type=file类型时，accept属性可以过滤文件类型。以下是常见文件的MIME对照表 {代码...} 以上梳理,方便后期使用
449
+ 阅读 Vue 源码就是一个很好的学习方式，不仅可以让我们帮助我们更快解决工作中遇到的问题，也能借鉴优秀源码的经验，学习高手发现问题、思考问题、解决问题的思路，学习怎么写出规范又好维护的高质量代码。
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</a>
458
+ <a href="https://segmentfault.com/a/1190000041921943" target="_blank" title="无需安装、注册，一行命令搞定内网穿透！关键是完全免费">无需安装、注册，一行命令搞定内网穿透！关键是完全免费</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
466
  <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"/>
467
467
  </g>
468
468
  </svg>
469
- <span>2</span>
469
+ <span>6</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
473
- <span>六一</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
473
+ <span>民工哥</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...
477
+ 内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041902360" target="_blank" title="CSS阴影效果三剑客">CSS阴影效果三剑客</a>
486
+ <a href="https://segmentfault.com/a/1190000041926032" target="_blank" title="Golang 常见设计模式之单例模式">Golang 常见设计模式之单例模式</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <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"/>
495
495
  </g>
496
496
  </svg>
497
- <span>3</span>
497
+ <span>4</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
501
- <span>沉静地闪光</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
501
+ <span>云叔_又拍云</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
505
+ 之前我们已经看过了 Golang 常见设计模式中的装饰和选项模式，今天要看的是 Golang 设计模式里最简单的单例模式。单例模式的作用是确保无论对象被实例化多少次，全局都只有一个实例存在。根据这一特性，我们可以...
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</a>
514
+ <a href="https://segmentfault.com/a/1190000041919298" target="_blank" title="3000帧动画图解MySQL为什么需要binlog、redo log和undo log">3000帧动画图解MySQL为什么需要binlog、redo log和undo log</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <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"/>
523
523
  </g>
524
524
  </svg>
525
- <span>3</span>
525
+ <span>6</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
529
- <span>dragonir</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
529
+ <span>CoderW</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
533
+ 全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041890140" target="_blank" title="如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结">如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结</a>
542
+ <a href="https://segmentfault.com/a/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -553,12 +553,12 @@
553
553
  <span>2</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
557
- <span>腾讯云加社区</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
557
+ <span>六一</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 本文是从项目工程角度来讲解的，技术角度请参看另一个文章《真实项目代码教你四步扔了传统服务器，让你优雅使用Serverless做全栈开发》（[链接])
561
+ 说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041901584" target="_blank" title="低代码开源， 一键设计稿生成代码，帮您解决生产痛点">低代码开源， 一键设计稿生成代码，帮您解决生产痛点</a>
570
+ <a href="https://segmentfault.com/a/1190000041913011" target="_blank" title="Kafka到底有多高可靠？（RNG NB）">Kafka到底有多高可靠？（RNG NB）</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
578
578
  <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"/>
579
579
  </g>
580
580
  </svg>
581
- <span>4</span>
581
+ <span>3</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/zuoyan" title="Programming Language">
585
- <span>左盐</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/aobing" title="Programming Language">
585
+ <span>敖丙</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...
589
+ 在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</a>
626
+ <a href="https://segmentfault.com/a/1190000041918444" target="_blank" title="冴羽答读者问：如果有机会，你会选择脱产学习深造吗？">冴羽答读者问：如果有机会，你会选择脱产学习深造吗？</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -637,12 +637,12 @@
637
637
  <span>3</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
641
- <span>云音乐技术团队</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
641
+ <span>冴羽</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。
645
+ 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041904219" target="_blank" title="云音乐低代码：基于 CodeSandbox 的沙箱性能优化">云音乐低代码：基于 CodeSandbox 的沙箱性能优化</a>
654
+ <a href="https://segmentfault.com/a/1190000041909858" target="_blank" title="坑：ssh: connect to host github.com port 22: Connection refused">坑：ssh: connect to host github.com port 22: Connection refused</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <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"/>
663
663
  </g>
664
664
  </svg>
665
- <span>2</span>
665
+ <span>7</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
669
- <span>云音乐技术团队</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
669
+ <span>coding进阶</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...
673
+ 本文以Windows系统为例进行说明，在个人电脑上使用Git命令来操作GitHub上的项目，本来都很正常，突然某一天开始，会提示如下错误ssh: connect to host github.com port 22: Connection refused。
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</a>
682
+ <a href="https://segmentfault.com/a/1190000041913353" target="_blank" title="&#39;return await promise&#39; 与 &#39;return promise&#39; 这细微的区别">&#39;return await promise&#39; 与 &#39;return promise&#39; 这细微的区别</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>3</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
697
- <span>徐三刀</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
697
+ <span>前端小智</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
701
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041909871" target="_blank" title="Vue 之 nextTick 原理">Vue 之 nextTick 原理</a>
710
+ <a href="https://segmentfault.com/a/1190000041904219" target="_blank" title="云音乐低代码：基于 CodeSandbox 的沙箱性能优化">云音乐低代码：基于 CodeSandbox 的沙箱性能优化</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
718
  <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"/>
719
719
  </g>
720
720
  </svg>
721
- <span>4</span>
721
+ <span>2</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
725
- <span>佩奇烹饪家</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
725
+ <span>云音乐技术团队</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 阅读 Vue 源码就是一个很好的学习方式，不仅可以让我们帮助我们更快解决工作中遇到的问题，也能借鉴优秀源码的经验，学习高手发现问题、思考问题、解决问题的思路，学习怎么写出规范又好维护的高质量代码。
729
+ 距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...
730
730
  </div>
731
731
  </div>
732
732
  </li>
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041831737" target="_blank" title="前端面试资料整理【工具篇】">前端面试资料整理【工具篇】</a>
738
+ <a href="https://segmentfault.com/a/1190000041910623" target="_blank" title="iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊">iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -749,12 +749,12 @@
749
749
  <span>2</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
753
- <span>donggg</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
753
+ <span>snakesss</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- cjs 是运行是加载（export.module返回的是实际代码，顺序执行，阻塞执行），esm 是编译时输出接口（export 返回的是挂载在 webpack_require.d 上的 key）
757
+ 40s 新闻速递扎克伯格因参与数据泄露决策遭起诉苹果 iPhone 14 Pro 高清渲染图曝光苹果关闭 iOS 15.4.1 验证通道Win11 “大义灭亲”：控制功能拦截自家文件搜狐大量员工遭遇 “工资补助” 诈骗，损失惨重iPhone14 有...
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041897432" target="_blank" title="HTML语义化，一图以蔽之">HTML语义化，一图以蔽之</a>
766
+ <a href="https://segmentfault.com/a/1190000041923452" target="_blank" title="地表最强 Markdown 文本编辑工具——Obsidian">地表最强 Markdown 文本编辑工具——Obsidian</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -777,12 +777,12 @@
777
777
  <span>3</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
781
- <span>沉静地闪光</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/jeffjade" title="Programming Language">
781
+ <span>jeffjade</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- HTML语义化，一图以蔽之图片来源于网络
785
+ 沈从文先生在给张兆和的情书中，有写道：“我一辈子走过许多地方的路，行过许多地方的桥，看过许多形状的云，喝过许多种类的酒，却只爱过一个正当最好年龄的人”。近十年，写文章或文档，用过非常多基于 Markdown ...
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041899090" target="_blank" title="JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE">JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE</a>
794
+ <a href="https://segmentfault.com/a/1190000041923139" target="_blank" title="React 发明的 server component 居然和 server-side render不是一个东西">React 发明的 server component 居然和 server-side render不是一个东西</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -805,12 +805,12 @@
805
805
  <span>2</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
809
- <span>程序猿DD</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/loki" title="Programming Language">
809
+ <span>知心哥哥</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 他们认为目前行业中的用户界面趋势已经发生了演变，很多新用户认为JetBrains IDE的界面过于笨重，而且过时。所以，团队做出了大胆的决定，将以全新的眼光来重新设计IntelliJ IDEA和相关IDE的外观和感觉。
813
+ React 发明的 server component 居然和 server-side render不是一个东西，是用一种JSON数据把页面描述出来，让浏览器渲染的技术。
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041888767" target="_blank" title="骚爆了... Go 错误处理中再套个娃，能解决烦恼不？">骚爆了... Go 错误处理中再套个娃，能解决烦恼不？</a>
822
+ <a href="https://segmentfault.com/a/1190000041909288" target="_blank" title="GitHub Copilot could not connect to server">GitHub Copilot could not connect to server</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -833,12 +833,12 @@
833
833
  <span>2</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
837
- <span>煎鱼</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/luoyang_5c76c1a8be165" title="Programming Language">
837
+ <span>裸阳</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 大家好，我是煎鱼。在 Go 的编程中，错误处理机制的处理永远是大家在讨论。不过 Go1 没法大动干戈了，那就想办法继续优化吧。今天煎鱼给大家介绍一个五一假期期间学习时看到的一个新提案。背景在现阶段，我们在标...
841
+ GitHub Copilot could not connect to server. Extension activation failed: &#34;connect ECONNREFUSED 127.0.0.1:443&#34;
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041896595" target="_blank" title="Go学习笔记-Gin常用功能">Go学习笔记-Gin常用功能</a>
850
+ <a href="https://segmentfault.com/a/1190000041926606" target="_blank" title="十年老友记 | @杨成功：没有什么能比写代码更让我快乐">十年老友记 | @杨成功：没有什么能比写代码更让我快乐</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
858
  <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"/>
859
859
  </g>
860
860
  </svg>
861
- <span>3</span>
861
+ <span>2</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
865
- <span>IT小马</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
865
+ <span>思否编辑部</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...
869
+ 十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041889285" target="_blank" title="高危！Fastjson反序列化远程代码执行漏洞风险通告，请尽快升级">高危！Fastjson反序列化远程代码执行漏洞风险通告，请尽快升级</a>
878
+ <a href="https://segmentfault.com/a/1190000041907103" target="_blank" title="你可能不了解的 Promise 微任务类型">你可能不了解的 Promise 微任务类型</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -889,12 +889,12 @@
889
889
  <span>1</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
893
- <span>葡萄城技术团队</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
893
+ <span>deepfunc</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 据国家网络与信息安全信息通报中心监测发现，开源Java开发组件Fastjson存在反序列化远程代码执行漏洞。攻击者可利用上述漏洞实施任意文件写入、服务端请求伪造等攻击行为，造成服务器权限被窃取、敏感信息泄漏等...
897
+ 先来看一道示例题。按照以往的理解，我以为输出顺序是 2 1 3 4。然后通过调试发现 promise1 在初始化后状态依然是 pending，感觉自己在理解 Promise 微任务方面还是存在不足。研究了下 ECMA 规范，终于把这个问题...
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041876308" target="_blank" title="8个酷炫的GitHub技巧，让你看起来像大佬一样！">8个酷炫的GitHub技巧，让你看起来像大佬一样！</a>
906
+ <a href="https://segmentfault.com/a/1190000041913824" target="_blank" title="精读《web reflow》">精读《web reflow》</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <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"/>
915
915
  </g>
916
916
  </svg>
917
- <span>2</span>
917
+ <span>4</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
921
- <span>前端小智</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
921
+ <span>黄子毅</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
925
+ 网页渲染会经历 DOM -&gt; CSSOM -&gt; Layout(重排 or reflow) -&gt; Paint(重绘) -&gt; Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041903189" target="_blank" title="Typescript — Type Guard、Narrowing 知多少">Typescript — Type Guard、Narrowing 知多少</a>
934
+ <a href="https://segmentfault.com/a/1190000041909488" target="_blank" title="【Java面试】如何中断一个正在运行的线程？">【Java面试】如何中断一个正在运行的线程？</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <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"/>
943
943
  </g>
944
944
  </svg>
945
- <span>2</span>
945
+ <span>4</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
949
- <span>前端小智</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
949
+ <span>跟着Mic学架构</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
953
+ 一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041889195" target="_blank" title="《Mybatis 手撸专栏》第9章：细化XML语句构建器，完善静态SQL解析">《Mybatis 手撸专栏》第9章：细化XML语句构建器，完善静态SQL解析</a>
962
+ <a href="https://segmentfault.com/a/1190000041918026" target="_blank" title="前端需要了解的色彩知识">前端需要了解的色彩知识</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <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"/>
971
971
  </g>
972
972
  </svg>
973
- <span>1</span>
973
+ <span>5</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
977
- <span>小傅哥</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/vleedesigntheory" title="Programming Language">
977
+ <span>野林</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 如果不是长时间的沉淀、积累和储备，我一定也没有办法用更多的维度和更多的视角来对一个问题进行多方面阐述。就像你我；越过峭壁山川，才知枕席还师的通达平坦。领略过雷声千嶂落，雨色万峰来，才闻到八表流云澄...
981
+ 在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外（ps：历史原因），后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于...
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/5/31 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/3 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>