@wcj/github-rank 22.9.29 → 22.10.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 (37) hide show
  1. package/dist/repos.json +33804 -33719
  2. package/dist/sifou-daily.json +23 -41
  3. package/dist/sifou-monthly.json +86 -86
  4. package/dist/sifou-weekly.json +171 -171
  5. package/dist/toutiao-30.json +76 -76
  6. package/dist/toutiao-7.json +87 -87
  7. package/dist/toutiao-90.json +20 -20
  8. package/dist/trending-daily.json +163 -163
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +160 -160
  11. package/dist/users.china.json +1538 -1538
  12. package/dist/users.json +3171 -3171
  13. package/package.json +1 -1
  14. package/web/data/repos.json +33804 -33719
  15. package/web/data/sifou-daily.json +23 -41
  16. package/web/data/sifou-monthly.json +86 -86
  17. package/web/data/sifou-weekly.json +171 -171
  18. package/web/data/toutiao-30.json +76 -76
  19. package/web/data/toutiao-7.json +87 -87
  20. package/web/data/toutiao-90.json +20 -20
  21. package/web/data/trending-daily.json +163 -163
  22. package/web/data/trending-monthly.json +155 -155
  23. package/web/data/trending-weekly.json +160 -160
  24. package/web/data/users.china.json +1538 -1538
  25. package/web/data/users.json +3171 -3171
  26. package/web/index.html +1753 -1753
  27. package/web/repos.html +3638 -3646
  28. package/web/sifou-daily.html +20 -76
  29. package/web/sifou-monthly.html +104 -104
  30. package/web/sifou-weekly.html +145 -145
  31. package/web/toutiao-30.html +81 -81
  32. package/web/toutiao-7.html +79 -79
  33. package/web/toutiao-90.html +41 -41
  34. package/web/trending-monthly.html +140 -136
  35. package/web/trending-weekly.html +136 -144
  36. package/web/trending.html +142 -142
  37. package/web/users.china.html +796 -796
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/9/29 by
119
+ <div class="time">Last cache created on 2022/10/1 by
120
120
 
121
121
 
122
122
 
@@ -145,7 +145,7 @@
145
145
  <div class="info">
146
146
  <div class="rank">
147
147
  <span title="Ranking 1">1</span>
148
- <a href="https://segmentfault.com/a/1190000042529771" target="_blank" title="前端性能优化(图文并茂，通俗易懂)">前端性能优化(图文并茂，通俗易懂)</a>
148
+ <a href="https://segmentfault.com/a/1190000042547772" target="_blank" title="CSS transition 小技巧！如何保留 hover 的状态？">CSS transition 小技巧！如何保留 hover 的状态？</a>
149
149
  </div>
150
150
  <div class="sub-title followers">
151
151
 
@@ -156,15 +156,15 @@
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>13</span>
159
+ <span>16</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
163
- <span>寒水寺一禅</span>
162
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
163
+ <span>XboxYan</span>
164
164
  </a>
165
165
  </div>
166
166
  <div class="details">
167
- 默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from &#39;module&#39;
167
+ 欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...
168
168
  </div>
169
169
  </div>
170
170
  </li>
@@ -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/1190000042547772" target="_blank" title="CSS transition 小技巧！如何保留 hover 的状态？">CSS transition 小技巧！如何保留 hover 的状态？</a>
176
+ <a href="https://segmentfault.com/a/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</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>12</span>
187
+ <span>10</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
191
- <span>XboxYan</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel" title="Programming Language">
191
+ <span>六一</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...
195
+ 文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...
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/1190000042537837" target="_blank" title="当你 git push 时，极狐GitLab上发生了什么？">当你 git push 时，极狐GitLab上发生了什么？</a>
204
+ <a href="https://segmentfault.com/a/1190000042550192" target="_blank" title="见微知著，从两道有意思的 CSS 面试题，考察你的基础">见微知著，从两道有意思的 CSS 面试题，考察你的基础</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>8</span>
215
+ <span>7</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/jihu_gitlab" title="Programming Language">
219
- <span>极狐GitLab</span>
218
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
219
+ <span>chokcoco</span>
220
220
  </a>
221
221
  </div>
222
222
  <div class="details">
223
- 本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...
223
+ 今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 &lt;p&gt; 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...
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/1190000042535848" target="_blank" title="特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事">特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事</a>
232
+ <a href="https://segmentfault.com/a/1190000042560534" target="_blank" title="Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！">Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -243,12 +243,12 @@
243
243
  <span>4</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/bobonadia" title="Programming Language">
247
+ <span>波波Nadia</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...
251
+ Dev Together 中国开发者生态峰会是由 SegmentFault 思否发起的，面向 to D Marketing、开发者运营、开发者关系从业者的交流活动。我们希望打破日常工作中来自不同厂商背景给大家带来的交流屏障，在一个中立的平...
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/1190000042531829" target="_blank" title="技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路">技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路</a>
260
+ <a href="https://segmentfault.com/a/1190000042540445" target="_blank" title="别整一坨 CSS 代码了，试试这几个实用函数">别整一坨 CSS 代码了，试试这几个实用函数</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -271,12 +271,12 @@
271
271
  <span>5</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
275
- <span>SegmentFault思否</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
275
+ <span>前端小智</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...
279
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042550192" target="_blank" title="见微知著，从两道有意思的 CSS 面试题，考察你的基础">见微知著，从两道有意思的 CSS 面试题，考察你的基础</a>
288
+ <a href="https://segmentfault.com/a/1190000042539876" target="_blank" title="面试说：聊聊JavaScript中的数据类型">面试说：聊聊JavaScript中的数据类型</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>6</span>
299
+ <span>5</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
303
- <span>chokcoco</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
- 今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 &lt;p&gt; 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...
307
+ 答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。
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/1190000042531062" target="_blank" title="「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚">「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚</a>
316
+ <a href="https://segmentfault.com/a/1190000042549062" target="_blank" title="一个新视角：前端框架们都卷错方向了？">一个新视角：前端框架们都卷错方向了？</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>2</span>
327
+ <span>3</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
331
- <span>皮小蛋</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
331
+ <span>卡颂</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 在 上一轮优化 里， 我们通过优化一些构建工具和流程， 把构建耗时优化到了 4min 左右，整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升， 但是依旧存在提升空间。
335
+ 大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...
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/1190000042529858" target="_blank" title="前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件">前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件</a>
344
+ <a href="https://segmentfault.com/a/1190000042552230" target="_blank" title="SegmentFault 2022 年社区周报 Vol.9">SegmentFault 2022 年社区周报 Vol.9</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>2</span>
355
+ <span>3</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
359
- <span>葡萄城技术团队</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
359
+ <span>SegmentFault思否</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- JavaScript在前端领域占据着绝对的统治地位，目前更是从浏览器到服务端，移动端，嵌入式，几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西，最后都会用JavaScript实...
363
+ hello，本喵又回来啦，距离国庆假期只剩 3 个工作日啦，想想都很激动，我承认我是有点提前兴奋了，回归主题，来给大家来汇报一下社区近期发生的事儿～
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/1190000042554569" target="_blank" title="漫画 | Serverless + Data，让后端告别搬砖！">漫画 | Serverless + Data，让后端告别搬砖！</a>
372
+ <a href="https://segmentfault.com/a/1190000042529806" target="_blank" title="现代 JavaScript 库打包指南">现代 JavaScript 库打包指南</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>2</span>
383
+ <span>3</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/minnanitkong" title="Programming Language">
387
+ <span>前端小智</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...
391
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042538156" target="_blank" title="前端必读3.0：如何在 Angular 中使用SpreadJS实现导入和导出 Excel 文件">前端必读3.0：如何在 Angular 中使用SpreadJS实现导入和导出 Excel 文件</a>
400
+ <a href="https://segmentfault.com/a/1190000042557390" target="_blank" title="Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！">Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！</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>1</span>
411
+ <span>3</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
415
- <span>葡萄城技术团队</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
415
+ <span>eoapi</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 在之前的文章中，我们为大家分别详细介绍了在JavaScript、React中使用SpreadJS导入和导出Excel文件的方法，作为带给广大前端开发者的“三部曲”，本文我们将为大家介绍该问题在Angular中的实现。Excel 电子表格自 1...
419
+ 本月，Eolink 旗下专注做开源 API 管理工具的 Eoapi 联合实时数据服务平台的 Tapdata 发布首款合作插件——导入 Tapdata 数据插件，大家一定很好奇 Tapdata 和 Eoapi 如何实现联动呢？
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/1190000042532828" target="_blank" title="前端必读2.0：如何在React 中使用SpreadJS导入和导出 Excel 文件">前端必读2.0：如何在React 中使用SpreadJS导入和导出 Excel 文件</a>
428
+ <a href="https://segmentfault.com/a/1190000042472592" target="_blank" title="在 Vue 中，使用 $attrs 构建高级组件">在 Vue 中，使用 $attrs 构建高级组件</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>1</span>
439
+ <span>3</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
443
- <span>葡萄城技术团队</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
443
+ <span>前端小智</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 最近我们公司接到一个客户的需求，要求为正在开发的项目加个功能。项目的前端使用的是React，客户想添加具备Excel 导入/导出功能的电子表格模块。经过几个小时的原型构建后，技术团队确认所有客户需求文档中描述...
447
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042533770" target="_blank" title="基于canvas实现的多功能画板">基于canvas实现的多功能画板</a>
456
+ <a href="https://segmentfault.com/a/1190000042540322" target="_blank" title="PHP实现单用户登录">PHP实现单用户登录</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -467,12 +467,12 @@
467
467
  <span>2</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/lh_s" title="Programming Language">
471
- <span>LH_S</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/a_shan" title="Programming Language">
471
+ <span>阿山</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 前言最近空闲时间比较多，就想做点小工具玩玩，方案选了好几个，最终决定做一个基于canvas的画板，目前已经完成了第一版，有以下主要功能画笔（动态宽度设置，颜色设置）橡皮擦撤回，反撤回，清除画板，保存画板...
475
+ 2、在验证用户是否登录的模块中，若用户已登录，将用户数据库中的token取出，并且制作一个最新的token，两者判断是否相等，若不相等，用户下线；
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/1190000042539876" target="_blank" title="面试说：聊聊JavaScript中的数据类型">面试说：聊聊JavaScript中的数据类型</a>
484
+ <a href="https://segmentfault.com/a/1190000042558152" target="_blank" title="angular 附件上传 以及深拷贝">angular 附件上传 以及深拷贝</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/chenchu_6110ed583800c" title="Programming Language">
499
+ <span>weiewiyi</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。
503
+ ts里的深拷贝本来想着点击取消，恢复数据后，能取消掉实体的改动。比如如下图， 恢复数据后，A 能恢复到 a 数据的状态。 但是，经过测试发现,并没有。测试的代码, 可以看到。 带星号的代码1.ngOnInit（）的时候复...
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/1190000042536913" target="_blank" title="超详细的 Angular 国际化方案">超详细的 Angular 国际化方案</a>
512
+ <a href="https://segmentfault.com/a/1190000042555900" target="_blank" title="Go 为什么能火？归功于这 5 个方面">Go 为什么能火？归功于这 5 个方面</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>3</span>
523
+ <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/jiangdaoyidechahu" title="Programming Language">
527
- <span>eoapi</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/eddycjy" title="Programming Language">
527
+ <span>煎鱼</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 第一次在 Angular 框架上落地国际化方案，将 Eoapi 的经验分享给大家～1. 项目背景需要支持 Web 和 Electron 桌面端技术栈Angular 14Electron 19NG-ZORR 13.0.62. 可能遇到的困难各语言下样式不统一，例如阿拉伯...
531
+ 在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。
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/1190000042540445" target="_blank" title="别整一坨 CSS 代码了，试试这几个实用函数">别整一坨 CSS 代码了，试试这几个实用函数</a>
540
+ <a href="https://segmentfault.com/a/1190000042558126" target="_blank" title="angular 指令">angular 指令</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>5</span>
551
+ <span>3</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
555
- <span>前端小智</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
555
+ <span>李明</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
559
+ 首先就是如何在组件中使用指令，也就是我们所熟悉的selector,这里的selector规则与组件不同，组件在使用是是直接作为标签来使用如：
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/1190000042530275" target="_blank" title="共码未来 | 以科技之新见人文之美">共码未来 | 以科技之新见人文之美</a>
568
+ <a href="https://segmentfault.com/a/1190000042542063" target="_blank" title="Python项目管理： Poetry">Python项目管理： Poetry</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -579,12 +579,12 @@
579
579
  <span>1</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
583
- <span>思否编辑部</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/gone_63231de16383b" title="Programming Language">
583
+ <span>冷冻工厂</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 科技创新推动社会发展也让人们的生活更便利、更多彩  感受有温度的技术解锁不一样的旅程让我们一起了解谷歌艺术与文化、Google 教育合作所带来的人文之美  谷歌艺术与文化：让艺术焕发新生为让更多艺术瑰宝焕发新...
587
+ Poetry 是Python 中用于依赖管理和打包的工具。它允许您声明项目所依赖的库，并将为您管理（安装/更新）它们。Poetry 提供了一个锁定文件以确保可重复安装，并且可以构建您的项目以进行分发。
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/1190000042533395" target="_blank" title="共码未来 | 多维助力企业扬帆起航，制胜海外">共码未来 | 多维助力企业扬帆起航，制胜海外</a>
596
+ <a href="https://segmentfault.com/a/1190000042563289" target="_blank" title="前端web实现（@、At、艾特）选人或引用数据">前端web实现（@、At、艾特）选人或引用数据</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>1</span>
607
+ <span>2</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
611
- <span>思否编辑部</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/dxpang" title="Programming Language">
611
+ <span>xmanlin</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 通过丰富的产品和项目支持谷歌与中国开发者同行探索如何扬帆起航，制胜海外支持更多中国开发者和企业在全球舞台上绽放光芒  AdMob 致力于打造灵活，高效，安全的广告平台，依托谷歌的基础架构为开发者提供开展业...
615
+ 1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...
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/1190000042534308" target="_blank" title="新提案，初识CSS的object-view-box属性">新提案，初识CSS的object-view-box属性</a>
624
+ <a href="https://segmentfault.com/a/1190000042552352" target="_blank" title="Vue.js设计与实现(电子版)源码学习">Vue.js设计与实现(电子版)源码学习</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>1</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
639
- <span>前端小智</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/xiaolizideyitian" title="Programming Language">
639
+ <span>寒水寺一禅</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
643
+ KeepAlive 的本质是缓存管理，再加上特殊的挂载/卸载逻辑。　　首先，KeepAlive 组件的实现需要渲染器层面的支持。这是因为被 KeepAlive 的组件在卸载时，我们不能真的将其卸载，否则就无法维持组件的当前状态了...
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/1190000042535910" target="_blank" title="微信跳转到支付宝App自动领取赏金红包">微信跳转到支付宝App自动领取赏金红包</a>
652
+ <a href="https://segmentfault.com/a/1190000042562451" target="_blank" title="5 种瀑布流场景的实现原理解析">5 种瀑布流场景的实现原理解析</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>1</span>
663
+ <span>2</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/tanking" title="Programming Language">
667
- <span>TANKING</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
667
+ <span>凹凸实验室</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...
671
+ 一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...
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/1190000042552230" target="_blank" title="SegmentFault 2022 年社区周报 Vol.9">SegmentFault 2022 年社区周报 Vol.9</a>
680
+ <a href="https://segmentfault.com/a/1190000042542159" target="_blank" title="彻底掌握Makeifle（三）">彻底掌握Makeifle（三）</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>1</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
695
- <span>SegmentFault思否</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/chang_lehung" title="Programming Language">
695
+ <span>一无是处的研究僧</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- hello，本喵又回来啦，距离国庆假期只剩 3 个工作日啦，想想都很激动，我承认我是有点提前兴奋了，回归主题，来给大家来汇报一下社区近期发生的事儿～
699
+ 彻底掌握Makeifle（三）前言在前面的文章彻底掌握Makefile（一）和彻底掌握Makefile（二）当中，我们简要的介绍了一些常见的makefile使用方法，在本篇文章当中我们将继续介绍一些makefile当中的常见用法。Makefil...
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/1190000042549062" target="_blank" title="一个新视角：前端框架们都卷错方向了？">一个新视角：前端框架们都卷错方向了？</a>
708
+ <a href="https://segmentfault.com/a/1190000042559544" target="_blank" title="撸了一款 Vue 生态缺失的 CMD+K 类库">撸了一款 Vue 生态缺失的 CMD+K 类库</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>2</span>
719
+ <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
723
- <span>卡颂</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/xlbd" title="Programming Language">
723
+ <span>xiaoluoboding</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...
727
+ 9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。
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/1190000042533005" target="_blank" title="uniapp开发的技能点整理">uniapp开发的技能点整理</a>
736
+ <a href="https://segmentfault.com/a/1190000042552418" target="_blank" title="深入理解JavaScript-this关键字">深入理解JavaScript-this关键字</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/wsnjw" title="Programming Language">
751
- <span>蓝光95</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
751
+ <span>山头人汉波</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 图形验证码的请求方式 {代码...} 倒计时60s {代码...} switch-case的优化写法 {代码...} 修改uview框架中组件默认样式的方式 {代码...} 导航栏的高度 {代码...} 空格&amp;nbsp;阻止事件透传 {代码...} 返回顶部 {...
755
+ 在讲 Function、作用域 时，我们都讲到了 this，因为 JavaScript 中的作用域是词法作用域，在哪里定义，就在哪里形成作用域。而与词法作用域相对应的还有一个作用域叫动态作用域，调用时去寻找它所处的位置。那个...
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/1190000042536292" target="_blank" title="Wasmtime1.0发布：更稳定、超安全、超快速">Wasmtime1.0发布：更稳定、超安全、超快速</a>
764
+ <a href="https://segmentfault.com/a/1190000042548565" target="_blank" title="手写编程语言-递归函数是如何实现的？">手写编程语言-递归函数是如何实现的？</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -775,12 +775,12 @@
775
775
  <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/saucxs" title="Programming Language">
779
- <span>松宝写代码</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
779
+ <span>crossoverJie</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 美东时间 9 月 20 日，Bytecode Alliance 宣布经过三年开发，正式迎来 Wasmtime 1.0 版本。Wasmtime 是创建在编译器 Cranelift 之上的 WebAssembly Runtime。Wasmtime 利用 Rust 编程语言，完全开源并符合 WASI。...
783
+ 前言本篇文章主要是记录一下在 GScript 中实现递归调用时所遇到的坑，类似的问题在中文互联网上我几乎没有找到相关的内容，所以还是很有必要记录一下。在开始之前还是简单介绍下本次更新的 GScript v0.0.9 所包含...
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/1190000042540322" target="_blank" title="PHP实现单用户登录">PHP实现单用户登录</a>
792
+ <a href="https://segmentfault.com/a/1190000042558168" target="_blank" title="项目篇：高并发内存池">项目篇：高并发内存池</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>2</span>
803
+ <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/a_shan" title="Programming Language">
807
- <span>阿山</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/yefengweiliang" title="Programming Language">
807
+ <span>夜枫微凉</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 2、在验证用户是否登录的模块中，若用户已登录，将用户数据库中的token取出，并且制作一个最新的token，两者判断是否相等，若不相等，用户下线；
811
+ 所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。
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/1190000042542063" target="_blank" title="Python项目管理： Poetry">Python项目管理： Poetry</a>
820
+ <a href="https://segmentfault.com/a/1190000042543825" target="_blank" title="HTTP - TLS1.3 初次解读">HTTP - TLS1.3 初次解读</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/gone_63231de16383b" title="Programming Language">
835
- <span>冷冻工厂</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/lazytimes" title="Programming Language">
835
+ <span>Xander</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- Poetry 是Python 中用于依赖管理和打包的工具。它允许您声明项目所依赖的库，并将为您管理（安装/更新）它们。Poetry 提供了一个锁定文件以确保可重复安装，并且可以构建您的项目以进行分发。
839
+ 在HTTP - HTTPS（TLS1.2）中，笔者介绍了目前世界主流的TLS1.2协议的相关知识点，文中从HTTP的缺陷、SSL的历史、信息加密的主要手段、数字证书、以及最为关键的TLS1.2交互过程介绍了现今HTTPS的关键部分内容。
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/1190000042442449" target="_blank" title="如何解决--在渲染函数之外调用插槽的问题">如何解决--在渲染函数之外调用插槽的问题</a>
848
+ <a href="https://segmentfault.com/a/1190000042549802" target="_blank" title="SegmentFault 思否技术周刊 — 学 Java 能做什么？">SegmentFault 思否技术周刊 — 学 Java 能做什么？</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>2</span>
859
+ <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" 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
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
867
+ 今天我们继续来聊聊流程实例。部署之后的流程，这个还不能直接运行，例如我们部署了一个请假流程，现在 zhangsan 想要请假，他就需要开启一个请假流程，lisi 想请假，他也需要开启一个请假流程，这一个一个开启的...
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/1190000042535705" target="_blank" title="React Hooks之useDebugValue - 代替console.log来调试Hook">React Hooks之useDebugValue - 代替console.log来调试Hook</a>
876
+ <a href="https://segmentfault.com/a/1190000042530739" target="_blank" title="前端动效讲解与实战">前端动效讲解与实战</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>1</span>
887
+ <span>3</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/liushuigs" title="Programming Language">
891
- <span>jinling</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/vivo_tech" title="Programming Language">
891
+ <span>vivo互联网技术</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 而useDebugValue的优势在于，用useDebugValue输出的值，是和DevTools中的Hook状态一起动态显示的，不需要在DevTools和Console面板中切换查看Hook状态和console.log输出。
895
+ 作者：vivo 互联网前端团队- ZhaoJie本文将从各个角度来对动画整个体系进行分类，并且介绍各种前端动画的实现方法，最后我们将总结在实际开发中的各个场景的动画选择方案。一、背景前端动画场景需求多对众多动画...
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/1190000042536405" target="_blank" title="Eclipse Theia技术揭秘——构建桌面IDE">Eclipse Theia技术揭秘——构建桌面IDE</a>
904
+ <a href="https://segmentfault.com/a/1190000042562942" target="_blank" title="Monaco Editor 中的 Keybinding 机制">Monaco Editor 中的 Keybinding 机制</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <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"/>
913
913
  </g>
914
914
  </svg>
915
- <span>1</span>
915
+ <span>2</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/codeteenager" title="Programming Language">
919
- <span>码出世界</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan" title="Programming Language">
919
+ <span>袋鼠云数栈UED</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- 在上一篇文章 Eclipse Theia技术揭秘——初识Theia 简单介绍了一下Eclipse Theia这套IDE平台，这篇文章介绍一下如何基于Eclipse Theia构建桌面IDE。
923
+ 前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？
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/1190000042529848" target="_blank" title="前端开发文档">前端开发文档</a>
932
+ <a href="https://segmentfault.com/a/1190000042545387" target="_blank" title="一万小时真的能成为专家吗？">一万小时真的能成为专家吗？</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>2</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/whjin" title="Programming Language">
947
- <span>寒青</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
947
+ <span>xindoo</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- HTML元素语义化标签CSS选择器继承属性核心模块背景图像清除浮动定位BFC使用 attr()展示 tooltipJavaScript基础知识实用技巧内存管理JS 思维导图学习 JS 的 8 张思维导图jQuery 的 deferred 对象jQuery 学习笔记Pr...
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/1190000042532595" target="_blank" title="golang中的选项模式">golang中的选项模式</a>
960
+ <a href="https://segmentfault.com/a/1190000042554193" target="_blank" title="用这招监听 Vue 的插槽变化">用这招监听 Vue 的插槽变化</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -971,12 +971,12 @@
971
971
  <span>1</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/liuyuede123" title="Programming Language">
975
- <span>liuyuede</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
975
+ <span>前端小智</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 索引[链接]当我在使用go-zero时，我看到了好多像下面这样的代码： {代码...} 我们可以把重点放在RouteOption上面。这里就使用了选项模式。什么是选项模式？选项模式是一种函数式编程模式，用于为可用于修改其行为...
979
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/29 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/1 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>