@wcj/github-rank 22.10.19 → 22.10.21

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 (31) hide show
  1. package/dist/repos.json +30019 -30017
  2. package/dist/sifou-daily.json +45 -63
  3. package/dist/sifou-monthly.json +79 -79
  4. package/dist/sifou-weekly.json +169 -169
  5. package/dist/trending-daily.json +173 -173
  6. package/dist/trending-monthly.json +154 -154
  7. package/dist/trending-weekly.json +161 -161
  8. package/dist/users.china.json +2148 -2148
  9. package/dist/users.json +3049 -3050
  10. package/package.json +1 -1
  11. package/web/data/repos.json +30019 -30017
  12. package/web/data/sifou-daily.json +45 -63
  13. package/web/data/sifou-monthly.json +79 -79
  14. package/web/data/sifou-weekly.json +169 -169
  15. package/web/data/trending-daily.json +173 -173
  16. package/web/data/trending-monthly.json +154 -154
  17. package/web/data/trending-weekly.json +161 -161
  18. package/web/data/users.china.json +2148 -2148
  19. package/web/data/users.json +3049 -3050
  20. package/web/index.html +1602 -1602
  21. package/web/repos.html +3590 -3590
  22. package/web/sifou-daily.html +39 -95
  23. package/web/sifou-monthly.html +111 -111
  24. package/web/sifou-weekly.html +144 -144
  25. package/web/toutiao-30.html +2 -2
  26. package/web/toutiao-7.html +2 -2
  27. package/web/toutiao-90.html +2 -2
  28. package/web/trending-monthly.html +138 -138
  29. package/web/trending-weekly.html +139 -147
  30. package/web/trending.html +152 -148
  31. package/web/users.china.html +1128 -1128
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/10/19 by
119
+ <div class="time">Last cache created on 2022/10/21 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/1190000042632786" target="_blank" title="思否猫拼接怪编辑器">思否猫拼接怪编辑器</a>
148
+ <a href="https://segmentfault.com/a/1190000042643893" target="_blank" title="CSS 绘制一只思否猫">CSS 绘制一只思否猫</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>9</span>
159
+ <span>22</span>
160
160
  </span>
161
161
  &nbsp;
162
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
163
- <span>JenK</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
- 1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的
167
+ 欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;...
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/1190000042613900" target="_blank" title="10分钟教你写一个数据库">10分钟教你写一个数据库</a>
176
+ <a href="https://segmentfault.com/a/1190000042632786" target="_blank" title="思否猫拼接怪编辑器">思否猫拼接怪编辑器</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>5</span>
187
+ <span>11</span>
188
188
  </span>
189
189
  &nbsp;
190
- <a target="_blank" href="https://segmentfault.com/u/goudantiezhuerzi" title="Programming Language">
191
- <span>艾小仙</span>
190
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
191
+ <span>JenK</span>
192
192
  </a>
193
193
  </div>
194
194
  <div class="details">
195
- 今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...
195
+ 1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的
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/1190000042558270" target="_blank" title="你不知道的JavaScript APIs">你不知道的JavaScript APIs</a>
204
+ <a href="https://segmentfault.com/a/1190000042647263" target="_blank" title="SegmentFault 思否 Top Writer 榜单｜2022年第三季度">SegmentFault 思否 Top Writer 榜单｜2022年第三季度</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>3</span>
215
+ <span>8</span>
216
216
  </span>
217
217
  &nbsp;
218
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
219
- <span>前端小智</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
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
223
+ 他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的一群卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。
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/1190000042622557" target="_blank" title="5个常见的JavaScript内存错误">5个常见的JavaScript内存错误</a>
232
+ <a href="https://segmentfault.com/a/1190000042627779" target="_blank" title="喜获 Code for Better _ Hackathon 二等奖，简单复盘 &amp; 礼物返图">喜获 Code for Better _ Hackathon 二等奖，简单复盘 &amp; 礼物返图</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>5</span>
243
+ <span>8</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
247
- <span>前端小智</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
247
+ <span>Meathill</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
251
+ 2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...
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/1190000042624221" target="_blank" title="电子表格也能做购物车？简单三步就能实现">电子表格也能做购物车？简单三步就能实现</a>
260
+ <a href="https://segmentfault.com/a/1190000042624820" target="_blank" title="云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”">云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -271,12 +271,12 @@
271
271
  <span>1</span>
272
272
  </span>
273
273
  &nbsp;
274
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
275
- <span>葡萄城技术团队</span>
274
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
275
+ <span>思否编辑部</span>
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...
279
+ 11 月 13 日，微软年度技术大会 Ignite 2022 及 Ignite China 中国技术峰会同步开启线上直播。在 13 日的 Ignite China 北京（微软大厦）现场，众多来自业界的技术专家、嘉宾大咖以及 IT 开发者们欢聚一堂，共同...
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/1190000042607367" target="_blank" title="详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？">详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？</a>
288
+ <a href="https://segmentfault.com/a/1190000042643627" target="_blank" title="利用思否猫素材实现一个连连看小游戏">利用思否猫素材实现一个连连看小游戏</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>1</span>
299
+ <span>7</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/xishui_5ac9a340a5484" title="Programming Language">
303
+ <span>夕水</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 嵌入式分析是使任何应用程序或用户更容易获得数据分析和商业智能的技术。商业智能是通过分析业务数据辅助决策获取数据背后的 0信息。商业智能软件和技术包含了报表查询，OLAP，数据挖掘及高级数据分析，最终用户...
307
+ vue3实现一个思否猫连连看小游戏本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果，一些canvas的...
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/1190000042624820" target="_blank" title="云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”">云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”</a>
316
+ <a href="https://segmentfault.com/a/1190000042558270" target="_blank" title="你不知道的JavaScript APIs">你不知道的JavaScript APIs</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>1</span>
327
+ <span>4</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
331
- <span>思否编辑部</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
331
+ <span>前端小智</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 11 月 13 日，微软年度技术大会 Ignite 2022 及 Ignite China 中国技术峰会同步开启线上直播。在 13 日的 Ignite China 北京（微软大厦）现场，众多来自业界的技术专家、嘉宾大咖以及 IT 开发者们欢聚一堂，共同...
335
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042612529" target="_blank" title="一款纯 JS 实现的轻量化图片编辑器">一款纯 JS 实现的轻量化图片编辑器</a>
344
+ <a href="https://segmentfault.com/a/1190000042624221" 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>3</span>
355
+ <span>1</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/xingzhiwanmen" title="Programming Language">
359
- <span>行知万门</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
359
+ <span>葡萄城技术团队</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.
363
+ 在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...
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/1190000042622277" target="_blank" title="字节跳动后端面经五">字节跳动后端面经五</a>
372
+ <a href="https://segmentfault.com/a/1190000042635772" target="_blank" title="第一个可以在条件语句中使用的原生hook诞生了">第一个可以在条件语句中使用的原生hook诞生了</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/zydybaby" title="Programming Language">
387
- <span>zydybaby</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
387
+ <span>卡颂</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- b+树底层是双向链表还是单向TCP为什么要第四次挥手对称加密和非对称加密介绍ARP协议工作原理？ARP攻击？如何解决？token过期机制MySQL索引使用的什么数据结构，B+树和B树的区别mysql主备分离的作用？mysql采用主...
391
+ 大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...
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/1190000042643893" target="_blank" title="CSS 绘制一只思否猫">CSS 绘制一只思否猫</a>
400
+ <a href="https://segmentfault.com/a/1190000042625747" target="_blank" title="在 Kubernetes 中实现微服务应用监控">在 Kubernetes 中实现微服务应用监控</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>2</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
415
- <span>XboxYan</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/kubesphere" title="Programming Language">
415
+ <span>KubeSphere</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;...
419
+ KubeSphere 平台本身提供了监控功能，包括节点状态、集群资源使用率、Etcd、API Server 等监控，不过缺少了应用级别的监控。
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/1190000042612264" target="_blank" title="spring boot 文件上传和下载">spring boot 文件上传和下载</a>
428
+ <a href="https://segmentfault.com/a/1190000042635667" target="_blank" title="两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航">两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航</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>4</span>
439
+ <span>3</span>
440
440
  </span>
441
441
  &nbsp;
442
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
443
- <span>weiewiyi</span>
442
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
443
+ <span>XboxYan</span>
444
444
  </a>
445
445
  </div>
446
446
  <div class="details">
447
- 学习了老师写的文件上传和下载，这里学习一下。文件上传controller层从controller层开始，接受前台传的数据。1.前台调用后台接口: {代码...} 2.controller层接收数据: {代码...} 可以看到，后台接受文件是以 Mult...
447
+ 通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？
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/1190000042621309" target="_blank" title="记录一个关于 GBK 编码的问题">记录一个关于 GBK 编码的问题</a>
456
+ <a href="https://segmentfault.com/a/1190000042626100" target="_blank" title="Go-Web基础">Go-Web基础</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>3</span>
467
+ <span>1</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
471
- <span>编程码农</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/bewatermyfriends" title="Programming Language">
471
+ <span>BewaterMyfriends</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- UTF-8 是一种国际化的编码方式，包含了世界上大部分的语种文字（简体中文字、繁体中文字、英文、日文、韩文等语言），也兼容 ASCII 码。
475
+ Go-Web基础Web服务器工作原理 {代码...} URL {代码...} DNS {代码...} HTTP协议 {代码...} {代码...} {代码...} Go-搭建一个http服务器 {代码...}
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/1190000042617645" target="_blank" title="JSON对象转换TypeScript声明">JSON对象转换TypeScript声明</a>
484
+ <a href="https://segmentfault.com/a/1190000042629569" target="_blank" title="ReactQuery系列文章- 1. React Query 实践">ReactQuery系列文章- 1. React Query 实践</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>2</span>
495
+ <span>1</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong" title="Programming Language">
499
- <span>兰俊秋雨</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/kk_470661" title="Programming Language">
499
+ <span>lakb248</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...
503
+ 当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...
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/1190000042616103" target="_blank" title="Python多进程——进程池的开启和多进程操作同一个List">Python多进程——进程池的开启和多进程操作同一个List</a>
512
+ <a href="https://segmentfault.com/a/1190000042631207" target="_blank" title="Golang 轮子之 Supervisor">Golang 轮子之 Supervisor</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -523,12 +523,12 @@
523
523
  <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/ipidea" title="Programming Language">
527
- <span>ipidea</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/xiaobaiyaoshengfa" title="Programming Language">
527
+ <span>小白要生发</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...
531
+ Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...
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/1190000042621269" target="_blank" title="深入理解JavaScript——词法环境">深入理解JavaScript——词法环境</a>
540
+ <a href="https://segmentfault.com/a/1190000042623699" target="_blank" title="NodeJS 服务 Docker 镜像极致优化指北">NodeJS 服务 Docker 镜像极致优化指北</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -551,12 +551,12 @@
551
551
  <span>2</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
555
- <span>山头人汉波</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
555
+ <span>Duang</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 第一步：V8 引擎刚拿到 执行上下文 的时候，会把代码从上到下一行一行的先做分词/词法分析(Tokenizing/Lexing)。分词是指：比如 var a = 2; 这段代码，会被分词为：var a 2和;这样的原子符号(atomic token)；词法...
559
+ 这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...
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/1190000042621298" target="_blank" title="基于 Impala 的高性能数仓实践之物化视图服务">基于 Impala 的高性能数仓实践之物化视图服务</a>
568
+ <a href="https://segmentfault.com/a/1190000042636388" target="_blank" title="SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？">SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？</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/163yun" title="Programming Language">
583
- <span>网易数帆</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
583
+ <span>Beverly</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...
587
+ Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...
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/1190000042614618" target="_blank" title="vue3封装一个带动画的关闭按钮">vue3封装一个带动画的关闭按钮</a>
596
+ <a href="https://segmentfault.com/a/1190000042632229" target="_blank" title="微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地">微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地</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>3</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/jsoncode" title="Programming Language">
611
- <span>jsoncode</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
611
+ <span>MissD</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 预览效果：实现源码： {代码...} {代码...} 源码说明：带有变量的样式，都写在行内了，因为这样适合用在任意场景下。 {代码...} 其他场景：vite可以直接在style标签中使用js变量 {代码...} {代码...}
615
+ 大规模语言模型领域迎来新“选手”。近日，微信 AI 推出自研 NLP 大规模语言模型 WeLM ，该模型是一个尺寸合理的中文模型，能够在零样本以及少样本的情境下完成包多语言任务在内的多种 NLP 任务。
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/1190000042606394" target="_blank" title="2022 最受欢迎的 CSS 类名和 ID 分别是什么">2022 最受欢迎的 CSS 类名和 ID 分别是什么</a>
624
+ <a href="https://segmentfault.com/a/1190000042631895" target="_blank" title="从局部变量说起，关于一个莫得名堂的引用和一个坑！">从局部变量说起，关于一个莫得名堂的引用和一个坑！</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>1</span>
635
+ <span>2</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/whyjishu" title="Programming Language">
639
+ <span>why技术</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- CSS是用来布局和格式化网页和其他媒体的语言。它是 Web 的三种主要语言之一，与HTML(用于结构)和JavaScript(用于行为)并列。每一年，我们都看到CSS的规模在增长，2022年也不例外。
643
+ 你好呀，我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢，先给你上个代码：请问，上面代码中，位于 method 方法中的 object 对象，在方法执行完成之后，是否可以被垃圾回收？这还思考个啥呀，这必...
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/1190000042626100" target="_blank" title="Go-Web基础">Go-Web基础</a>
652
+ <a href="https://segmentfault.com/a/1190000042644397" target="_blank" title="5个需要避免的CSS错误">5个需要避免的CSS错误</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -663,12 +663,12 @@
663
663
  <span>1</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/bewatermyfriends" title="Programming Language">
667
- <span>BewaterMyfriends</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
667
+ <span>前端小智</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- Go-Web基础Web服务器工作原理 {代码...} URL {代码...} DNS {代码...} HTTP协议 {代码...} {代码...} {代码...} Go-搭建一个http服务器 {代码...}
671
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
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/1190000042623699" target="_blank" title="NodeJS 服务 Docker 镜像极致优化指北">NodeJS 服务 Docker 镜像极致优化指北</a>
680
+ <a href="https://segmentfault.com/a/1190000042631567" target="_blank" title="go-GIN入门到....(持续更新中)">go-GIN入门到....(持续更新中)</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>2</span>
691
+ <span>1</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
695
- <span>Duang</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/bewatermyfriends" title="Programming Language">
695
+ <span>BewaterMyfriends</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...
699
+ go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...
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/1190000042617569" target="_blank" title="【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码">【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码</a>
708
+ <a href="https://segmentfault.com/a/1190000042653533" target="_blank" title="超强的苹果官网滚动文字特效实现">超强的苹果官网滚动文字特效实现</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>1</span>
719
+ <span>8</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/wangstoudamire_62b438915bf66" title="Programming Language">
723
- <span>wangstoudamire</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
723
+ <span>chokcoco</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 前面我们给大家介绍了基于LabVIEW+YOLOv3/YOLOv4的物体识别（对象检测），今天接着上次的内容再来看看YOLOv5。本次主要是和大家分享使用LabVIEW快速实现yolov5的物体识别，本博客中使用的智能工具包可到主页置顶...
727
+ 每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...
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/1190000042620215" target="_blank" title="js时间格式封装及转换">js时间格式封装及转换</a>
736
+ <a href="https://segmentfault.com/a/1190000042630604" target="_blank" title="面试官：深度不够，建议回去深挖">面试官：深度不够，建议回去深挖</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>4</span>
747
+ <span>1</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
751
- <span>墨城</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
751
+ <span>小傅哥</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- 1、将毫秒，转换成时间字符串。例如说，xx 分钟 {代码...} 2、获取当前时间 timeStr 时分秒 字符串 格式为 xx:xx:xx（23:59:59） {代码...} 3、时间戳转年月日时分秒（例：Thu Sep 01 2022 08:00:00 GMT+0800 (中...
755
+ 从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...
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/1190000042629569" target="_blank" title="ReactQuery系列文章- 1. React Query 实践">ReactQuery系列文章- 1. React Query 实践</a>
764
+ <a href="https://segmentfault.com/a/1190000042632971" target="_blank" title="js常用方法梳理">js常用方法梳理</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>1</span>
775
+ <span>3</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/kk_470661" title="Programming Language">
779
- <span>lakb248</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42" title="Programming Language">
779
+ <span>墨城</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...
783
+ 1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...
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/1190000042627779" target="_blank" title="喜获 Code for Better _ Hackathon 二等奖，简单复盘 &amp; 礼物返图">喜获 Code for Better _ Hackathon 二等奖，简单复盘 &amp; 礼物返图</a>
792
+ <a href="https://segmentfault.com/a/1190000042635731" target="_blank" title="规则引擎深度对比，LiteFlow vs Drools！">规则引擎深度对比，LiteFlow vs Drools！</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>3</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/meathill" title="Programming Language">
807
- <span>Meathill</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/bosaidong_5c495684bcf4b" title="Programming Language">
807
+ <span>铂赛东</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...
811
+ Drools是一款老牌的java规则引擎框架，早在十几年前，我刚工作的时候，曾在一家第三方支付企业工作。在核心的支付路由层面我记得就是用Drools来做的。
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/1190000042615946" target="_blank" title="IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践">IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践</a>
820
+ <a href="https://segmentfault.com/a/1190000042627871" target="_blank" title="迟迟没学会grid，是因为你没理解flex">迟迟没学会grid，是因为你没理解flex</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
835
- <span>JackJiang</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/tiantian_5ada7e81e50d7" title="Programming Language">
835
+ <span>uccs</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...
839
+ 我先问 2 个问题：你是不是用主轴-交叉轴/辅轴/副轴的概念理解 flex你是不是也用这个概念去理解 grid如果你是用这种方式理解的 flex，那听我慢慢道来今天我打破你对 flex 的理解打碎对 flex 理解display: grid 和...
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/1190000042615932" target="_blank" title="从零手写react-router">从零手写react-router</a>
848
+ <a href="https://segmentfault.com/a/1190000042638751" target="_blank" title="2022前端面试总结">2022前端面试总结</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>1</span>
859
+ <span>4</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/zhishiyuanbodexiaoyanyao" title="Programming Language">
863
- <span>hello_world_1024</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/wensandaoshi" title="Programming Language">
863
+ <span>fx67ll</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事
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/1190000042620447" target="_blank" title="中文输入法中光标跟随能力触发的浏览器事件探究">中文输入法中光标跟随能力触发的浏览器事件探究</a>
876
+ <a href="https://segmentfault.com/a/1190000042643748" target="_blank" title="深入理解JavaScript——闭包">深入理解JavaScript——闭包</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>2</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f" title="Programming Language">
891
- <span>Duang</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
891
+ <span>山头人汉波</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- :::tip最近在着手腾讯文档的输入体验优化，在其中有一个不起眼的小需求引起了我的注意，并顺便研究了一些事件监听机制相结合的特点，特此记录一下填坑过程。:::
895
+ 网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等
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/1190000042607031" target="_blank" title="铜九银十react考察点梳理">铜九银十react考察点梳理</a>
904
+ <a href="https://segmentfault.com/a/1190000042628327" target="_blank" title="vue指令总结----一次帮你学会使用">vue指令总结----一次帮你学会使用</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>0</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/jinzhangdedacong" title="Programming Language">
919
- <span>紧张的大葱</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/jackzhoumine" title="Programming Language">
919
+ <span>JackZhouMine</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- React中可以在render访问refs吗？为什么？ {代码...} 不可以，render 阶段 DOM 还没有生成，无法获取 DOM。DOM 的获取需要在 pre-commit 阶段和 commit 阶段：setState 是同步异步？为什么？实现原理？1. setStat...
923
+ 指令vue 内置了一些指令，也提供了自定义指令的接口。指令的作用：可把一些可复用的逻辑封装成指令，以实现逻辑复用。指令按照使用范围看，分为全局指令和局部指令（在某个组件内部使用的）。指令和组件一样，具...
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/1190000042613694" target="_blank" title="视频中为什么需要这么多的颜色空间？">视频中为什么需要这么多的颜色空间？</a>
932
+ <a href="https://segmentfault.com/a/1190000042638725" target="_blank" title="SegmentFault 2022 年社区周报 Vol.11">SegmentFault 2022 年社区周报 Vol.11</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/baidujiagoushi" title="Programming Language">
947
- <span>百度Geek说</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
947
+ <span>SegmentFault思否</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 导读：在视频处理中，我们经常会用到不同的色彩空间：非线性RGB，线性 RGB，YUV，XYZ……为什么需要这么多的色彩空间呢？为什么在 FFMpeg 中会有 color\_space，color\_transfer，color\_primaries 等一系列的颜色...
951
+ hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...
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/1190000042622274" target="_blank" title="Elasticsearch创建一个索引怎么也这么复杂">Elasticsearch创建一个索引怎么也这么复杂</a>
960
+ <a href="https://segmentfault.com/a/1190000042624868" target="_blank" title="开源云原生平台对比 KubeSphere vs Rainbond">开源云原生平台对比 KubeSphere vs Rainbond</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/17970" title="Programming Language">
975
- <span>醉鱼</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/rainbond" title="Programming Language">
975
+ <span>Rainbond</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 今天是我们学习ES8.1官方搜索工程师的第一课，首先第一个问题就是根据给定的需求创建一个索引，本篇文章将采用如下（总分总）的形式分析该题目，第一部分先进行考题的分析，猜测要考的知识点大概有什么，然后第二...
979
+ 最近因为工作需要，需要找一个功能完善的云原生应用平台，经过自己筛选和朋友推荐，剩下 KubeSphere和Rainbond ，这两个产品都是基于 Kubernetes 之上构建的云原生应用平台，功能都非常强大，但产品定位和功能侧...
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/10/19 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/21 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>