@wcj/github-rank 22.4.7 → 22.4.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/repos.json +33795 -33795
  2. package/dist/sifou-daily.json +6 -69
  3. package/dist/sifou-monthly.json +86 -86
  4. package/dist/sifou-weekly.json +170 -170
  5. package/dist/toutiao-30.json +97 -97
  6. package/dist/toutiao-7.json +116 -116
  7. package/dist/toutiao-90.json +24 -24
  8. package/dist/trending-daily.json +169 -169
  9. package/dist/trending-monthly.json +145 -145
  10. package/dist/trending-weekly.json +170 -170
  11. package/dist/users.china.json +2491 -2490
  12. package/dist/users.json +3466 -3466
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33795 -33795
  16. package/web/data/sifou-daily.json +6 -69
  17. package/web/data/sifou-monthly.json +86 -86
  18. package/web/data/sifou-weekly.json +170 -170
  19. package/web/data/toutiao-30.json +97 -97
  20. package/web/data/toutiao-7.json +116 -116
  21. package/web/data/toutiao-90.json +24 -24
  22. package/web/data/trending-daily.json +169 -169
  23. package/web/data/trending-monthly.json +145 -145
  24. package/web/data/trending-weekly.json +170 -170
  25. package/web/data/users.china.json +2491 -2490
  26. package/web/data/users.json +3466 -3466
  27. package/web/index.html +1795 -1795
  28. package/web/repos.html +4322 -4322
  29. package/web/sifou-daily.html +6 -202
  30. package/web/sifou-monthly.html +119 -119
  31. package/web/sifou-weekly.html +144 -144
  32. package/web/toutiao-30.html +87 -87
  33. package/web/toutiao-7.html +80 -80
  34. package/web/toutiao-90.html +51 -51
  35. package/web/trending-monthly.html +130 -130
  36. package/web/trending-weekly.html +147 -147
  37. package/web/trending.html +151 -143
  38. package/web/users.china.html +1374 -1374
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/4/7 by
119
+ <div class="time">Last cache created on 2022/4/10 by
120
120
 
121
121
 
122
122
 
@@ -147,7 +147,7 @@
147
147
  <div class="info">
148
148
  <div class="rank">
149
149
  <span title="Ranking 1">1</span>
150
- <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
150
+ <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
151
151
  </div>
152
152
  <div class="sub-title followers">
153
153
 
@@ -158,15 +158,15 @@
158
158
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
159
159
  </g>
160
160
  </svg>
161
- <span>8</span>
161
+ <span>14</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
165
- <span>Asheng</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
165
+ <span>张京</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
169
+ 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
170
170
  </div>
171
171
  </div>
172
172
  </li>
@@ -175,7 +175,7 @@
175
175
  <div class="info">
176
176
  <div class="rank">
177
177
  <span title="Ranking 2">2</span>
178
- <a href="https://segmentfault.com/a/1190000041651450" target="_blank" title="我们是如何解决偶发性的502错误的">我们是如何解决偶发性的502错误的</a>
178
+ <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
179
179
  </div>
180
180
  <div class="sub-title followers">
181
181
 
@@ -186,15 +186,15 @@
186
186
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
187
187
  </g>
188
188
  </svg>
189
- <span>8</span>
189
+ <span>11</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/fengerzh" title="Programming Language">
193
- <span>张京</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
193
+ <span>XboxYan</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...
197
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
198
198
  </div>
199
199
  </div>
200
200
  </li>
@@ -203,7 +203,7 @@
203
203
  <div class="info">
204
204
  <div class="rank">
205
205
  <span title="Ranking 3">3</span>
206
- <a href="https://segmentfault.com/a/1190000041642224" target="_blank" title="这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！">这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！</a>
206
+ <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -214,15 +214,15 @@
214
214
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
215
215
  </g>
216
216
  </svg>
217
- <span>8</span>
217
+ <span>12</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
221
- <span>MissD</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
221
+ <span>chokcoco</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 刚刚，Typecho 项目发起人祁宁在官方博客以开发者账号 @joyqi 发文宣布了 Typecho 1.2.0 正式版发布的消息 —— “这不是玩笑，我们回来了！”
225
+ 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,7 +231,7 @@
231
231
  <div class="info">
232
232
  <div class="rank">
233
233
  <span title="Ranking 4">4</span>
234
- <a href="https://segmentfault.com/a/1190000041645889" target="_blank" title="【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3">【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3</a>
234
+ <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
235
235
  </div>
236
236
  <div class="sub-title followers">
237
237
 
@@ -242,15 +242,15 @@
242
242
  <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"/>
243
243
  </g>
244
244
  </svg>
245
- <span>11</span>
245
+ <span>8</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/maoduolikuaipao" title="Programming Language">
249
- <span>前端有猫腻</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
249
+ <span>杨成功</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3
253
+ 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
254
254
  </div>
255
255
  </div>
256
256
  </li>
@@ -259,7 +259,7 @@
259
259
  <div class="info">
260
260
  <div class="rank">
261
261
  <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041640643" target="_blank" title="Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊">Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊</a>
262
+ <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
263
263
  </div>
264
264
  <div class="sub-title followers">
265
265
 
@@ -270,15 +270,15 @@
270
270
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
271
271
  </g>
272
272
  </svg>
273
- <span>8</span>
273
+ <span>10</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/dragonir" title="Programming Language">
277
- <span>dragonir</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
277
+ <span>前端小智</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨‍🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移动找到基地获取防辐射服吧！
281
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
282
282
  </div>
283
283
  </div>
284
284
  </li>
@@ -287,7 +287,7 @@
287
287
  <div class="info">
288
288
  <div class="rank">
289
289
  <span title="Ranking 6">6</span>
290
- <a href="https://segmentfault.com/a/1190000041645832" target="_blank" title="30道CSS 面试知识点总结">30道CSS 面试知识点总结</a>
290
+ <a href="https://segmentfault.com/a/1190000041658543" target="_blank" title="2022 招聘季 ｜ 面试了一个月，我经历了什么">2022 招聘季 ｜ 面试了一个月，我经历了什么</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -301,12 +301,12 @@
301
301
  <span>7</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
305
- <span>前端小智</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
305
+ <span>程序员海军</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
309
+ Hello， 大家好，我是程序员海军，又到了金三银四的招聘季。 本篇文章总结了我去年面试中遇到的坑，以及身边人遇到的面试坑，经过总结分析才出了此篇文章， 送给 金三银四 找工作的你，找工作运气很重要，时机更...
310
310
  </div>
311
311
  </div>
312
312
  </li>
@@ -315,7 +315,7 @@
315
315
  <div class="info">
316
316
  <div class="rank">
317
317
  <span title="Ranking 7">7</span>
318
- <a href="https://segmentfault.com/a/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</a>
318
+ <a href="https://segmentfault.com/a/1190000041654130" target="_blank" title="Koa2从零到脚手架">Koa2从零到脚手架</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -326,15 +326,15 @@
326
326
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
327
327
  </g>
328
328
  </svg>
329
- <span>9</span>
329
+ <span>5</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
333
- <span>卡颂</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
333
+ <span>山头人汉波</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...
337
+ 由 Express 原班人马打造的新生代 Node.js Web 框架，它的代码很简单，没有像 Express 那样，提供路由、静态服务等等，它是为了解决 Node 问题（简化了 Node 中操作）并取代之，它本身是一个简单的中间件框架，需...
338
338
  </div>
339
339
  </div>
340
340
  </li>
@@ -343,7 +343,7 @@
343
343
  <div class="info">
344
344
  <div class="rank">
345
345
  <span title="Ranking 8">8</span>
346
- <a href="https://segmentfault.com/a/1190000041641164" target="_blank" title="[🔧]前端开发工具推荐">[🔧]前端开发工具推荐</a>
346
+ <a href="https://segmentfault.com/a/1190000041659427" target="_blank" title="10个很棒的 JavaScript 字符串技巧">10个很棒的 JavaScript 字符串技巧</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -354,15 +354,15 @@
354
354
  <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"/>
355
355
  </g>
356
356
  </svg>
357
- <span>11</span>
357
+ <span>7</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
361
- <span>JenK</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
361
+ <span>前端小智</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...
365
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
366
366
  </div>
367
367
  </div>
368
368
  </li>
@@ -371,7 +371,7 @@
371
371
  <div class="info">
372
372
  <div class="rank">
373
373
  <span title="Ranking 9">9</span>
374
- <a href="https://segmentfault.com/a/1190000041639037" target="_blank" title="元宇宙探索之路">元宇宙探索之路</a>
374
+ <a href="https://segmentfault.com/a/1190000041661941" target="_blank" title="一键安装团队推荐的 vscode 插件">一键安装团队推荐的 vscode 插件</a>
375
375
  </div>
376
376
  <div class="sub-title followers">
377
377
 
@@ -382,15 +382,15 @@
382
382
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
383
383
  </g>
384
384
  </svg>
385
- <span>5</span>
385
+ <span>6</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/o2team" title="Programming Language">
389
- <span>凹凸实验室</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
389
+ <span>亖混子</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- 元宇宙正在如火如荼地发展，大有引领未来潮流之势。对于我们这么专业的（web 前端）团队来说，元宇宙是一个大 (wan) 显 (quan) 身 (bu) 手 (dong) 的领域，因此团队在这方面投入了很多人力进行预研和总结，请随本...
393
+ 在前端代码库的根目录下新增 .vscode/extensions.json文件注册插件列表，然后将文件随代码提交到 git 。如果哪位成员发现了好用的插件，直接加在 recommendations 数组中既可。入 git 的好处就是： 有记录、持续...
394
394
  </div>
395
395
  </div>
396
396
  </li>
@@ -399,7 +399,7 @@
399
399
  <div class="info">
400
400
  <div class="rank">
401
401
  <span title="Ranking 10">10</span>
402
- <a href="https://segmentfault.com/a/1190000041642685" target="_blank" title="通过差异化对比学习法，带你回顾Vue2快速掌握Vue3">通过差异化对比学习法，带你回顾Vue2快速掌握Vue3</a>
402
+ <a href="https://segmentfault.com/a/1190000041659228" target="_blank" title="面试周连续剧之轻车熟路">面试周连续剧之轻车熟路</a>
403
403
  </div>
404
404
  <div class="sub-title followers">
405
405
 
@@ -410,15 +410,15 @@
410
410
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
411
411
  </g>
412
412
  </svg>
413
- <span>4</span>
413
+ <span>3</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/maoduolikuaipao" title="Programming Language">
417
- <span>前端有猫腻</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/sanzhanggui" title="Programming Language">
417
+ <span>三掌柜</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3
421
+ 接着上一篇文章继续聊面试经历，通过前两天的面试经历，以及不断总结完善自己的知识储备，又系统性的准备了一下前端面试知识点，应对一般的面试已经不成问题，可以说自己已经有了“反客为主”的能力，那么马上开启...
422
422
  </div>
423
423
  </div>
424
424
  </li>
@@ -427,7 +427,7 @@
427
427
  <div class="info">
428
428
  <div class="rank">
429
429
  <span title="Ranking 11">11</span>
430
- <a href="https://segmentfault.com/a/1190000041654130" target="_blank" title="Koa2从零到脚手架">Koa2从零到脚手架</a>
430
+ <a href="https://segmentfault.com/a/1190000041675548" target="_blank" title="Module Federation在客服工单业务中的最佳实践">Module Federation在客服工单业务中的最佳实践</a>
431
431
  </div>
432
432
  <div class="sub-title followers">
433
433
 
@@ -438,15 +438,15 @@
438
438
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
439
439
  </g>
440
440
  </svg>
441
- <span>3</span>
441
+ <span>2</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
445
- <span>山头人汉波</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
445
+ <span>得物技术</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 由 Express 原班人马打造的新生代 Node.js Web 框架，它的代码很简单，没有像 Express 那样，提供路由、静态服务等等，它是为了解决 Node 问题（简化了 Node 中操作）并取代之，它本身是一个简单的中间件框架，需...
449
+ 一线客服： 基于一站式工作台中的在线工作台及电话工作台，根据用户进线反馈的问题，查看当前用户相关的工单详情或订单详情，并根据实际情况决定是否创建新的工单。
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -455,7 +455,7 @@
455
455
  <div class="info">
456
456
  <div class="rank">
457
457
  <span title="Ranking 12">12</span>
458
- <a href="https://segmentfault.com/a/1190000041640328" target="_blank" title="JS的面向对象（理解对象，原型，原型链，继承，类）">JS的面向对象（理解对象，原型，原型链，继承，类）</a>
458
+ <a href="https://segmentfault.com/a/1190000041669762" target="_blank" title="面试周连续剧之奇葩遭遇">面试周连续剧之奇葩遭遇</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -466,15 +466,15 @@
466
466
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
467
467
  </g>
468
468
  </svg>
469
- <span>4</span>
469
+ <span>3</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/xiaoxuesheng_5b7e4b5dca7e8" title="Programming Language">
473
- <span>小学生</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/sanzhanggui" title="Programming Language">
473
+ <span>三掌柜</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- JS有6种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number ，String和Symbol 。还有 1 种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。JS不支持任何创建自定义类型的机制...
477
+ 接着上一篇文章继续聊面试经历，通过前三天的面试经历，梳理总结一下，虽然拿到了三个offer，但是约过的面试还要继续，这是自己的原则，不能随便放别人鸽子，要有面试节操。在分享今天的面试经历的同时，顺便总结...
478
478
  </div>
479
479
  </div>
480
480
  </li>
@@ -483,7 +483,7 @@
483
483
  <div class="info">
484
484
  <div class="rank">
485
485
  <span title="Ranking 13">13</span>
486
- <a href="https://segmentfault.com/a/1190000041638987" target="_blank" title="存储用户密码应该使用什么加密算法？">存储用户密码应该使用什么加密算法？</a>
486
+ <a href="https://segmentfault.com/a/1190000041664148" target="_blank" title="冴羽答读者问：何时能够像你一样优秀？">冴羽答读者问：何时能够像你一样优秀？</a>
487
487
  </div>
488
488
  <div class="sub-title followers">
489
489
 
@@ -494,15 +494,15 @@
494
494
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
495
495
  </g>
496
496
  </svg>
497
- <span>5</span>
497
+ <span>2</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/onlythinking" title="Programming Language">
501
- <span>编程码农</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
501
+ <span>冴羽</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 概述编程开发中，像用户登录注册这种功能很常见，那么对于用户密码处理，我们该选择什么样的加密算法呢？在这种场景下，算法需要满足下面两个条件：算法需不可逆，这样才能有效防止密码泄露。算法需相对慢，可以...
505
+ 首先真的非常感谢你的肯定，但“优秀”二字让我愧不敢当，在我看来，我并没有做到过什么厉害的事情，只是一路走来，将自己学习到的东西分享出来而已，引用阮一峰老师之前发过的微博：
506
506
  </div>
507
507
  </div>
508
508
  </li>
@@ -511,7 +511,7 @@
511
511
  <div class="info">
512
512
  <div class="rank">
513
513
  <span title="Ranking 14">14</span>
514
- <a href="https://segmentfault.com/a/1190000041636754" target="_blank" title="不管是青蛙跳台阶还是who爬楼梯，能上去就行">不管是青蛙跳台阶还是who爬楼梯，能上去就行</a>
514
+ <a href="https://segmentfault.com/a/1190000041652146" target="_blank" title="从零开始 实现一个自己的脚本引擎">从零开始 实现一个自己的脚本引擎</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -525,12 +525,12 @@
525
525
  <span>3</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/sy_records" title="Programming Language">
529
- <span>沈唁</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/laziji" title="Programming Language">
529
+ <span>辣子鸡</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 爬楼梯这个问题也是一个很经典的面试题，可以换各种人物动物，比如青蛙、小兔子跳台阶，张三李四爬楼梯等等。题目会类似于下面这样：假设你正在爬楼梯，需要 n 阶你才能到达楼顶，每次你可以爬 1 或 2 个台阶。你...
533
+ 项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...
534
534
  </div>
535
535
  </div>
536
536
  </li>
@@ -539,7 +539,7 @@
539
539
  <div class="info">
540
540
  <div class="rank">
541
541
  <span title="Ranking 15">15</span>
542
- <a href="https://segmentfault.com/a/1190000041648339" target="_blank" title="从 Redux 说起，到手写，再到状态管理">从 Redux 说起，到手写，再到状态管理</a>
542
+ <a href="https://segmentfault.com/a/1190000041665600" target="_blank" title="带码农《手写Mybatis》进度3：实现映射器的注册和使用">带码农《手写Mybatis》进度3：实现映射器的注册和使用</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -553,12 +553,12 @@
553
553
  <span>2</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
557
- <span>山头人汉波</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
557
+ <span>小傅哥</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 单纯的 Redux 只是一个状态机， store 中存放了所有的状态 state，要想改变里面的状态 state，只能 dispatch 一个动作
561
+ 我们可以把 Spring、Mybatis、Dubbo 这样的大型框架或者一些公司内部的较核心项目，都可以称为复杂的系统。这样的工程也不在是初学编程手里的玩具项目，没有所谓的CRUD，更多时候要面对的都是对系统分层的结构设...
562
562
  </div>
563
563
  </div>
564
564
  </li>
@@ -567,7 +567,7 @@
567
567
  <div class="info">
568
568
  <div class="rank">
569
569
  <span title="Ranking 16">16</span>
570
- <a href="https://segmentfault.com/a/1190000041650923" target="_blank" title="面试题：一道关于解构赋值和参数默认值的编程题">面试题：一道关于解构赋值和参数默认值的编程题</a>
570
+ <a href="https://segmentfault.com/a/1190000041657908" target="_blank" title="如何写出高性能代码(二)巧用数据特性">如何写出高性能代码(二)巧用数据特性</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -581,12 +581,12 @@
581
581
  <span>3</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/johanazhu" title="Programming Language">
585
- <span>山头人汉波</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
585
+ <span>xindoo</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 在前端俱乐部QQ群中，有朋友发出这样的题目，说最近面试中遇到了，如下所示 {代码...} 问，fun 的参数应该填什么？提示：利用结构赋值和参数默认值经过我一番测试，其结果如下所示： {代码...} 解题思路先看第一...
589
+ 同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；十倍程序员 ...
590
590
  </div>
591
591
  </div>
592
592
  </li>
@@ -595,7 +595,7 @@
595
595
  <div class="info">
596
596
  <div class="rank">
597
597
  <span title="Ranking 17">17</span>
598
- <a href="https://segmentfault.com/a/1190000041636103" target="_blank" title="vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)">vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)</a>
598
+ <a href="https://segmentfault.com/a/1190000041664954" target="_blank" title="约束前端项目中的目录和文件名">约束前端项目中的目录和文件名</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -606,15 +606,15 @@
606
606
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
607
607
  </g>
608
608
  </svg>
609
- <span>3</span>
609
+ <span>2</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/russell221" title="Programming Language">
613
- <span>铁皮饭盒</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
613
+ <span>亖混子</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- 一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.
617
+ 好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...
618
618
  </div>
619
619
  </div>
620
620
  </li>
@@ -623,7 +623,7 @@
623
623
  <div class="info">
624
624
  <div class="rank">
625
625
  <span title="Ranking 18">18</span>
626
- <a href="https://segmentfault.com/a/1190000041652146" target="_blank" title="从零开始 实现一个自己的脚本引擎">从零开始 实现一个自己的脚本引擎</a>
626
+ <a href="https://segmentfault.com/a/1190000041651786" target="_blank" title="Spring Security 一键接入验证码登录和小程序登录">Spring Security 一键接入验证码登录和小程序登录</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -634,15 +634,15 @@
634
634
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
635
635
  </g>
636
636
  </svg>
637
- <span>3</span>
637
+ <span>2</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/laziji" title="Programming Language">
641
- <span>辣子鸡</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/10000000" title="Programming Language">
641
+ <span>码农小胖哥</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...
645
+ 最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，...
646
646
  </div>
647
647
  </div>
648
648
  </li>
@@ -651,7 +651,7 @@
651
651
  <div class="info">
652
652
  <div class="rank">
653
653
  <span title="Ranking 19">19</span>
654
- <a href="https://segmentfault.com/a/1190000041636592" target="_blank" title="OpenHarmony v3.1 Release版本发布">OpenHarmony v3.1 Release版本发布</a>
654
+ <a href="https://segmentfault.com/a/1190000041654734" target="_blank" title="聊聊mysql的树形结构存储及查询">聊聊mysql的树形结构存储及查询</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -662,15 +662,15 @@
662
662
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
663
663
  </g>
664
664
  </svg>
665
- <span>3</span>
665
+ <span>2</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/openharmony" title="Programming Language">
669
- <span>OpenHarmony社区</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/codecraft" title="Programming Language">
669
+ <span>codecraft</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- OpenHarmony 3.1 Release版本概述当前版本在OpenHarmony 3.1 Beta的基础上，更新支持以下能力：标准系统基础能力增强本地基础音视频播放能力、视频硬编解码、相机基础预览、拍摄能力。RenderService新渲染框架、2...
673
+ 序本文主要研究一下mysql的树形结构存储及查询存储parent这种方式就是每个节点存储自己的parent_id信息建表及数据准备 {代码...} 查询 {代码...} 存储及修改上比较方便，就是要在sql里头查询树比较费劲，一般是加...
674
674
  </div>
675
675
  </div>
676
676
  </li>
@@ -679,7 +679,7 @@
679
679
  <div class="info">
680
680
  <div class="rank">
681
681
  <span title="Ranking 20">20</span>
682
- <a href="https://segmentfault.com/a/1190000041642257" target="_blank" title="Docker 创始人推出 Dagger，一个新的 DevOps 平台">Docker 创始人推出 Dagger，一个新的 DevOps 平台</a>
682
+ <a href="https://segmentfault.com/a/1190000041651455" target="_blank" title="聊聊mysql的单列多值存储">聊聊mysql的单列多值存储</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>2</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/snakesss" title="Programming Language">
697
- <span>snakesss</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/codecraft" title="Programming Language">
697
+ <span>codecraft</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 自 Solomon Hykes 离开以后，Docker 经历了起起落落，包括在 2019 年将其企业业务出售给 Mirantis。但长期以来，作为 Docker 的形象代言人，Hykes 却很少涉足企业内部事务，仅仅是参与了几轮融资。
701
+ 序本文主要研究一下mysql如何用一个列来存储多个值实例用bit类型建表及数据准备 {代码...} 位运算查询 {代码...} 更新 {代码...} 用int/bigint类型建表及数据准备 {代码...} 查询 {代码...} 更新 {代码...} 用var...
702
702
  </div>
703
703
  </div>
704
704
  </li>
@@ -707,7 +707,7 @@
707
707
  <div class="info">
708
708
  <div class="rank">
709
709
  <span title="Ranking 21">21</span>
710
- <a href="https://segmentfault.com/a/1190000041639103" target="_blank" title="React讲解 - 父组件调用子组件内容【更新中】">React讲解 - 父组件调用子组件内容【更新中】</a>
710
+ <a href="https://segmentfault.com/a/1190000041651441" target="_blank" title="2022年的JavaScript开发工具">2022年的JavaScript开发工具</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -718,15 +718,15 @@
718
718
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
719
719
  </g>
720
720
  </svg>
721
- <span>2</span>
721
+ <span>0</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/ddup365" title="Programming Language">
725
- <span>specialCoder</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/lashoucuijs" title="Programming Language">
725
+ <span>戎马</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 前言本篇文章属于 React通信 &gt; 父子通信 &gt; 父组件调用子组件 的内容。父组件调用子组件的场景：子组件被多个地方使用，需要单独封装子组件逻辑较重，使用完全受控模式成本较高使用父组件调用子组件进行逻辑...
729
+ 原文：[链接]在2022年，每一位 JS / TS 开发者都应该知道的最重要的开发工具的分类，包括最相关的权衡，以及一些个人建议。在软件工程的世界中，对所使用的工具有一个明确的了解非常重要。但是 JS 工具总是在快速...
730
730
  </div>
731
731
  </div>
732
732
  </li>
@@ -735,7 +735,7 @@
735
735
  <div class="info">
736
736
  <div class="rank">
737
737
  <span title="Ranking 22">22</span>
738
- <a href="https://segmentfault.com/a/1190000041640366" target="_blank" title="前端多数据渲染优化">前端多数据渲染优化</a>
738
+ <a href="https://segmentfault.com/a/1190000041652223" target="_blank" title="与 Rust 勾心斗角 · 点">与 Rust 勾心斗角 · 点</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -749,12 +749,12 @@
749
749
  <span>2</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/grewer" title="Programming Language">
753
- <span>Grewer</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/garfileo" title="Programming Language">
753
+ <span>garfileo</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 在前一段时间做一个需求的时候, 碰到一个自定义列表的功能, 他的所有数据显示都是通过 jSON 字符串来存储,使用也是通过 JSON 解析 起先他是有数据上限的, 但是后面提高上限后就出现了卡顿等问题,所以本文就是介绍...
757
+ 三维世界的原点，就是在三个数轴上的投影为 0 的点。假设三个数轴为 x，y 和 z，则原点在它们上的投影可表示为 x = 0, y = 0, z = 0，用 Rust 代码可表示为
758
758
  </div>
759
759
  </div>
760
760
  </li>
@@ -763,7 +763,7 @@
763
763
  <div class="info">
764
764
  <div class="rank">
765
765
  <span title="Ranking 23">23</span>
766
- <a href="https://segmentfault.com/a/1190000041638108" target="_blank" title="每个人都应该懂点攻防">每个人都应该懂点攻防</a>
766
+ <a href="https://segmentfault.com/a/1190000041644858" target="_blank" title="Three.js Sprite源码解析">Three.js Sprite源码解析</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -774,15 +774,15 @@
774
774
  <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"/>
775
775
  </g>
776
776
  </svg>
777
- <span>2</span>
777
+ <span>1</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/alisecued" title="Programming Language">
781
- <span>ES2049</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/luckness" title="Programming Language">
781
+ <span>luckness</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 网络如此发达的今天，攻击无处不在，而每一次攻击的成功往往造成信息的泄漏，严重者甚至带来经济的损失。所以作为技术人员，我们每个人都应该懂一点攻防；这样做虽然无法做到完全保护个人隐私，但对增强个人安全...
785
+ 本文会讲解一下Three.js(r105)的Sprite，主要包括以下几个方面：简单介绍和使用Sprite的Geometry始终朝向相机原理解析大小不变原理解析简单介绍和使用在项目中，我主要会使用Sprite创建一些三维场景中的标签。下...
786
786
  </div>
787
787
  </div>
788
788
  </li>
@@ -791,7 +791,7 @@
791
791
  <div class="info">
792
792
  <div class="rank">
793
793
  <span title="Ranking 24">24</span>
794
- <a href="https://segmentfault.com/a/1190000041649527" target="_blank" title="面试周连续剧之首战大捷">面试周连续剧之首战大捷</a>
794
+ <a href="https://segmentfault.com/a/1190000041664655" target="_blank" title="Go 1.18：工作区模式workspace mode">Go 1.18：工作区模式workspace mode</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -805,12 +805,12 @@
805
805
  <span>2</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/sanzhanggui" title="Programming Language">
809
- <span>三掌柜</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
809
+ <span>coding进阶</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 2022年注定是一个不平凡的一年，因为有着难得一遇的对称日：20220222，即2022年2月22日，农历的正月廿二，也是星期二，总之是一个不平凡的一年。即然不平凡，那就得搞事情，然后就果断的选择找工作，顺便沾沾不平...
813
+ Go 1.18除了引入泛型(generics)、模糊测试(Fuzzing)之外，另外一个重大功能是引入了工作区模式(workspace mode)。
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -819,7 +819,7 @@
819
819
  <div class="info">
820
820
  <div class="rank">
821
821
  <span title="Ranking 25">25</span>
822
- <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
822
+ <a href="https://segmentfault.com/a/1190000041657343" target="_blank" title="JavaScript的几种继承方式">JavaScript的几种继承方式</a>
823
823
  </div>
824
824
  <div class="sub-title followers">
825
825
 
@@ -830,15 +830,15 @@
830
830
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
831
831
  </g>
832
832
  </svg>
833
- <span>7</span>
833
+ <span>3</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
837
- <span>XboxYan</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/funnycoderstar" title="Programming Language">
837
+ <span>OneStar</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
841
+ 这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...
842
842
  </div>
843
843
  </div>
844
844
  </li>
@@ -847,7 +847,7 @@
847
847
  <div class="info">
848
848
  <div class="rank">
849
849
  <span title="Ranking 26">26</span>
850
- <a href="https://segmentfault.com/a/1190000041645230" target="_blank" title="LeetCode-165-比较版本号">LeetCode-165-比较版本号</a>
850
+ <a href="https://segmentfault.com/a/1190000041653423" target="_blank" title="如何写出高性能代码(一)善用算法和数据结构">如何写出高性能代码(一)善用算法和数据结构</a>
851
851
  </div>
852
852
  <div class="sub-title followers">
853
853
 
@@ -858,15 +858,15 @@
858
858
  <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"/>
859
859
  </g>
860
860
  </svg>
861
- <span>3</span>
861
+ <span>2</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/xiongshihubao" title="Programming Language">
865
- <span>雄狮虎豹</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
865
+ <span>xindoo</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 题目描述：给你两个版本号 version1 和 version2 ，请你比较它们。版本号由一个或多个修订号组成，各修订号由一个 &#39;.&#39; 连接。每个修订号由 多位数字 组成，可能包含 前导零 。每个版本号至少包含一个字符。修订号...
869
+ 同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；十倍程序员不...
870
870
  </div>
871
871
  </div>
872
872
  </li>
@@ -875,7 +875,7 @@
875
875
  <div class="info">
876
876
  <div class="rank">
877
877
  <span title="Ranking 27">27</span>
878
- <a href="https://segmentfault.com/a/1190000041638236" target="_blank" title="让技术创造价值之手把手教你薅羊毛篇">让技术创造价值之手把手教你薅羊毛篇</a>
878
+ <a href="https://segmentfault.com/a/1190000041667869" target="_blank" title="通过 .vscode/settings.json 无感知控制成员的 vscode 表现">通过 .vscode/settings.json 无感知控制成员的 vscode 表现</a>
879
879
  </div>
880
880
  <div class="sub-title followers">
881
881
 
@@ -886,15 +886,15 @@
886
886
  <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"/>
887
887
  </g>
888
888
  </svg>
889
- <span>1</span>
889
+ <span>2</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/yangyaya" title="Programming Language">
893
- <span>阳呀呀</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
893
+ <span>亖混子</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 距离上一篇年终总结的文章已经过了3个多月了，在年终总结中写到了利用脚本自动薅羊毛的话题，评论里有不少小伙伴比较感兴趣。so，今天就来给大家详细介绍一下如何让技术创造价值（得给薅羊毛上升一个层次）。本文...
897
+ 通过在项目根目录下新增 .vscode/setings.json 文件，可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix，保存自动格式化代码等。为了尊重成员的个性化需求，不要对主题、字体等做控制。
898
898
  </div>
899
899
  </div>
900
900
  </li>
@@ -903,7 +903,7 @@
903
903
  <div class="info">
904
904
  <div class="rank">
905
905
  <span title="Ranking 28">28</span>
906
- <a href="https://segmentfault.com/a/1190000041651786" target="_blank" title="Spring Security 一键接入验证码登录和小程序登录">Spring Security 一键接入验证码登录和小程序登录</a>
906
+ <a href="https://segmentfault.com/a/1190000041673801" target="_blank" title="一个前端所期待的 Mock 功能都是什么样的？">一个前端所期待的 Mock 功能都是什么样的？</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -914,15 +914,15 @@
914
914
  <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"/>
915
915
  </g>
916
916
  </svg>
917
- <span>2</span>
917
+ <span>1</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/10000000" title="Programming Language">
921
- <span>码农小胖哥</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/xiange" title="Programming Language">
921
+ <span>shanyue</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，...
925
+ 大家好呀，我是一名苦逼的前端开发工程师，为啥苦逼呢，这不，项目下周就要上线了，但是后端还没给我接口，没有接口我就无法调试，工作停滞不前，我也只能坐着干着急。
926
926
  </div>
927
927
  </div>
928
928
  </li>
@@ -931,7 +931,7 @@
931
931
  <div class="info">
932
932
  <div class="rank">
933
933
  <span title="Ranking 29">29</span>
934
- <a href="https://segmentfault.com/a/1190000041641555" target="_blank" title="Spring 新版本修复远程命令执行漏洞(CVE-2022-22965)，墨菲安全开源工具可应急排查">Spring 新版本修复远程命令执行漏洞(CVE-2022-22965)，墨菲安全开源工具可应急排查</a>
934
+ <a href="https://segmentfault.com/a/1190000041658258" target="_blank" title="带你十天轻松搞定 Go 微服务系列（七）">带你十天轻松搞定 Go 微服务系列（七）</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -945,12 +945,12 @@
945
945
  <span>1</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/murphysec" title="Programming Language">
949
- <span>墨菲安全</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
949
+ <span>kevinwan</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 3月31日，spring 官方通报了 Spring 相关框架存在远程代码执行漏洞，并在 5.3.18 和 5.2.20.RELEASE 中修复了该漏洞。
953
+ 序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证（本文）服务监控链路追踪分布式事务...
954
954
  </div>
955
955
  </div>
956
956
  </li>
@@ -959,7 +959,7 @@
959
959
  <div class="info">
960
960
  <div class="rank">
961
961
  <span title="Ranking 30">30</span>
962
- <a href="https://segmentfault.com/a/1190000041651455" target="_blank" title="聊聊mysql的单列多值存储">聊聊mysql的单列多值存储</a>
962
+ <a href="https://segmentfault.com/a/1190000041666115" target="_blank" title="秒建炫酷的开源项目文档，这款神器用起来够优雅！">秒建炫酷的开源项目文档，这款神器用起来够优雅！</a>
963
963
  </div>
964
964
  <div class="sub-title followers">
965
965
 
@@ -970,15 +970,15 @@
970
970
  <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
971
971
  </g>
972
972
  </svg>
973
- <span>2</span>
973
+ <span>1</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/codecraft" title="Programming Language">
977
- <span>codecraft</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/macrozheng" title="Programming Language">
977
+ <span>macrozheng</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 序本文主要研究一下mysql如何用一个列来存储多个值实例用bit类型建表及数据准备 {代码...} 位运算查询 {代码...} 更新 {代码...} 用int/bigint类型建表及数据准备 {代码...} 查询 {代码...} 更新 {代码...} 用var...
981
+ 学习过我的开源项目mall的朋友应该知道，我有一个使用Docsify搭建的项目文档网站。使用Docsify搭建文档网站虽然简单，但是缺少分类、标签、SEO这类功能，随着文档越来越多，查找起来有点不方便！今天给大家推荐一...
982
982
  </div>
983
983
  </div>
984
984
  </li>
@@ -999,7 +999,7 @@
999
999
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
1000
1000
  </a>
1001
1001
  </div>
1002
- <div class="time">Last cache created on 2022/4/7 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/10 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>