@wcj/github-rank 22.8.20 → 22.8.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/repos.json +29986 -29980
  2. package/dist/sifou-daily.json +31 -40
  3. package/dist/sifou-monthly.json +89 -89
  4. package/dist/sifou-weekly.json +154 -154
  5. package/dist/toutiao-30.json +88 -88
  6. package/dist/toutiao-7.json +108 -108
  7. package/dist/toutiao-90.json +69 -69
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2191 -2191
  12. package/dist/users.json +3467 -3468
  13. package/package.json +1 -1
  14. package/web/data/repos.json +29986 -29980
  15. package/web/data/sifou-daily.json +31 -40
  16. package/web/data/sifou-monthly.json +89 -89
  17. package/web/data/sifou-weekly.json +154 -154
  18. package/web/data/toutiao-30.json +88 -88
  19. package/web/data/toutiao-7.json +108 -108
  20. package/web/data/toutiao-90.json +69 -69
  21. package/web/data/trending-daily.json +171 -171
  22. package/web/data/trending-monthly.json +161 -161
  23. package/web/data/trending-weekly.json +165 -165
  24. package/web/data/users.china.json +2191 -2191
  25. package/web/data/users.json +3467 -3468
  26. package/web/index.html +1744 -1744
  27. package/web/repos.html +3667 -3667
  28. package/web/sifou-daily.html +27 -55
  29. package/web/sifou-monthly.html +125 -125
  30. package/web/sifou-weekly.html +143 -143
  31. package/web/toutiao-30.html +100 -100
  32. package/web/toutiao-7.html +90 -90
  33. package/web/toutiao-90.html +89 -89
  34. package/web/trending-monthly.html +142 -138
  35. package/web/trending-weekly.html +143 -143
  36. package/web/trending.html +144 -152
  37. package/web/users.china.html +1158 -1158
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/8/20 by
119
+ <div class="time">Last cache created on 2022/8/23 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
157
157
  </g>
158
158
  </svg>
159
- <span>16</span>
159
+ <span>18</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -173,7 +173,7 @@
173
173
  <div class="info">
174
174
  <div class="rank">
175
175
  <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042319176" target="_blank" title="即日起，ONES 团队版50人以下免费">即日起，ONES 团队版50人以下免费</a>
176
+ <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
177
177
  </div>
178
178
  <div class="sub-title followers">
179
179
 
@@ -184,15 +184,15 @@
184
184
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
185
185
  </g>
186
186
  </svg>
187
- <span>11</span>
187
+ <span>23</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/wanshiones" title="Programming Language">
191
- <span>万事ONES</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
+ <span>XboxYan</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...
195
+ 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
196
196
  </div>
197
197
  </div>
198
198
  </li>
@@ -201,7 +201,7 @@
201
201
  <div class="info">
202
202
  <div class="rank">
203
203
  <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
204
+ <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！</a>
205
205
  </div>
206
206
  <div class="sub-title followers">
207
207
 
@@ -212,15 +212,15 @@
212
212
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
213
213
  </g>
214
214
  </svg>
215
- <span>18</span>
215
+ <span>8</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
219
- <span>XboxYan</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
219
+ <span>SegmentFault思否</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
223
+ 思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...
224
224
  </div>
225
225
  </div>
226
226
  </li>
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！</a>
232
+ <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
241
241
  </g>
242
242
  </svg>
243
- <span>8</span>
243
+ <span>5</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
247
- <span>SegmentFault思否</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
247
+ <span>六一</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...
251
+ 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042318738" target="_blank" title="精读《pnpm》">精读《pnpm》</a>
260
+ <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,15 +268,15 @@
268
268
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
269
269
  </g>
270
270
  </svg>
271
- <span>7</span>
271
+ <span>6</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
275
- <span>黄子毅</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
275
+ <span>冴羽</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。
279
+ 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042334814" target="_blank" title="如何开发一款基于 vite+vue3 的在线表格系统（下）">如何开发一款基于 vite+vue3 的在线表格系统（下）</a>
288
+ <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
297
297
  </g>
298
298
  </svg>
299
- <span>4</span>
299
+ <span>6</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
303
- <span>葡萄城技术团队</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
303
+ <span>Gopal</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 在上篇内容中我们为大家分享了详细介绍Vue3和Vite的相关内容。在本篇中我们将从项目实战出发带大家了解Vite+Vue3 的在线表格系统的构建。使用Vite初始化Vue3项目在这里需要注意：根据官网文档说明，使用Vite需要n...
307
+ 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042322957" target="_blank" title="手写一个有点意思的电梯小程序（React版本）">手写一个有点意思的电梯小程序（React版本）</a>
316
+ <a href="https://segmentfault.com/a/1190000042334814" target="_blank" title="如何开发一款基于 vite+vue3 的在线表格系统（下）">如何开发一款基于 vite+vue3 的在线表格系统（下）</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
325
325
  </g>
326
326
  </svg>
327
- <span>3</span>
327
+ <span>5</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
331
- <span>夕水</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
331
+ <span>葡萄城技术团队</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...
335
+ 在上篇内容中我们为大家分享了详细介绍Vue3和Vite的相关内容。在本篇中我们将从项目实战出发带大家了解Vite+Vue3 的在线表格系统的构建。使用Vite初始化Vue3项目在这里需要注意：根据官网文档说明，使用Vite需要n...
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042318628" target="_blank" title="谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到">谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到</a>
344
+ <a href="https://segmentfault.com/a/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
353
353
  </g>
354
354
  </svg>
355
- <span>5</span>
355
+ <span>7</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
359
- <span>前端小智</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
359
+ <span>大淘宝技术</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
363
+ 许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042317550" target="_blank" title="将废弃的安卓手机重新用作Web服务器 一">将废弃的安卓手机重新用作Web服务器 一</a>
372
+ <a href="https://segmentfault.com/a/1190000042329366" target="_blank" title="js 使用reduce方法合并两个对象数组，有则替换，无则新增">js 使用reduce方法合并两个对象数组，有则替换，无则新增</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
380
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
381
381
  </g>
382
382
  </svg>
383
- <span>3</span>
383
+ <span>6</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/riki_wang" title="Programming Language">
387
- <span>Riki一二三</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/awbeci" title="Programming Language">
387
+ <span>Awbeci</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 将废弃的安卓手机重新用作Web服务器环境准备首先，我们需要给手机安装一个Linux环境。这里选择Termux，Termux是Android的终端模拟器下载地址你可能需要根据你的手机型号选择适合的版本下载后想办法将安装包发送到...
391
+ 我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042316720" target="_blank" title="开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术">开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术</a>
400
+ <a href="https://segmentfault.com/a/1190000042331688" target="_blank" title="数据透视表上线！如何在纯前端实现这个强大的数据分析功能？">数据透视表上线！如何在纯前端实现这个强大的数据分析功能？</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
409
409
  </g>
410
410
  </svg>
411
- <span>5</span>
411
+ <span>2</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/gomi" title="Programming Language">
415
- <span>Gomi</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
415
+ <span>六一</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...
419
+ 在Office三大办公套件中，Excel可能是功能最多、最难精通的那一款了。从日常的表格录入到复杂的业务数据统计分析，Excel仿佛一位外表平平无奇，实力却深不可测的武林高手。熟练使用Excel往往能在日常工作中获得事...
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -425,7 +425,7 @@
425
425
  <div class="info">
426
426
  <div class="rank">
427
427
  <span title="Ranking 11">11</span>
428
- <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
428
+ <a href="https://segmentfault.com/a/1190000042345600" target="_blank" title="Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强">Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -439,12 +439,12 @@
439
439
  <span>1</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
443
- <span>六一</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
443
+ <span>葡萄城技术团队</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
447
+ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
448
448
  </div>
449
449
  </div>
450
450
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042331688" target="_blank" title="数据透视表上线！如何在纯前端实现这个强大的数据分析功能？">数据透视表上线！如何在纯前端实现这个强大的数据分析功能？</a>
456
+ <a href="https://segmentfault.com/a/1190000042326660" target="_blank" title="前端必备的 HTTP 知识">前端必备的 HTTP 知识</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
464
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
465
465
  </g>
466
466
  </svg>
467
- <span>1</span>
467
+ <span>7</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
471
- <span>六一</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
471
+ <span>Gopal</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 在Office三大办公套件中，Excel可能是功能最多、最难精通的那一款了。从日常的表格录入到复杂的业务数据统计分析，Excel仿佛一位外表平平无奇，实力却深不可测的武林高手。熟练使用Excel往往能在日常工作中获得事...
475
+ HTTP 起源HTTP 是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中最著名的是 1999 年 6 月公布的 RFC 2616，定义了 HTTP 协议中现今广泛使用的一个版本——HTTP 1.1HTTP 是什么全...
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042342284" target="_blank" title="记录第一次给开源项目提 PR">记录第一次给开源项目提 PR</a>
484
+ <a href="https://segmentfault.com/a/1190000042326129" target="_blank" title="在 api 接口测试中，我会关注这三个指标">在 api 接口测试中，我会关注这三个指标</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
493
493
  </g>
494
494
  </svg>
495
- <span>5</span>
495
+ <span>3</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
499
- <span>Gopal</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/qishilingrendeshizi" title="Programming Language">
499
+ <span>气势凌人的柿子</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。
503
+ 接口开发完成后，我们需要调用接口来测试接口的表现，当表现符合预期时，则代表接口可用。在测试中我们可能会关注状态码、响应体以及响应时间，这些数据 Eoapi 通通都会展示给你，帮助你判断 API 是否正常。开始...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042329366" target="_blank" title="js 使用reduce方法合并两个对象数组，有则替换，无则新增">js 使用reduce方法合并两个对象数组，有则替换，无则新增</a>
512
+ <a href="https://segmentfault.com/a/1190000042329847" target="_blank" title="有两套数据源，那开源 api 管理工具如何部署？">有两套数据源，那开源 api 管理工具如何部署？</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -520,15 +520,15 @@
520
520
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
521
521
  </g>
522
522
  </svg>
523
- <span>5</span>
523
+ <span>3</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/awbeci" title="Programming Language">
527
- <span>Awbeci</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/yuanjihua_5d954fd2a3238" title="Programming Language">
527
+ <span>猿计划</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：
531
+ 我相信大家在用 api 管理工具的时候，会有同样的疑问：我有两套数据源，如何实现对应的部署呢？读完本文你将大致了解，如何根据数据源实现自己规划的部署方式。
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042320560" target="_blank" title="如何让 useEffect 支持 async...await？">如何让 useEffect 支持 async...await？</a>
540
+ <a href="https://segmentfault.com/a/1190000042345408" target="_blank" title="项目一共30个模块，你叫我maven版本一个个手动改？">项目一共30个模块，你叫我maven版本一个个手动改？</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -548,15 +548,15 @@
548
548
  <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"/>
549
549
  </g>
550
550
  </svg>
551
- <span>1</span>
551
+ <span>3</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
555
- <span>Gopal</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
555
+ <span>铂赛东</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 关注 支持一下哈，Thanks。本文已收录到个人博客中，欢迎关注~背景大家在使用 useEffect 的时候，假如回调函数中使用 a...
559
+ 之前有个群友私聊问我，如何快速统一去更改项目中所有的maven版本号，他说之前都是手动一个个去修改，项目一共有30多个maven模块，上次因为漏改了一个，还造成了生产事故。
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042326129" target="_blank" title="在 api 接口测试中，我会关注这三个指标">在 api 接口测试中，我会关注这三个指标</a>
568
+ <a href="https://segmentfault.com/a/1190000042334235" target="_blank" title="完整又全面，教你在 Github Action 多平台构建 Electron 应用">完整又全面，教你在 Github Action 多平台构建 Electron 应用</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
577
577
  </g>
578
578
  </svg>
579
- <span>3</span>
579
+ <span>4</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/qishilingrendeshizi" title="Programming Language">
583
- <span>气势凌人的柿子</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
583
+ <span>eoapi</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 接口开发完成后，我们需要调用接口来测试接口的表现，当表现符合预期时，则代表接口可用。在测试中我们可能会关注状态码、响应体以及响应时间，这些数据 Eoapi 通通都会展示给你，帮助你判断 API 是否正常。开始...
587
+ 众所周知，Electron 是一个开源的跨平台框架，它内部集成了 Node.js 环境和浏览器环境，让开发者可以使用 Web 技术来绘制客户端的 UI，同时拥有不错的 I/O 能力。
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042326660" target="_blank" title="前端必备的 HTTP 知识">前端必备的 HTTP 知识</a>
596
+ <a href="https://segmentfault.com/a/1190000042326442" target="_blank" title="写接口文档之前，我会问自己 3 个问题">写接口文档之前，我会问自己 3 个问题</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -604,15 +604,15 @@
604
604
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
605
605
  </g>
606
606
  </svg>
607
- <span>7</span>
607
+ <span>3</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/fengguangping" title="Programming Language">
611
- <span>Gopal</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/qishilingrendeshizi" title="Programming Language">
611
+ <span>气势凌人的柿子</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- HTTP 起源HTTP 是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中最著名的是 1999 年 6 月公布的 RFC 2616，定义了 HTTP 协议中现今广泛使用的一个版本——HTTP 1.1HTTP 是什么全...
615
+ 为了让自己写的接口文档更加简洁明了，看起来不像个菜鸟写的，我通常会在写接口之前问自己 3 个问题。我们在开始一个新接口之前，需要进行以下判断：请求协议是不是 HTTP/HTTPS？请求体和响应体格式是什么(XML、J...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042329847" target="_blank" title="有两套数据源，那开源 api 管理工具如何部署？">有两套数据源，那开源 api 管理工具如何部署？</a>
624
+ <a href="https://segmentfault.com/a/1190000042324803" target="_blank" title="如果让我设计一套，TPS百万级API网关！">如果让我设计一套，TPS百万级API网关！</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -632,15 +632,15 @@
632
632
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
633
633
  </g>
634
634
  </svg>
635
- <span>3</span>
635
+ <span>2</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/yuanjihua_5d954fd2a3238" title="Programming Language">
639
- <span>猿计划</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
639
+ <span>小傅哥</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 我相信大家在用 api 管理工具的时候，会有同样的疑问：我有两套数据源，如何实现对应的部署呢？读完本文你将大致了解，如何根据数据源实现自己规划的部署方式。
643
+ 是滴，小傅哥又要准备搞事情了！这次准备下手API网关项目，因为这是所有互联网大厂都有的一个核心服务，承接着来自用户的滴滴打车、美团外卖、京东购物、微信支付，更是大促期间千万级访问量的核心系统。
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042342124" target="_blank" title="聊聊 npm 的语义化版本（Semver）">聊聊 npm 的语义化版本（Semver）</a>
652
+ <a href="https://segmentfault.com/a/1190000042333233" target="_blank" title="Redis进阶篇：发布订阅模式原理与运用">Redis进阶篇：发布订阅模式原理与运用</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -660,15 +660,15 @@
660
660
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
661
661
  </g>
662
662
  </svg>
663
- <span>3</span>
663
+ <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
667
- <span>冴羽</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
667
+ <span>码哥字节</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？
671
+ “65 哥，如果你交了个漂亮小姐姐做女朋友，你会通过什么方式将这个消息广而告之给你的微信好友？““那不得拍点女朋友的美照 + 亲密照弄一个九宫格图文消息在朋友圈发布大肆宣传，暴击单身狗。”
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042326442" target="_blank" title="写接口文档之前，我会问自己 3 个问题">写接口文档之前，我会问自己 3 个问题</a>
680
+ <a href="https://segmentfault.com/a/1190000042343233" target="_blank" title="深入理解Redis 数据结构—字典">深入理解Redis 数据结构—字典</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -688,15 +688,15 @@
688
688
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
689
689
  </g>
690
690
  </svg>
691
- <span>3</span>
691
+ <span>2</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/qishilingrendeshizi" title="Programming Language">
695
- <span>气势凌人的柿子</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/jeremylai7" title="Programming Language">
695
+ <span>小码code</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 为了让自己写的接口文档更加简洁明了，看起来不像个菜鸟写的，我通常会在写接口之前问自己 3 个问题。我们在开始一个新接口之前，需要进行以下判断：请求协议是不是 HTTP/HTTPS？请求体和响应体格式是什么(XML、J...
699
+ 字典，又称为符号表、关联数组或映射，是一种用于保存键值对的抽象数据结构。在字典中，一个键可以和一个值进行关联，这些关联的键和值称为键值对。键值对中键是唯一的,我们可以根据键key通过映射查找或者更新对...
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042319253" target="_blank" title="一文讲透Java核心技术之高可扩展利器SPI">一文讲透Java核心技术之高可扩展利器SPI</a>
708
+ <a href="https://segmentfault.com/a/1190000042328170" target="_blank" title="ES13的11个超赞的新属性">ES13的11个超赞的新属性</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -716,15 +716,15 @@
716
716
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
717
717
  </g>
718
718
  </svg>
719
- <span>0</span>
719
+ <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/binghe001" title="Programming Language">
723
- <span>冰河</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/jinjidedacong" title="Programming Language">
723
+ <span>进击的大葱</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- Java是一种面向对象语言，虽然Java8开始支持函数式编程和Stream，但是总体来说，还是面向对象的语言。在使用Java进行面向对象开发时，一般会推荐使用基于接口的编程，程序的模块与模块之前不会直接进行实现类的硬...
727
+ 像其他语言一样，JavaScript也在不断迭代和进化。JS每年都会加入很多新的功能来让自己变得越发强大，也正是这样，我们开发者才能写出更加表意和准确的代码。
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042318606" target="_blank" title="11 个需要避免的 React 错误用法">11 个需要避免的 React 错误用法</a>
736
+ <a href="https://segmentfault.com/a/1190000042343100" target="_blank" title="总结一些，书写 CSS 的时候，经常犯的错误！">总结一些，书写 CSS 的时候，经常犯的错误！</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -747,12 +747,12 @@
747
747
  <span>2</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
751
- <span>pingan8787</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
751
+ <span>前端小智</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验，总结 11 个 React 开发中常见的一些错误，帮助您避免一些错误的发生。如果您刚开始使用 Re...
755
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042324803" target="_blank" title="如果让我设计一套，TPS百万级API网关！">如果让我设计一套，TPS百万级API网关！</a>
764
+ <a href="https://segmentfault.com/a/1190000042332866" target="_blank" title="SegmentFault 思否技术周刊 -- 这几个 Vue 知识点，全都会你就是神！！！">SegmentFault 思否技术周刊 -- 这几个 Vue 知识点，全都会你就是神！！！</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
773
773
  </g>
774
774
  </svg>
775
- <span>2</span>
775
+ <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
779
- <span>小傅哥</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
779
+ <span>Beverly</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 是滴，小傅哥又要准备搞事情了！这次准备下手API网关项目，因为这是所有互联网大厂都有的一个核心服务，承接着来自用户的滴滴打车、美团外卖、京东购物、微信支付，更是大促期间千万级访问量的核心系统。
783
+ 首先，我们先来看一下 Reactivity Object 响应式对象，它是基于使用 Proxy 创建一个原始对象的代理对象和使用 Reflect 来代理 JavaScript 操作方法，从而完成依赖的收集和派发更新的过程。然后，我们可以根据需要...
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042321759" target="_blank" title="flutter系列之:flutter架构什么的,看完这篇文章就全懂了">flutter系列之:flutter架构什么的,看完这篇文章就全懂了</a>
792
+ <a href="https://segmentfault.com/a/1190000042351724" target="_blank" title="React报错之React Hook useEffect has a missing dependency">React报错之React Hook useEffect has a missing dependency</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -803,12 +803,12 @@
803
803
  <span>2</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/flydean" title="Programming Language">
807
- <span>flydean</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/chuckqu" title="Programming Language">
807
+ <span>chuck</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- Flutter是google开发的一个跨平台的UI构建工具，flutter目前最新的版本是3.0.5。使用flutter你可以使用一套代码搭建android，IOS，web和desktop等不同平台的应用。做到一次编写到处运行的目的。
811
+ 当useEffect钩子使用了一个我们没有包含在其依赖数组中的变量或函数时，会产生&#34;React Hook useEffect has a missing dependency&#34;警告。为了解决该错误，禁用某一行的eslint规则，或者将变量移动到useEffect钩子内。
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042322522" target="_blank" title="低代码时代已来，还是又一轮技术炒作？">低代码时代已来，还是又一轮技术炒作？</a>
820
+ <a href="https://segmentfault.com/a/1190000042328356" target="_blank" title="xflow流程可视化-designable高级配置">xflow流程可视化-designable高级配置</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -828,15 +828,15 @@
828
828
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
829
829
  </g>
830
830
  </svg>
831
- <span>1</span>
831
+ <span>2</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity" title="Programming Language">
835
- <span>腾讯云开发者</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/molufange" title="Programming Language">
835
+ <span>陌路凡歌</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 1982年，James Martin在论文《Application Development Without Program》提出了不需要写程序便可构建应用的畅想，极具前瞻性地预测了软件工程领域的发展趋势。2014 年，这一预测逐渐在行业内落地：低代码的概念...
839
+ 上篇简要介绍了formilyjs以及基于其构建了表单设计器，实现了表单动态设计已经预览功能，本片将介绍表单设计器的一些高级配置，使其能更好的运用于我们的节点编辑以及连线编辑。
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042334235" target="_blank" title="完整又全面，教你在 Github Action 多平台构建 Electron 应用">完整又全面，教你在 Github Action 多平台构建 Electron 应用</a>
848
+ <a href="https://segmentfault.com/a/1190000042327153" target="_blank" title="图扑软件数字孪生厦门隧道，助力交通数字化升级">图扑软件数字孪生厦门隧道，助力交通数字化升级</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -856,15 +856,15 @@
856
856
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
857
857
  </g>
858
858
  </svg>
859
- <span>4</span>
859
+ <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
863
- <span>eoapi</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/hightopo" title="Programming Language">
863
+ <span>hightopo</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 众所周知，Electron 是一个开源的跨平台框架，它内部集成了 Node.js 环境和浏览器环境，让开发者可以使用 Web 技术来绘制客户端的 UI，同时拥有不错的 I/O 能力。
867
+ 隧道作为重要交通建筑设施，为缩短运行距离、提高运输能力、减少事故等方面起到重要作用。同时隧道交通具有流量大、行车速度快的特点，且内部含有大量照明、风机、水泵、指示器、情报板、供电等设备设施，若隧道...
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</a>
876
+ <a href="https://segmentfault.com/a/1190000042342132" target="_blank" title="Android 边播放边缓存视频框架AndroidVideoCache简析">Android 边播放边缓存视频框架AndroidVideoCache简析</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>5</span>
887
+ <span>1</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
891
- <span>大淘宝技术</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
891
+ <span>xiangzhihong</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...
895
+ 现在的移动应用，视频是一个非常重要的组成部分，好像里面不搞一点视频就不是一个正常的移动App。在视频开发方面，可以分为视频录制和视频播放，视频录制的场景可能还比较少，这方面可以使用Google开源的 grafika...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042320179" target="_blank" title="如何正确的中断线程？你的姿势是否正确">如何正确的中断线程？你的姿势是否正确</a>
904
+ <a href="https://segmentfault.com/a/1190000042329212" target="_blank" title="如何开发一款基于 Vite+Vue3 的在线表格系统（上）">如何开发一款基于 Vite+Vue3 的在线表格系统（上）</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>1</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/bingfengdada" title="Programming Language">
919
- <span>一个程序员的成长</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
919
+ <span>葡萄城技术团队</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 在Java程序中，我们想要停止一个线程可以通过interrupt方法进行停止。但是当我们调用interrupt方法之后，它可能并不会立刻就会停止线程，而是通知线程需要停止。线程接收到通知之后会根据自身的情况判断是否需要...
923
+ Vue是什么？大多前端开发者对这个词已毫不陌生了。三大框架孰优孰劣，众多开发者各抒己见，其中Vue以其“最简单、最易上手“的名号迅速积累了一大批粉丝，被广泛学习应用。同Angular、React框架一样，Vue也是MVVM类...
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042323852" target="_blank" title="如何开发一个跨框架组件？">如何开发一个跨框架组件？</a>
932
+ <a href="https://segmentfault.com/a/1190000042325664" target="_blank" title="连流量染色都没有，你说要搞微服务？">连流量染色都没有，你说要搞微服务？</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -943,12 +943,12 @@
943
943
  <span>1</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/yunhuangbeiqing" title="Programming Language">
947
- <span>飞叶_前端</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
947
+ <span>得物技术</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 你有这种感觉吗？几个大的前端框架把世界割裂了。我们会为你用Vue，我用React而争吵，甚至有鄙视链情况发生。争吵的原因有很多，我这篇文章主要是从组件的角度阐述。
951
+ 在当下盛行的微服务架构下，服务数量多导致的依赖问题经常会成为开发过程中的绊脚石。也经常会在各种技术交流会上听到类似的话题，大家都在积极的讨论这种问题如何去解决。于是决定给大家介绍下流量染色的原理以...
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042318840" target="_blank" title="HttpClient 在vivo内销浏览器的高并发实践优化">HttpClient 在vivo内销浏览器的高并发实践优化</a>
960
+ <a href="https://segmentfault.com/a/1190000042353870" target="_blank" title="用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容">用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
969
969
  </g>
970
970
  </svg>
971
- <span>1</span>
971
+ <span>6</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
975
- <span>vivo互联网技术</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
975
+ <span>lulu_up</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- HttpClient作为Java程序员最常用的Http工具，其对Http连接的管理能简化开发，并且提升连接重用效率；在正常情况下，HttpClient能帮助我们高效管理连接，但在一些并发高，报文体较大的情况下，如果再遇到网络波动...
979
+ 你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会&#39;卡死&#39;, 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/8/20 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/8/23 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>