@wcj/github-rank 22.5.29 → 22.6.1

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 +34185 -34191
  2. package/dist/sifou-daily.json +102 -12
  3. package/dist/sifou-monthly.json +112 -112
  4. package/dist/sifou-weekly.json +172 -172
  5. package/dist/toutiao-30.json +83 -83
  6. package/dist/toutiao-7.json +114 -114
  7. package/dist/toutiao-90.json +89 -89
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +166 -166
  10. package/dist/trending-weekly.json +164 -175
  11. package/dist/users.china.json +2633 -2633
  12. package/dist/users.json +3433 -3434
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +34185 -34191
  16. package/web/data/sifou-daily.json +102 -12
  17. package/web/data/sifou-monthly.json +112 -112
  18. package/web/data/sifou-weekly.json +172 -172
  19. package/web/data/toutiao-30.json +83 -83
  20. package/web/data/toutiao-7.json +114 -114
  21. package/web/data/toutiao-90.json +89 -89
  22. package/web/data/trending-daily.json +173 -173
  23. package/web/data/trending-monthly.json +166 -166
  24. package/web/data/trending-weekly.json +164 -175
  25. package/web/data/users.china.json +2633 -2633
  26. package/web/data/users.json +3433 -3434
  27. package/web/index.html +1771 -1771
  28. package/web/repos.html +4671 -4667
  29. package/web/sifou-daily.html +291 -11
  30. package/web/sifou-monthly.html +126 -126
  31. package/web/sifou-weekly.html +144 -144
  32. package/web/toutiao-30.html +82 -82
  33. package/web/toutiao-7.html +83 -83
  34. package/web/toutiao-90.html +96 -96
  35. package/web/trending-monthly.html +147 -147
  36. package/web/trending-weekly.html +144 -178
  37. package/web/trending.html +146 -154
  38. package/web/users.china.html +1305 -1305
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/29 by
119
+ <div class="time">Last cache created on 2022/6/1 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/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
150
+ <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</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>18</span>
161
+ <span>9</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
165
- <span>街角小林</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
165
+ <span>Beverly</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
169
+ React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
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/1190000041879217" target="_blank" title="前端监控的搭建步骤，别再一头雾水了！">前端监控的搭建步骤，别再一头雾水了！</a>
178
+ <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</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>16</span>
189
+ <span>8</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
193
- <span>杨成功</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
193
+ <span>韩天峰</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
197
+ 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
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/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
206
+ <a href="https://segmentfault.com/a/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</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>16</span>
217
+ <span>11</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/zero2one" title="Programming Language">
221
- <span>零一</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
221
+ <span>云叔_又拍云</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇
225
+ 现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
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/1190000041887820" target="_blank" title="妙啊！动画还可以这样控制？">妙啊！动画还可以这样控制？</a>
234
+ <a href="https://segmentfault.com/a/1190000041782911" target="_blank" title="13 个Typescript 实用类型：开发人员的备忘单">13 个Typescript 实用类型：开发人员的备忘单</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -245,12 +245,12 @@
245
245
  <span>14</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
249
- <span>chokcoco</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
249
+ <span>前端小智</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
253
+ 我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。
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/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
262
+ <a href="https://segmentfault.com/a/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</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>12</span>
273
+ <span>7</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
277
- <span>xindoo</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
277
+ <span>dragonir</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...
281
+ 深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
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/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
290
+ <a href="https://segmentfault.com/a/1190000041898249" target="_blank" title="Change Buffer 只适用于非唯一索引页？错">Change Buffer 只适用于非唯一索引页？错</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -301,12 +301,12 @@
301
301
  <span>6</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
305
- <span>Beverly</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
305
+ <span>云叔_又拍云</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...
309
+ 最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：
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/1190000041881296" target="_blank" title="如何自定义 drag 样式">如何自定义 drag 样式</a>
318
+ <a href="https://segmentfault.com/a/1190000041895680" target="_blank" title="js 生成UUID的几种方法">js 生成UUID的几种方法</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>10</span>
329
+ <span>8</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
333
- <span>XboxYan</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
333
+ <span>墨城</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...
337
+ UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...
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/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</a>
346
+ <a href="https://segmentfault.com/a/1190000041918155" target="_blank" title="锁定项目 Node 版本和包管理器">锁定项目 Node 版本和包管理器</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -357,12 +357,12 @@
357
357
  <span>8</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
361
- <span>云叔_又拍云</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
361
+ <span>亖混子</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...
365
+ 成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
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/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
374
+ <a href="https://segmentfault.com/a/1190000041895580" target="_blank" title="常见文件MIME对照表">常见文件MIME对照表</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>6</span>
385
+ <span>4</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/hantianfeng" title="Programming Language">
389
- <span>韩天峰</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
389
+ <span>墨城</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...
393
+ 在html的input标签type=file类型时，accept属性可以过滤文件类型。以下是常见文件的MIME对照表 {代码...} 以上梳理,方便后期使用
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/1190000041782911" target="_blank" title="13 个Typescript 实用类型：开发人员的备忘单">13 个Typescript 实用类型：开发人员的备忘单</a>
402
+ <a href="https://segmentfault.com/a/1190000041893133" target="_blank" title="我爱上了这个网站！">我爱上了这个网站！</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>12</span>
413
+ <span>3</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
417
- <span>前端小智</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
417
+ <span>程序员cxuan</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。
421
+ 上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。
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/1190000041898249" target="_blank" title="Change Buffer 只适用于非唯一索引页？错">Change Buffer 只适用于非唯一索引页？错</a>
430
+ <a href="https://segmentfault.com/a/1190000041907712" target="_blank" title="Go 反射机制详解">Go 反射机制详解</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>5</span>
441
+ <span>6</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
445
- <span>云叔_又拍云</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
445
+ <span>LiberHome</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：
449
+ 反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量...
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/1190000041886918" target="_blank" title="HTTP cookie 完整指南">HTTP cookie 完整指南</a>
458
+ <a href="https://segmentfault.com/a/1190000041909871" target="_blank" title="Vue 之 nextTick 原理">Vue 之 nextTick 原理</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>4</span>
469
+ <span>6</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
473
- <span>前端小智</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
473
+ <span>佩奇烹饪家</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
477
+ 阅读 Vue 源码就是一个很好的学习方式，不仅可以让我们帮助我们更快解决工作中遇到的问题，也能借鉴优秀源码的经验，学习高手发现问题、思考问题、解决问题的思路，学习怎么写出规范又好维护的高质量代码。
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/1190000041893133" target="_blank" title="我爱上了这个网站！">我爱上了这个网站！</a>
486
+ <a href="https://segmentfault.com/a/1190000041914954" 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>2</span>
497
+ <span>6</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/cxuan" title="Programming Language">
501
- <span>程序员cxuan</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
501
+ <span>XboxYan</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。
505
+ 欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（&gt;=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...
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/1190000041884631" target="_blank" title="总结一下最近遇到的问题">总结一下最近遇到的问题</a>
514
+ <a href="https://segmentfault.com/a/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</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>4</span>
525
+ <span>2</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
529
- <span>李明</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
529
+ <span>六一</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 这样的话会生成两个中间表即form_item_tasks和task_form-items,并且默认情况下如果你在task端维护formItems的话数据只会自动存到task_form_items表中，反过来在formItem中维护task也会像上面一样——存到form_item_...
533
+ 说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...
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/1190000041885369" target="_blank" title="【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题">【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题</a>
542
+ <a href="https://segmentfault.com/a/1190000041902360" target="_blank" title="CSS阴影效果三剑客">CSS阴影效果三剑客</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <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"/>
551
551
  </g>
552
552
  </svg>
553
- <span>4</span>
553
+ <span>3</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
557
- <span>LYX6666</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
557
+ <span>沉静地闪光</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...
561
+ 🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
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/1190000041884921" target="_blank" title="记录后台遇到的两个小问题">记录后台遇到的两个小问题</a>
570
+ <a href="https://segmentfault.com/a/1190000041901584" target="_blank" title="低代码开源， 一键设计稿生成代码，帮您解决生产痛点">低代码开源， 一键设计稿生成代码，帮您解决生产痛点</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -581,12 +581,12 @@
581
581
  <span>4</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
585
- <span>weiewiyi</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/zuoyan" title="Programming Language">
585
+ <span>左盐</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- specification查询不起作用写后台的时候需要加一个specification查询，只返回属于该社区的数据。于是我增加了如图红框中的查询，调用了and函数。 {代码...} 但是执行后发现，这条查询没有按照想法获取到查询到数...
589
+ 作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...
590
590
  </div>
591
591
  </div>
592
592
  </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/1190000041885779" target="_blank" title="angular 多选表单数据绑定">angular 多选表单数据绑定</a>
598
+ <a href="https://segmentfault.com/a/1190000041906954" target="_blank" title="冴羽答读者问：怎么平衡工作与生活？">冴羽答读者问：怎么平衡工作与生活？</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <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"/>
607
607
  </g>
608
608
  </svg>
609
- <span>4</span>
609
+ <span>3</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
613
- <span>小强Zzz</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
613
+ <span>冴羽</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 对于绑定多选类型的formControl的value，只会有true或者false。如果你选中就是true，如果不选中就是false。但是我想要的是所有选中对象数组。谷歌搜索得知，可以绑定点击事件，再去增加或删除数组中的对象。
617
+ 想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...
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/1190000041895680" target="_blank" title="js 生成UUID的几种方法">js 生成UUID的几种方法</a>
626
+ <a href="https://segmentfault.com/a/1190000041897432" target="_blank" title="HTML语义化，一图以蔽之">HTML语义化，一图以蔽之</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>5</span>
637
+ <span>4</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
641
- <span>墨城</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/007008" title="Programming Language">
641
+ <span>沉静地闪光</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...
645
+ HTML语义化，一图以蔽之图片来源于网络
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/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</a>
654
+ <a href="https://segmentfault.com/a/1190000041892519" target="_blank" title="Go Web 服务框架实现详解">Go Web 服务框架实现详解</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>1</span>
665
+ <span>2</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
669
- <span>六一</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
669
+ <span>kevinwan</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...
673
+ 此系列文章要求读者有一定的golang基础。go-zero 是一个集成了各种工程实践的 web 和 rpc 框架。通过弹性设计保障了大并发服务端的稳定性，经受了充分的实战检验。go-zero 包含极简的 API 定义和生成工具 goctl，...
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/1190000041885021" target="_blank" title="分享一个 SpringCloud Feign 中所埋藏的坑">分享一个 SpringCloud Feign 中所埋藏的坑</a>
682
+ <a href="https://segmentfault.com/a/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <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"/>
691
691
  </g>
692
692
  </svg>
693
- <span>4</span>
693
+ <span>3</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
697
- <span>crossoverJie</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
697
+ <span>云音乐技术团队</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 前段时间同事碰到一个问题，需要在 SpringCloud 的 Feign 调用中使用自定义的 URL；通常情况下是没有这个需求的；毕竟都用了 SpringCloud 的了，那服务之间的调用都是走注册中心的，不会需要自定义 URL 的情况。
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/1190000041901584" target="_blank" title="低代码开源， 一键设计稿生成代码，帮您解决生产痛点">低代码开源， 一键设计稿生成代码，帮您解决生产痛点</a>
710
+ <a href="https://segmentfault.com/a/1190000041913011" target="_blank" title="Kafka到底有多高可靠？（RNG NB）">Kafka到底有多高可靠？（RNG NB）</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>3</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/zuoyan" title="Programming Language">
725
- <span>左盐</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/aobing" title="Programming Language">
725
+ <span>敖丙</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...
729
+ 在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...
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/1190000041882008" target="_blank" title="精读《react-snippets - Router 源码》">精读《react-snippets - Router 源码》</a>
738
+ <a href="https://segmentfault.com/a/1190000041904219" target="_blank" title="云音乐低代码：基于 CodeSandbox 的沙箱性能优化">云音乐低代码：基于 CodeSandbox 的沙箱性能优化</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
746
  <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"/>
747
747
  </g>
748
748
  </svg>
749
- <span>1</span>
749
+ <span>2</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
753
- <span>黄子毅</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
753
+ <span>云音乐技术团队</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 造轮子就是应用核心原理 + 周边功能的堆砌，所以学习成熟库的源码往往会受到非核心代码干扰，Router 这个 repo 用不到 100 行源码实现了 React Router 核心机制，很适合用来学习。
757
+ 距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...
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/1190000041902360" target="_blank" title="CSS阴影效果三剑客">CSS阴影效果三剑客</a>
766
+ <a href="https://segmentfault.com/a/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</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/9b3sps2b" title="Programming Language">
781
+ <span>徐三刀</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
785
+ WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
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/1190000041890140" target="_blank" title="如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结">如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结</a>
794
+ <a href="https://segmentfault.com/a/1190000041831737" target="_blank" title="前端面试资料整理【工具篇】">前端面试资料整理【工具篇】</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>1</span>
805
+ <span>2</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
809
- <span>腾讯云加社区</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
809
+ <span>donggg</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 本文是从项目工程角度来讲解的，技术角度请参看另一个文章《真实项目代码教你四步扔了传统服务器，让你优雅使用Serverless做全栈开发》（[链接])
813
+ cjs 是运行是加载（export.module返回的是实际代码，顺序执行，阻塞执行），esm 是编译时输出接口（export 返回的是挂载在 webpack_require.d 上的 key）
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/1190000041880872" target="_blank" title="「前端 BUG 录」变更 UI 库主题引发的问题">「前端 BUG 录」变更 UI 库主题引发的问题</a>
822
+ <a href="https://segmentfault.com/a/1190000041896595" target="_blank" title="Go学习笔记-Gin常用功能">Go学习笔记-Gin常用功能</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>1</span>
833
+ <span>3</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/linong" title="Programming Language">
837
- <span>linong</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/itxiaoma" title="Programming Language">
837
+ <span>IT小马</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 最近有个项目（就叫他 P 项目）做了一次 UI 视觉统一。之前是个小项目用的是默认主题 theme-d ，这次需求还针对性的发布了一套 theme-p 主题。然后出事故了，更新了主题之后我们的 dialog 显示异常了。使用控制台...
841
+ 路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...
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/1190000041880527" target="_blank" title="推荐一些有趣实用的前端可视化工具库，助力可视化开发">推荐一些有趣实用的前端可视化工具库，助力可视化开发</a>
850
+ <a href="https://segmentfault.com/a/1190000041899090" target="_blank" title="JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE">JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -861,12 +861,12 @@
861
861
  <span>2</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/dxpang" title="Programming Language">
865
- <span>xmanlin</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
865
+ <span>程序猿DD</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。
869
+ 他们认为目前行业中的用户界面趋势已经发生了演变，很多新用户认为JetBrains IDE的界面过于笨重，而且过时。所以，团队做出了大胆的决定，将以全新的眼光来重新设计IntelliJ IDEA和相关IDE的外观和感觉。
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/1190000041879583" target="_blank" title="Spring 中 @EnableXXX 注解的套路">Spring 中 @EnableXXX 注解的套路</a>
878
+ <a href="https://segmentfault.com/a/1190000041910623" target="_blank" title="iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊">iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊</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/mghio" title="Programming Language">
893
- <span>mghio</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
893
+ <span>snakesss</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 在 Spring 框架中有很多实用的功能，不需要写大量的配置代码，只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解，它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理（@EnableTra...
897
+ 40s 新闻速递扎克伯格因参与数据泄露决策遭起诉苹果 iPhone 14 Pro 高清渲染图曝光苹果关闭 iOS 15.4.1 验证通道Win11 “大义灭亲”：控制功能拦截自家文件搜狐大量员工遭遇 “工资补助” 诈骗，损失惨重iPhone14 有...
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/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</a>
906
+ <a href="https://segmentfault.com/a/1190000041918444" target="_blank" title="冴羽答读者问：如果有机会，你会选择脱产学习深造吗？">冴羽答读者问：如果有机会，你会选择脱产学习深造吗？</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -917,12 +917,12 @@
917
917
  <span>3</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
921
- <span>徐三刀</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
921
+ <span>冴羽</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
925
+ 前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...
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/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</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/musicfe" 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
- 本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。
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/1190000041879384" target="_blank" title="硬核！程序员延寿指南">硬核！程序员延寿指南</a>
962
+ <a href="https://segmentfault.com/a/1190000041876308" target="_blank" title="8个酷炫的GitHub技巧，让你看起来像大佬一样！">8个酷炫的GitHub技巧，让你看起来像大佬一样！</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>0</span>
973
+ <span>2</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/wodexiaoxiongbujianliao" title="Programming Language">
977
- <span>我的小熊不见了</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
977
+ <span>前端小智</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 以下内容转载自：[链接]1. 术语ACM: All-Cause Mortality / 全因死亡率2. 目标稳健地活得更久3. 关键结果降低66.67%全因死亡率增加\~20年预期寿命维持多巴胺于中轴4. 分析主要参考：对ACM的学术文献相对较多，可...
981
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/29 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/6/1 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>