@wcj/github-rank 22.9.10 → 22.9.11

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 +16053 -16042
  2. package/dist/sifou-daily.json +1 -47
  3. package/dist/sifou-monthly.json +44 -44
  4. package/dist/sifou-weekly.json +115 -115
  5. package/dist/toutiao-30.json +31 -31
  6. package/dist/toutiao-7.json +80 -80
  7. package/dist/toutiao-90.json +32 -32
  8. package/dist/trending-daily.json +170 -170
  9. package/dist/trending-monthly.json +135 -135
  10. package/dist/trending-weekly.json +155 -155
  11. package/dist/users.china.json +806 -806
  12. package/dist/users.json +1643 -1643
  13. package/package.json +1 -1
  14. package/web/data/repos.json +16053 -16042
  15. package/web/data/sifou-daily.json +1 -47
  16. package/web/data/sifou-monthly.json +44 -44
  17. package/web/data/sifou-weekly.json +115 -115
  18. package/web/data/toutiao-30.json +31 -31
  19. package/web/data/toutiao-7.json +80 -80
  20. package/web/data/toutiao-90.json +32 -32
  21. package/web/data/trending-daily.json +170 -170
  22. package/web/data/trending-monthly.json +135 -135
  23. package/web/data/trending-weekly.json +155 -155
  24. package/web/data/users.china.json +806 -806
  25. package/web/data/users.json +1643 -1643
  26. package/web/index.html +920 -920
  27. package/web/repos.html +2152 -2152
  28. package/web/sifou-daily.html +2 -142
  29. package/web/sifou-monthly.html +71 -71
  30. package/web/sifou-weekly.html +111 -111
  31. package/web/toutiao-30.html +77 -77
  32. package/web/toutiao-7.html +64 -64
  33. package/web/toutiao-90.html +51 -51
  34. package/web/trending-monthly.html +130 -130
  35. package/web/trending-weekly.html +141 -145
  36. package/web/trending.html +146 -154
  37. package/web/users.china.html +432 -432
package/web/sifou-daily.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/9/10 by
119
+ <div class="time">Last cache created on 2022/9/11 by
120
120
 
121
121
 
122
122
 
@@ -141,146 +141,6 @@
141
141
  </span>
142
142
  </li>
143
143
 
144
- <li>
145
- <div class="info">
146
- <div class="rank">
147
- <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042453662" target="_blank" title="SegmentFault 思否技术征文丨浅谈 Java 进阶之路">SegmentFault 思否技术征文丨浅谈 Java 进阶之路</a>
149
- </div>
150
- <div class="sub-title followers">
151
-
152
- <span title="Stargazers Count">
153
- <svg width="12" height="12" viewBox="0 0 16 16">
154
- <g fill="none" fill-rule="evenodd">
155
- <path d="M0 0h16v16H0z"/>
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
- </g>
158
- </svg>
159
- <span>5</span>
160
- </span>
161
- &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
163
- <span>SegmentFault思否</span>
164
- </a>
165
- </div>
166
- <div class="details">
167
- 亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...
168
- </div>
169
- </div>
170
- </li>
171
-
172
- <li>
173
- <div class="info">
174
- <div class="rank">
175
- <span title="Ranking 2">2</span>
176
- <a href="https://segmentfault.com/a/1190000042366094" target="_blank" title="在 JavaScript 中，什么时候使用 Map 或胜过 Object">在 JavaScript 中，什么时候使用 Map 或胜过 Object</a>
177
- </div>
178
- <div class="sub-title followers">
179
-
180
- <span title="Stargazers Count">
181
- <svg width="12" height="12" viewBox="0 0 16 16">
182
- <g fill="none" fill-rule="evenodd">
183
- <path d="M0 0h16v16H0z"/>
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
- </g>
186
- </svg>
187
- <span>1</span>
188
- </span>
189
- &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
191
- <span>前端小智</span>
192
- </a>
193
- </div>
194
- <div class="details">
195
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
196
- </div>
197
- </div>
198
- </li>
199
-
200
- <li>
201
- <div class="info">
202
- <div class="rank">
203
- <span title="Ranking 3">3</span>
204
- <a href="https://segmentfault.com/a/1190000042454840" target="_blank" title="高阶 CSS 技巧在复杂动效中的应用">高阶 CSS 技巧在复杂动效中的应用</a>
205
- </div>
206
- <div class="sub-title followers">
207
-
208
- <span title="Stargazers Count">
209
- <svg width="12" height="12" viewBox="0 0 16 16">
210
- <g fill="none" fill-rule="evenodd">
211
- <path d="M0 0h16v16H0z"/>
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
- </g>
214
- </svg>
215
- <span>3</span>
216
- </span>
217
- &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
219
- <span>chokcoco</span>
220
- </a>
221
- </div>
222
- <div class="details">
223
- 最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...
224
- </div>
225
- </div>
226
- </li>
227
-
228
- <li>
229
- <div class="info">
230
- <div class="rank">
231
- <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042454231" target="_blank" title="2022 Google 谷歌开发者大会亮点抢先看">2022 Google 谷歌开发者大会亮点抢先看</a>
233
- </div>
234
- <div class="sub-title followers">
235
-
236
- <span title="Stargazers Count">
237
- <svg width="12" height="12" viewBox="0 0 16 16">
238
- <g fill="none" fill-rule="evenodd">
239
- <path d="M0 0h16v16H0z"/>
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
- </g>
242
- </svg>
243
- <span>1</span>
244
- </span>
245
- &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
247
- <span>六一</span>
248
- </a>
249
- </div>
250
- <div class="details">
251
- 2022 Google 开发者大会还有 5 天即将盛大开幕！技术演讲，精彩各异大咖云集，交流探讨科技互动，趣味体验大会亮点剧透提前看来找找你最期待的内容吧！ 观看视频，亮点先睹为快[链接]9 月 14 日大会主旨演讲闪亮...
252
- </div>
253
- </div>
254
- </li>
255
-
256
- <li>
257
- <div class="info">
258
- <div class="rank">
259
- <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042453985" target="_blank" title="初探Groovy">初探Groovy</a>
261
- </div>
262
- <div class="sub-title followers">
263
-
264
- <span title="Stargazers Count">
265
- <svg width="12" height="12" viewBox="0 0 16 16">
266
- <g fill="none" fill-rule="evenodd">
267
- <path d="M0 0h16v16H0z"/>
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
- </g>
270
- </svg>
271
- <span>1</span>
272
- </span>
273
- &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/saoming_zhang" title="Programming Language">
275
- <span>骚铭科技</span>
276
- </a>
277
- </div>
278
- <div class="details">
279
- Groovy 是动态语言，引入很多有意思的特性。如果将Java比喻为楷书，则Groovy是行书，开发效率很高。而且Groovy JDK中包含很多实用工具，开发舒适。
280
- </div>
281
- </div>
282
- </li>
283
-
284
144
  </ul>
285
145
  <div class="footer">
286
146
  <div>
@@ -297,7 +157,7 @@
297
157
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
298
158
  </a>
299
159
  </div>
300
- <div class="time">Last cache created on 2022/9/10 by Github API v3.</div>
160
+ <div class="time">Last cache created on 2022/9/11 by Github API v3.</div>
301
161
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
302
162
  </div>
303
163
  </body>
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/9/10 by
119
+ <div class="time">Last cache created on 2022/9/11 by
120
120
 
121
121
 
122
122
 
@@ -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/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</a>
344
+ <a href="https://segmentfault.com/a/1190000042418291" 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>14</span>
355
+ <span>10</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/wubomu" title="Programming Language">
359
- <span>乌柏木</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
359
+ <span>六一</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...
363
+ 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
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/1190000042418291" target="_blank" title="云安全践行者：亚马逊云科技如何打好“安全”牌？">云安全践行者：亚马逊云科技如何打好“安全”牌？</a>
372
+ <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</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>10</span>
383
+ <span>13</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
387
- <span>六一</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
387
+ <span>chokcoco</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...
391
+ 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
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/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
400
+ <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</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>13</span>
411
+ <span>11</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
415
- <span>chokcoco</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
415
+ <span>XboxYan</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
419
+ 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
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/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
428
+ <a href="https://segmentfault.com/a/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
429
429
  </div>
430
430
  <div class="sub-title followers">
431
431
 
@@ -436,15 +436,15 @@
436
436
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
437
437
  </g>
438
438
  </svg>
439
- <span>11</span>
439
+ <span>6</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
- <span>XboxYan</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
443
+ <span>六一</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
447
+ 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
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/1190000042338012" target="_blank" title="HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合">HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合</a>
456
+ <a href="https://segmentfault.com/a/1190000042447341" target="_blank" title="如何优雅地中断 Promise？来试试 AbortController 吧！">如何优雅地中断 Promise？来试试 AbortController 吧！</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>6</span>
467
+ <span>9</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/dreamapplehappy" title="Programming Language">
471
+ <span>dreamapplehappy</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。
475
+ 欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...
476
476
  </div>
477
477
  </div>
478
478
  </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/1190000042447341" target="_blank" title="如何优雅地中断 Promise？来试试 AbortController 吧！">如何优雅地中断 Promise？来试试 AbortController 吧！</a>
736
+ <a href="https://segmentfault.com/a/1190000042329366" target="_blank" title="js 使用reduce方法合并两个对象数组，有则替换，无则新增">js 使用reduce方法合并两个对象数组，有则替换，无则新增</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>8</span>
747
+ <span>7</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/dreamapplehappy" title="Programming Language">
751
- <span>dreamapplehappy</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/awbeci" title="Programming Language">
751
+ <span>Awbeci</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...
755
+ 我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：
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/1190000042329366" target="_blank" title="js 使用reduce方法合并两个对象数组，有则替换，无则新增">js 使用reduce方法合并两个对象数组，有则替换，无则新增</a>
764
+ <a href="https://segmentfault.com/a/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</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>7</span>
775
+ <span>9</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/awbeci" title="Programming Language">
779
- <span>Awbeci</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
779
+ <span>大淘宝技术</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：
783
+ 许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...
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/1190000042300972" target="_blank" title="Vue仿钉钉审批流程">Vue仿钉钉审批流程</a>
792
+ <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -800,15 +800,15 @@
800
800
  <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"/>
801
801
  </g>
802
802
  </svg>
803
- <span>7</span>
803
+ <span>5</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
807
- <span>xiangzhihong</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
807
+ <span>黄子毅</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...
811
+ SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。
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/1190000042334736" target="_blank" title="在阿里做前端程序员，我是这样规划的">在阿里做前端程序员，我是这样规划的</a>
820
+ <a href="https://segmentfault.com/a/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</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>9</span>
831
+ <span>5</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/alibabataoxijishu" title="Programming Language">
835
- <span>大淘宝技术</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
835
+ <span>chokcoco</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...
839
+ 本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。
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/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
848
+ <a href="https://segmentfault.com/a/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</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>5</span>
859
+ <span>3</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/aoyangyudakong" title="Programming Language">
863
- <span>黄子毅</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
863
+ <span>Beverly</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。
867
+ 最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...
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/1190000042382028" target="_blank" title="有意思的方向裁切 overflow: clip">有意思的方向裁切 overflow: clip</a>
876
+ <a href="https://segmentfault.com/a/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</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>3</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
891
- <span>chokcoco</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
891
+ <span>SegmentFault思否</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。
895
+ 黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...
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/1190000042301384" target="_blank" title="🔬 一文搞懂前端兼容问题">🔬 一文搞懂前端兼容问题</a>
904
+ <a href="https://segmentfault.com/a/1190000042431217" target="_blank" title="用Vue.js写一个命令行贪吃蛇游戏">用Vue.js写一个命令行贪吃蛇游戏</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -915,12 +915,12 @@
915
915
  <span>5</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
919
- <span>卤代烃</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/xiaoqianduan_58b28cfebff36" title="Programming Language">
919
+ <span>null仔</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...
923
+ 大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...
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/1190000042398762" target="_blank" title="SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！">SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！</a>
932
+ <a href="https://segmentfault.com/a/1190000042318628" target="_blank" title="谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到">谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <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"/>
941
941
  </g>
942
942
  </svg>
943
- <span>3</span>
943
+ <span>5</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
947
- <span>Beverly</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
947
+ <span>前端小智</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...
951
+ 微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042416590" target="_blank" title="CodeForBetter_Hackathon，唤醒代码的力量">CodeForBetter_Hackathon，唤醒代码的力量</a>
960
+ <a href="https://segmentfault.com/a/1190000042377267" target="_blank" title="拒绝加班:巧用前端电子表格中构建公式树">拒绝加班:巧用前端电子表格中构建公式树</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>3</span>
971
+ <span>2</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
975
- <span>SegmentFault思否</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
975
+ <span>葡萄城技术团队</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...
979
+ 还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？
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/9/10 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/9/11 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>