@wcj/github-rank 22.4.12 → 22.4.13

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 +21118 -21134
  2. package/dist/sifou-daily.json +36 -54
  3. package/dist/sifou-monthly.json +75 -75
  4. package/dist/sifou-weekly.json +115 -115
  5. package/dist/toutiao-30.json +74 -74
  6. package/dist/toutiao-7.json +60 -60
  7. package/dist/toutiao-90.json +38 -38
  8. package/dist/trending-daily.json +165 -165
  9. package/dist/trending-monthly.json +148 -148
  10. package/dist/trending-weekly.json +166 -166
  11. package/dist/users.china.json +1298 -1298
  12. package/dist/users.json +1860 -1860
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +21118 -21134
  16. package/web/data/sifou-daily.json +36 -54
  17. package/web/data/sifou-monthly.json +75 -75
  18. package/web/data/sifou-weekly.json +115 -115
  19. package/web/data/toutiao-30.json +74 -74
  20. package/web/data/toutiao-7.json +60 -60
  21. package/web/data/toutiao-90.json +38 -38
  22. package/web/data/trending-daily.json +165 -165
  23. package/web/data/trending-monthly.json +148 -148
  24. package/web/data/trending-weekly.json +166 -166
  25. package/web/data/users.china.json +1298 -1298
  26. package/web/data/users.json +1860 -1860
  27. package/web/index.html +1050 -1050
  28. package/web/repos.html +3054 -3054
  29. package/web/sifou-daily.html +31 -87
  30. package/web/sifou-monthly.html +127 -127
  31. package/web/sifou-weekly.html +133 -133
  32. package/web/toutiao-30.html +98 -98
  33. package/web/toutiao-7.html +80 -80
  34. package/web/toutiao-90.html +45 -45
  35. package/web/trending-monthly.html +134 -134
  36. package/web/trending-weekly.html +144 -144
  37. package/web/trending.html +135 -151
  38. package/web/users.china.html +675 -675
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/12 by
119
+ <div class="time">Last cache created on 2022/4/13 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/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</a>
150
+ <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</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>21</span>
161
+ <span>23</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
165
- <span>chokcoco</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
165
+ <span>XboxYan</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
169
+ 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
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/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
178
+ <a href="https://segmentfault.com/a/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</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>18</span>
189
+ <span>22</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
193
- <span>XboxYan</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
193
+ <span>pingan8787</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
197
+ 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
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/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</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>10</span>
217
+ <span>24</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
221
- <span>杨成功</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
- 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
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/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
234
+ <a href="https://segmentfault.com/a/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</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>12</span>
245
+ <span>20</span>
246
246
  </span>
247
247
  &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
249
- <span>前端小智</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
249
+ <span>前端胖头鱼</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
253
+ 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
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/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
262
+ <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，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>11</span>
273
+ <span>13</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
277
- <span>pingan8787</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/ruidoc" title="Programming Language">
277
+ <span>杨成功</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
281
+ 在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
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/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
290
+ <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
291
291
  </div>
292
292
  <div class="sub-title followers">
293
293
 
@@ -298,15 +298,15 @@
298
298
  <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"/>
299
299
  </g>
300
300
  </svg>
301
- <span>15</span>
301
+ <span>13</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
305
- <span>前端胖头鱼</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
305
+ <span>前端小智</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
309
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041659427" target="_blank" title="10个很棒的 JavaScript 字符串技巧">10个很棒的 JavaScript 字符串技巧</a>
318
+ <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
319
319
  </div>
320
320
  <div class="sub-title followers">
321
321
 
@@ -329,12 +329,12 @@
329
329
  <span>9</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
333
- <span>前端小智</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
333
+ <span>lulu_up</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
337
+ 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
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/1190000041661941" target="_blank" title="一键安装团队推荐的 vscode 插件">一键安装团队推荐的 vscode 插件</a>
346
+ <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</a>
347
347
  </div>
348
348
  <div class="sub-title followers">
349
349
 
@@ -357,12 +357,12 @@
357
357
  <span>8</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
361
- <span>亖混子</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
361
+ <span>码哥字节</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 在前端代码库的根目录下新增 .vscode/extensions.json文件注册插件列表，然后将文件随代码提交到 git 。如果哪位成员发现了好用的插件，直接加在 recommendations 数组中既可。入 git 的好处就是： 有记录、持续...
365
+ 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
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/1190000041658543" target="_blank" title="2022 招聘季 ｜ 面试了一个月，我经历了什么">2022 招聘季 ｜ 面试了一个月，我经历了什么</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>7</span>
385
+ <span>8</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" 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
- Hello， 大家好，我是程序员海军，又到了金三银四的招聘季。 本篇文章总结了我去年面试中遇到的坑，以及身边人遇到的面试坑，经过总结分析才出了此篇文章， 送给 金三银四 找工作的你，找工作运气很重要，时机更...
393
+ 在前端代码库的根目录下新增 .vscode/extensions.json文件注册插件列表，然后将文件随代码提交到 git 。如果哪位成员发现了好用的插件，直接加在 recommendations 数组中既可。入 git 的好处就是： 有记录、持续...
394
394
  </div>
395
395
  </div>
396
396
  </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/1190000041659228" target="_blank" title="面试周连续剧之轻车熟路">面试周连续剧之轻车熟路</a>
430
+ <a href="https://segmentfault.com/a/1190000041683421" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(下)">一些关于react的keep-alive功能相关知识在这里(下)</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>7</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/sanzhanggui" title="Programming Language">
445
- <span>三掌柜</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
445
+ <span>lulu_up</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 接着上一篇文章继续聊面试经历，通过前两天的面试经历，以及不断总结完善自己的知识储备，又系统性的准备了一下前端面试知识点，应对一般的面试已经不成问题，可以说自己已经有了“反客为主”的能力，那么马上开启...
449
+ 比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。
450
450
  </div>
451
451
  </div>
452
452
  </li>
@@ -466,7 +466,7 @@
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>6</span>
470
470
  </span>
471
471
  &nbsp;
472
472
  <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
@@ -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/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
486
+ <a href="https://segmentfault.com/a/1190000041665600" target="_blank" title="带码农《手写Mybatis》进度3：实现映射器的注册和使用">带码农《手写Mybatis》进度3：实现映射器的注册和使用</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>6</span>
497
+ <span>3</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
501
- <span>lulu_up</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
501
+ <span>小傅哥</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
505
+ 我们可以把 Spring、Mybatis、Dubbo 这样的大型框架或者一些公司内部的较核心项目，都可以称为复杂的系统。这样的工程也不在是初学编程手里的玩具项目，没有所谓的CRUD，更多时候要面对的都是对系统分层的结构设...
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/1190000041665600" target="_blank" title="带码农《手写Mybatis》进度3：实现映射器的注册和使用">带码农《手写Mybatis》进度3：实现映射器的注册和使用</a>
514
+ <a href="https://segmentfault.com/a/1190000041684916" target="_blank" title="墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码">墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码</a>
515
515
  </div>
516
516
  <div class="sub-title followers">
517
517
 
@@ -522,15 +522,15 @@
522
522
  <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"/>
523
523
  </g>
524
524
  </svg>
525
- <span>3</span>
525
+ <span>1</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
529
- <span>小傅哥</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
529
+ <span>MissD</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 我们可以把 Spring、Mybatis、Dubbo 这样的大型框架或者一些公司内部的较核心项目，都可以称为复杂的系统。这样的工程也不在是初学编程手里的玩具项目，没有所谓的CRUD，更多时候要面对的都是对系统分层的结构设...
533
+ 4 月 11 日，墨菲安全正式发布了其开源软件安全检测工具——murphysec 。据悉，该项目集合了易用、专业、创新等优势，意在帮助每一位开发者更安全的使用开源代码。
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/1190000041684916" target="_blank" title="墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码">墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码</a>
542
+ <a href="https://segmentfault.com/a/1190000041688073" target="_blank" title="笔试算法题总结">笔试算法题总结</a>
543
543
  </div>
544
544
  <div class="sub-title followers">
545
545
 
@@ -550,15 +550,15 @@
550
550
  <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"/>
551
551
  </g>
552
552
  </svg>
553
- <span>1</span>
553
+ <span>4</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
557
- <span>MissD</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
557
+ <span>小强Zzz</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 4 月 11 日，墨菲安全正式发布了其开源软件安全检测工具——murphysec 。据悉，该项目集合了易用、专业、创新等优势，意在帮助每一位开发者更安全的使用开源代码。
561
+ hashmap的原理这里不再讲述，不知道的小伙伴可以看这篇文章。Hash与HashMaphashmap数据结构的引入能帮助我们将O(n)的时间复杂度降低为O（1）的时间复杂度，代价是使用了O（n）的空间复杂度。这么一看好像功过参半...
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/1190000041669762" target="_blank" title="面试周连续剧之奇葩遭遇">面试周连续剧之奇葩遭遇</a>
570
+ <a href="https://segmentfault.com/a/1190000041673801" target="_blank" title="一个前端所期待的 Mock 功能都是什么样的？">一个前端所期待的 Mock 功能都是什么样的？</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/sanzhanggui" title="Programming Language">
585
- <span>三掌柜</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/xiange" title="Programming Language">
585
+ <span>shanyue</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 接着上一篇文章继续聊面试经历，通过前三天的面试经历，梳理总结一下，虽然拿到了三个offer，但是约过的面试还要继续，这是自己的原则，不能随便放别人鸽子，要有面试节操。在分享今天的面试经历的同时，顺便总结...
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/1190000041664655" target="_blank" title="Go 1.18：工作区模式workspace mode">Go 1.18：工作区模式workspace mode</a>
598
+ <a href="https://segmentfault.com/a/1190000041669762" target="_blank" title="面试周连续剧之奇葩遭遇">面试周连续剧之奇葩遭遇</a>
599
599
  </div>
600
600
  <div class="sub-title followers">
601
601
 
@@ -609,12 +609,12 @@
609
609
  <span>3</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
613
- <span>coding进阶</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/sanzhanggui" title="Programming Language">
613
+ <span>三掌柜</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- Go 1.18除了引入泛型(generics)、模糊测试(Fuzzing)之外，另外一个重大功能是引入了工作区模式(workspace mode)。
617
+ 接着上一篇文章继续聊面试经历，通过前三天的面试经历，梳理总结一下，虽然拿到了三个offer，但是约过的面试还要继续，这是自己的原则，不能随便放别人鸽子，要有面试节操。在分享今天的面试经历的同时，顺便总结...
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/1190000041664954" target="_blank" title="约束前端项目中的目录和文件名">约束前端项目中的目录和文件名</a>
626
+ <a href="https://segmentfault.com/a/1190000041664655" target="_blank" title="Go 1.18：工作区模式workspace mode">Go 1.18：工作区模式workspace mode</a>
627
627
  </div>
628
628
  <div class="sub-title followers">
629
629
 
@@ -637,12 +637,12 @@
637
637
  <span>3</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
641
- <span>亖混子</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/c9eulmav" title="Programming Language">
641
+ <span>coding进阶</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...
645
+ Go 1.18除了引入泛型(generics)、模糊测试(Fuzzing)之外，另外一个重大功能是引入了工作区模式(workspace mode)。
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/1190000041658571" target="_blank" title="如何在gitlab完成提交PR、合并PR等操作后用钉钉自定义机器人进行消息推送">如何在gitlab完成提交PR、合并PR等操作后用钉钉自定义机器人进行消息推送</a>
654
+ <a href="https://segmentfault.com/a/1190000041664954" target="_blank" title="约束前端项目中的目录和文件名">约束前端项目中的目录和文件名</a>
655
655
  </div>
656
656
  <div class="sub-title followers">
657
657
 
@@ -665,12 +665,12 @@
665
665
  <span>3</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
669
- <span>李明</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
669
+ <span>亖混子</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 虽然钉钉也对gitlab设置了官方的机器人但是可能并不能很好的满足我们的需求，或者说gitlab所发出的请求并不符合钉钉机器人所要求的格式。
673
+ 好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...
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/1190000041657908" target="_blank" title="如何写出高性能代码(二)巧用数据特性">如何写出高性能代码(二)巧用数据特性</a>
682
+ <a href="https://segmentfault.com/a/1190000041677438" target="_blank" title="Tauri 与 Electron">Tauri 与 Electron</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -693,12 +693,12 @@
693
693
  <span>3</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/xindoo" title="Programming Language">
697
- <span>xindoo</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
697
+ <span>江辰</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；十倍程序员 ...
701
+ Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个 Rust 二进制文件，具有前端可以与之交互...
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/1190000041673801" target="_blank" title="一个前端所期待的 Mock 功能都是什么样的？">一个前端所期待的 Mock 功能都是什么样的？</a>
710
+ <a href="https://segmentfault.com/a/1190000041667869" target="_blank" title="通过 .vscode/settings.json 无感知控制成员的 vscode 表现">通过 .vscode/settings.json 无感知控制成员的 vscode 表现</a>
711
711
  </div>
712
712
  <div class="sub-title followers">
713
713
 
@@ -721,12 +721,12 @@
721
721
  <span>2</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/xiange" title="Programming Language">
725
- <span>shanyue</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/1023" title="Programming Language">
725
+ <span>亖混子</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 大家好呀，我是一名苦逼的前端开发工程师，为啥苦逼呢，这不，项目下周就要上线了，但是后端还没给我接口，没有接口我就无法调试，工作停滞不前，我也只能坐着干着急。
729
+ 通过在项目根目录下新增 .vscode/setings.json 文件，可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix，保存自动格式化代码等。为了尊重成员的个性化需求，不要对主题、字体等做控制。
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/1190000041667869" target="_blank" title="通过 .vscode/settings.json 无感知控制成员的 vscode 表现">通过 .vscode/settings.json 无感知控制成员的 vscode 表现</a>
738
+ <a href="https://segmentfault.com/a/1190000041672842" target="_blank" title="带你十天轻松搞定 Go 微服务之大结局（分布式事务）">带你十天轻松搞定 Go 微服务之大结局（分布式事务）</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/1023" title="Programming Language">
753
- <span>亖混子</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
753
+ <span>kevinwan</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 通过在项目根目录下新增 .vscode/setings.json 文件，可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix，保存自动格式化代码等。为了尊重成员的个性化需求，不要对主题、字体等做控制。
757
+ 序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务（本文）...
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/1190000041677438" target="_blank" title="Tauri 与 Electron">Tauri 与 Electron</a>
766
+ <a href="https://segmentfault.com/a/1190000041688103" target="_blank" title="异步验证器防抖的补充 以及 记录动态组件遇到的问题">异步验证器防抖的补充 以及 记录动态组件遇到的问题</a>
767
767
  </div>
768
768
  <div class="sub-title followers">
769
769
 
@@ -777,12 +777,12 @@
777
777
  <span>3</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584" title="Programming Language">
781
- <span>江辰</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
781
+ <span>weiewiyi</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个 Rust 二进制文件，具有前端可以与之交互...
785
+ 补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...
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/1190000041672842" target="_blank" title="带你十天轻松搞定 Go 微服务之大结局（分布式事务）">带你十天轻松搞定 Go 微服务之大结局（分布式事务）</a>
794
+ <a href="https://segmentfault.com/a/1190000041657343" target="_blank" title="JavaScript的几种继承方式">JavaScript的几种继承方式</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -802,15 +802,15 @@
802
802
  <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"/>
803
803
  </g>
804
804
  </svg>
805
- <span>2</span>
805
+ <span>4</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
809
- <span>kevinwan</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/funnycoderstar" title="Programming Language">
809
+ <span>OneStar</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务（本文）...
813
+ 这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...
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/1190000041657343" target="_blank" title="JavaScript的几种继承方式">JavaScript的几种继承方式</a>
822
+ <a href="https://segmentfault.com/a/1190000041672434" target="_blank" title="vscode插件编写体验-右键菜单">vscode插件编写体验-右键菜单</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>4</span>
833
+ <span>1</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/funnycoderstar" title="Programming Language">
837
- <span>OneStar</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/dont" title="Programming Language">
837
+ <span>Dont</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...
841
+ 首先，我的需求是插件能在编辑器上，当我选择文本时右键有转换的操作按键，可以点击触发将选中的内容进行识别，如果是rgba就换算成hex，如果是hex就换算成rgba
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/1190000041659167" target="_blank" title="Mobx 源码与设计思想">Mobx 源码与设计思想</a>
850
+ <a href="https://segmentfault.com/a/1190000041667803" target="_blank" title="带你十天轻松搞定 Go 微服务系列（九、链路追踪）">带你十天轻松搞定 Go 微服务系列（九、链路追踪）</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/sadhuji" title="Programming Language">
865
- <span>Sadhu</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/kevinwan" title="Programming Language">
865
+ <span>kevinwan</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 由于装饰器在 ES 里还处于提案中且各阶段的装饰器行为不一致，故 mobx 6.x 起就淘汰了装饰器的写法（也可以手动开启），本文的源码分析基于 mobx 5.x 版本（所述原理与 6.x 一模一样），此时装饰器基于 babel
869
+ 序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪（本文）分布式事务...
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/1190000041672434" target="_blank" title="vscode插件编写体验-右键菜单">vscode插件编写体验-右键菜单</a>
878
+ <a href="https://segmentfault.com/a/1190000041668681" target="_blank" title="BI系统打包Docker镜像及容器化部署的具体实现">BI系统打包Docker镜像及容器化部署的具体实现</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/dont" title="Programming Language">
893
- <span>Dont</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
893
+ <span>葡萄城技术团队</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 首先，我的需求是插件能在编辑器上，当我选择文本时右键有转换的操作按键，可以点击触发将选中的内容进行识别，如果是rgba就换算成hex，如果是hex就换算成rgba
897
+ 在过去的几年中，&#34;云&#34;作为明星热词站在了各种新潮技术之中，你可能使用过，但说不清它的原理；或者是没用过，但听过它的大名；也可能连它的名字都没听过，但你对这只蓝色鲸鱼一定十分眼熟。作为一名技...
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/1190000041667803" target="_blank" title="带你十天轻松搞定 Go 微服务系列（九、链路追踪）">带你十天轻松搞定 Go 微服务系列（九、链路追踪）</a>
906
+ <a href="https://segmentfault.com/a/1190000041686221" target="_blank" title="打造轻量级 WebIDE，看这一篇文章就够啦">打造轻量级 WebIDE，看这一篇文章就够啦</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/kevinwan" title="Programming Language">
921
- <span>kevinwan</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
921
+ <span>云音乐技术团队</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪（本文）分布式事务...
925
+ 目前团队正在着手搭建低代码平台，该平台将支持 LowCode/ProCode 双模式在线开发，而 ProCode 场景便需要一个功能相对完备的运行在浏览器的 WebIDE。同时考虑到未来可能的一些区块代码平台的需求，将 WebIDE 模块...
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/1190000041668681" target="_blank" title="BI系统打包Docker镜像及容器化部署的具体实现">BI系统打包Docker镜像及容器化部署的具体实现</a>
934
+ <a href="https://segmentfault.com/a/1190000041673838" target="_blank" title="读了一个在线excel的源码">读了一个在线excel的源码</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -942,15 +942,15 @@
942
942
  <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"/>
943
943
  </g>
944
944
  </svg>
945
- <span>2</span>
945
+ <span>1</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
949
- <span>葡萄城技术团队</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/loki" title="Programming Language">
949
+ <span>知心哥哥</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 在过去的几年中，&#34;云&#34;作为明星热词站在了各种新潮技术之中，你可能使用过，但说不清它的原理；或者是没用过，但听过它的大名；也可能连它的名字都没听过，但你对这只蓝色鲸鱼一定十分眼熟。作为一名技...
953
+ 最顶层是overlay，用于响应所有鼠标和键盘事件，用户操作后更新到下层canvas。这层很复杂，要处理点击、拖拽，以及编辑cell的各种浮动组件
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/1190000041683421" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(下)">一些关于react的keep-alive功能相关知识在这里(下)</a>
962
+ <a href="https://segmentfault.com/a/1190000041672313" target="_blank" title="Svelte3-Chat：基于svelte+svelteKit+sass仿微信聊天实例|svelte仿微信">Svelte3-Chat：基于svelte+svelteKit+sass仿微信聊天实例|svelte仿微信</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>5</span>
973
+ <span>1</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
977
- <span>lulu_up</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/xiaoyan2017" title="Programming Language">
977
+ <span>xiaoyan2017</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- 比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。
981
+ 前端三大框架的有力竞争者 svelte.js 问世啦。号称比vue.js还好用，无虚拟DOM、极速响应能力、编译及运行速度超快。github上面star已经达到58K+。足以证明值得一学。
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/12 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/13 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>