@wcj/github-rank 22.6.1 → 22.6.2

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 +20859 -20859
  2. package/dist/sifou-daily.json +76 -67
  3. package/dist/sifou-monthly.json +60 -60
  4. package/dist/sifou-weekly.json +124 -124
  5. package/dist/toutiao-30.json +55 -55
  6. package/dist/toutiao-7.json +65 -65
  7. package/dist/toutiao-90.json +33 -33
  8. package/dist/trending-daily.json +170 -170
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +167 -156
  11. package/dist/users.china.json +1271 -1271
  12. package/dist/users.json +2074 -2074
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20859 -20859
  16. package/web/data/sifou-daily.json +76 -67
  17. package/web/data/sifou-monthly.json +60 -60
  18. package/web/data/sifou-weekly.json +124 -124
  19. package/web/data/toutiao-30.json +55 -55
  20. package/web/data/toutiao-7.json +65 -65
  21. package/web/data/toutiao-90.json +33 -33
  22. package/web/data/trending-daily.json +170 -170
  23. package/web/data/trending-monthly.json +155 -155
  24. package/web/data/trending-weekly.json +167 -156
  25. package/web/data/users.china.json +1271 -1271
  26. package/web/data/users.json +2074 -2074
  27. package/web/index.html +1154 -1154
  28. package/web/repos.html +3048 -3048
  29. package/web/sifou-daily.html +85 -57
  30. package/web/sifou-monthly.html +94 -94
  31. package/web/sifou-weekly.html +133 -133
  32. package/web/toutiao-30.html +62 -62
  33. package/web/toutiao-7.html +67 -67
  34. package/web/toutiao-90.html +66 -66
  35. package/web/trending-monthly.html +141 -141
  36. package/web/trending-weekly.html +174 -136
  37. package/web/trending.html +152 -144
  38. package/web/users.china.html +684 -684
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/6/1 by
119
+ <div class="time">Last cache created on 2022/6/2 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/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</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>9</span>
161
+ <span>39</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
165
- <span>Beverly</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
- React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
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/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</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>8</span>
189
+ <span>20</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/hantianfeng" 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
- 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
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/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</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
 
@@ -214,15 +214,15 @@
214
214
  <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"/>
215
215
  </g>
216
216
  </svg>
217
- <span>11</span>
217
+ <span>8</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
221
- <span>云叔_又拍云</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
- 现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
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/1190000041782911" target="_blank" title="13 个Typescript 实用类型：开发人员的备忘单">13 个Typescript 实用类型：开发人员的备忘单</a>
234
+ <a href="https://segmentfault.com/a/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</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>14</span>
245
+ <span>8</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
249
- <span>前端小智</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
249
+ <span>dragonir</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。
253
+ 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
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/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</a>
262
+ <a href="https://segmentfault.com/a/1190000041921498" target="_blank" title="SegmentFault 思否技术周刊 -- JavaScript 的那些事">SegmentFault 思否技术周刊 -- JavaScript 的那些事</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -273,12 +273,12 @@
273
273
  <span>7</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
277
- <span>dragonir</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
277
+ <span>Beverly</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
281
+ JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...
282
282
  </div>
283
283
  </div>
284
284
  </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/1190000041895680" target="_blank" title="js 生成UUID的几种方法">js 生成UUID的几种方法</a>
318
+ <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -329,12 +329,12 @@
329
329
  <span>8</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
333
- <span>墨城</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
333
+ <span>亖混子</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...
337
+ 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
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/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</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>8</span>
357
+ <span>7</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/1023" 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
- 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
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/1190000041895580" target="_blank" title="常见文件MIME对照表">常见文件MIME对照表</a>
374
+ <a href="https://segmentfault.com/a/1190000041907712" target="_blank" title="Go 反射机制详解">Go 反射机制详解</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>4</span>
385
+ <span>6</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
389
- <span>墨城</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
389
+ <span>LiberHome</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 在html的input标签type=file类型时，accept属性可以过滤文件类型。以下是常见文件的MIME对照表 {代码...} 以上梳理,方便后期使用
393
+ 反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量...
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/1190000041893133" target="_blank" title="我爱上了这个网站！">我爱上了这个网站！</a>
402
+ <a href="https://segmentfault.com/a/1190000041909871" target="_blank" title="Vue 之 nextTick 原理">Vue 之 nextTick 原理</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>3</span>
413
+ <span>6</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
417
- <span>程序员cxuan</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
417
+ <span>佩奇烹饪家</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。
421
+ 阅读 Vue 源码就是一个很好的学习方式，不仅可以让我们帮助我们更快解决工作中遇到的问题，也能借鉴优秀源码的经验，学习高手发现问题、思考问题、解决问题的思路，学习怎么写出规范又好维护的高质量代码。
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/1190000041907712" target="_blank" title="Go 反射机制详解">Go 反射机制详解</a>
430
+ <a href="https://segmentfault.com/a/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</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>6</span>
441
+ <span>2</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
445
- <span>LiberHome</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
445
+ <span>六一</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量...
449
+ 说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...
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/1190000041909871" target="_blank" title="Vue 之 nextTick 原理">Vue 之 nextTick 原理</a>
458
+ <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>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -469,12 +469,12 @@
469
469
  <span>6</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
473
- <span>佩奇烹饪家</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/coderw_5fd9998278d42" title="Programming Language">
473
+ <span>CoderW</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 阅读 Vue 源码就是一个很好的学习方式，不仅可以让我们帮助我们更快解决工作中遇到的问题，也能借鉴优秀源码的经验，学习高手发现问题、思考问题、解决问题的思路，学习怎么写出规范又好维护的高质量代码。
477
+ 全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...
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/1190000041914954" target="_blank" title="CSS 变量自动变色技术">CSS 变量自动变色技术</a>
486
+ <a href="https://segmentfault.com/a/1190000041902360" target="_blank" title="CSS阴影效果三剑客">CSS阴影效果三剑客</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>6</span>
497
+ <span>3</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
501
- <span>XboxYan</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
501
+ <span>沉静地闪光</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（&gt;=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...
505
+ 🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
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/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</a>
514
+ <a href="https://segmentfault.com/a/1190000041921943" target="_blank" title="无需安装、注册，一行命令搞定内网穿透！关键是完全免费">无需安装、注册，一行命令搞定内网穿透！关键是完全免费</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>2</span>
525
+ <span>6</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
529
- <span>六一</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
529
+ <span>民工哥</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...
533
+ 内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...
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/1190000041902360" target="_blank" title="CSS阴影效果三剑客">CSS阴影效果三剑客</a>
542
+ <a href="https://segmentfault.com/a/1190000041903085" target="_blank" title="linux挂载新硬盘并进行分区格式化">linux挂载新硬盘并进行分区格式化</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -553,12 +553,12 @@
553
553
  <span>3</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
557
- <span>沉静地闪光</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/zimug" title="Programming Language">
557
+ <span>字母哥博客</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
561
+ 最近要给小伙伴们写几篇文章，关于《linux下误删除文件之后该如何恢复》。对于没有进程占用的文件想要进行数据恢复，不同的文件系统格式需要使用不同的工具，比如：ext4、xfs等。我找遍了我所有的虚拟机服务器，...
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041906954" target="_blank" title="冴羽答读者问：怎么平衡工作与生活？">冴羽答读者问：怎么平衡工作与生活？</a>
598
+ <a href="https://segmentfault.com/a/1190000041913011" target="_blank" title="Kafka到底有多高可靠？（RNG NB）">Kafka到底有多高可靠？（RNG NB）</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -609,12 +609,12 @@
609
609
  <span>3</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
613
- <span>冴羽</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/aobing" title="Programming Language">
613
+ <span>敖丙</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...
617
+ 在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...
618
618
  </div>
619
619
  </div>
620
620
  </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/1190000041897432" target="_blank" title="HTML语义化，一图以蔽之">HTML语义化，一图以蔽之</a>
626
+ <a href="https://segmentfault.com/a/1190000041906954" target="_blank" title="冴羽答读者问：怎么平衡工作与生活？">冴羽答读者问：怎么平衡工作与生活？</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
634
  <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"/>
635
635
  </g>
636
636
  </svg>
637
- <span>4</span>
637
+ <span>3</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/007008" 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
- HTML语义化，一图以蔽之图片来源于网络
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/1190000041892519" target="_blank" title="Go Web 服务框架实现详解">Go Web 服务框架实现详解</a>
654
+ <a href="https://segmentfault.com/a/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</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>3</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
669
- <span>kevinwan</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
669
+ <span>云音乐技术团队</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 此系列文章要求读者有一定的golang基础。go-zero 是一个集成了各种工程实践的 web 和 rpc 框架。通过弹性设计保障了大并发服务端的稳定性，经受了充分的实战检验。go-zero 包含极简的 API 定义和生成工具 goctl，...
673
+ 本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。
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/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</a>
682
+ <a href="https://segmentfault.com/a/1190000041918444" target="_blank" title="冴羽答读者问：如果有机会，你会选择脱产学习深造吗？">冴羽答读者问：如果有机会，你会选择脱产学习深造吗？</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/musicfe" title="Programming Language">
697
- <span>云音乐技术团队</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
697
+ <span>冴羽</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。
701
+ 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...
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/1190000041913011" target="_blank" title="Kafka到底有多高可靠？（RNG NB）">Kafka到底有多高可靠？（RNG NB）</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>3</span>
721
+ <span>2</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/aobing" 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
- 在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...
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/1190000041904219" target="_blank" title="云音乐低代码：基于 CodeSandbox 的沙箱性能优化">云音乐低代码：基于 CodeSandbox 的沙箱性能优化</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/musicfe" title="Programming Language">
753
- <span>云音乐技术团队</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
- 距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...
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/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</a>
766
+ <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>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
774
  <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"/>
775
775
  </g>
776
776
  </svg>
777
- <span>3</span>
777
+ <span>7</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
781
- <span>徐三刀</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
781
+ <span>coding进阶</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
785
+ 本文以Windows系统为例进行说明，在个人电脑上使用Git命令来操作GitHub上的项目，本来都很正常，突然某一天开始，会提示如下错误ssh: connect to host github.com port 22: Connection refused。
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/1190000041831737" target="_blank" title="前端面试资料整理【工具篇】">前端面试资料整理【工具篇】</a>
794
+ <a href="https://segmentfault.com/a/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,15 +802,15 @@
802
802
  <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"/>
803
803
  </g>
804
804
  </svg>
805
- <span>2</span>
805
+ <span>3</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
809
- <span>donggg</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
809
+ <span>徐三刀</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- cjs 是运行是加载（export.module返回的是实际代码，顺序执行，阻塞执行），esm 是编译时输出接口（export 返回的是挂载在 webpack_require.d 上的 key）
813
+ WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
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/1190000041896595" target="_blank" title="Go学习笔记-Gin常用功能">Go学习笔记-Gin常用功能</a>
822
+ <a href="https://segmentfault.com/a/1190000041899090" target="_blank" title="JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE">JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <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"/>
831
831
  </g>
832
832
  </svg>
833
- <span>3</span>
833
+ <span>2</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
837
- <span>IT小马</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
837
+ <span>程序猿DD</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...
841
+ 他们认为目前行业中的用户界面趋势已经发生了演变，很多新用户认为JetBrains IDE的界面过于笨重，而且过时。所以，团队做出了大胆的决定，将以全新的眼光来重新设计IntelliJ IDEA和相关IDE的外观和感觉。
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/1190000041899090" target="_blank" title="JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE">JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE</a>
850
+ <a href="https://segmentfault.com/a/1190000041913824" target="_blank" title="精读《web reflow》">精读《web reflow》</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>2</span>
861
+ <span>4</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
865
- <span>程序猿DD</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
865
+ <span>黄子毅</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 他们认为目前行业中的用户界面趋势已经发生了演变，很多新用户认为JetBrains IDE的界面过于笨重，而且过时。所以，团队做出了大胆的决定，将以全新的眼光来重新设计IntelliJ IDEA和相关IDE的外观和感觉。
869
+ 网页渲染会经历 DOM -&gt; CSSOM -&gt; Layout(重排 or reflow) -&gt; Paint(重绘) -&gt; Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。
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/1190000041910623" target="_blank" title="iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊">iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊</a>
878
+ <a href="https://segmentfault.com/a/1190000041896797" target="_blank" title="让你事半功倍的JS utils工具函数">让你事半功倍的JS utils工具函数</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -889,12 +889,12 @@
889
889
  <span>2</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
893
- <span>snakesss</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/nanchengfe" title="Programming Language">
893
+ <span>南城大前端</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 40s 新闻速递扎克伯格因参与数据泄露决策遭起诉苹果 iPhone 14 Pro 高清渲染图曝光苹果关闭 iOS 15.4.1 验证通道Win11 “大义灭亲”：控制功能拦截自家文件搜狐大量员工遭遇 “工资补助” 诈骗，损失惨重iPhone14 有...
897
+ 今日分享一篇积累和收集了很久的JS utils工具函数，文章代码量较多，建议收藏起来慢慢看，当哪一天需要用到的时候，打开你尘封已久的收藏夹，相信能让你的业务代码开发事半功倍。
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/1190000041918444" target="_blank" title="冴羽答读者问：如果有机会，你会选择脱产学习深造吗？">冴羽答读者问：如果有机会，你会选择脱产学习深造吗？</a>
906
+ <a href="https://segmentfault.com/a/1190000041909488" target="_blank" title="【Java面试】如何中断一个正在运行的线程？">【Java面试】如何中断一个正在运行的线程？</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>3</span>
917
+ <span>4</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
921
- <span>冴羽</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
921
+ <span>跟着Mic学架构</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...
925
+ 一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...
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/1190000041909488" target="_blank" title="【Java面试】如何中断一个正在运行的线程？">【Java面试】如何中断一个正在运行的线程？</a>
934
+ <a href="https://segmentfault.com/a/1190000041910095" target="_blank" title="JavaScript 之原型、原型链">JavaScript 之原型、原型链</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>4</span>
945
+ <span>3</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f" title="Programming Language">
949
- <span>跟着Mic学架构</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
949
+ <span>佩奇烹饪家</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...
953
+ 其他编程语言如 Java 等使用 new 命令时，都会调用“类”的构造函数。但是，JavaScript没有“类”，本身并不提供一个 class 实现（虽然在ES6中提供了class 关键字，但其只是语法糖，JavaScript仍然是基于原型的）。于...
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/1190000041876308" target="_blank" title="8个酷炫的GitHub技巧，让你看起来像大佬一样！">8个酷炫的GitHub技巧，让你看起来像大佬一样！</a>
962
+ <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>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -973,12 +973,12 @@
973
973
  <span>2</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
977
- <span>前端小智</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/luoyang_5c76c1a8be165" title="Programming Language">
977
+ <span>裸阳</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
981
+ GitHub Copilot could not connect to server. Extension activation failed: &#34;connect ECONNREFUSED 127.0.0.1:443&#34;
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/6/1 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/2 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>