@wcj/github-rank 22.4.16 → 22.4.19

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 +31216 -31237
  2. package/dist/sifou-daily.json +52 -34
  3. package/dist/sifou-monthly.json +85 -85
  4. package/dist/sifou-weekly.json +163 -163
  5. package/dist/toutiao-30.json +103 -103
  6. package/dist/toutiao-7.json +109 -109
  7. package/dist/toutiao-90.json +18 -18
  8. package/dist/trending-daily.json +168 -168
  9. package/dist/trending-monthly.json +161 -161
  10. package/dist/trending-weekly.json +165 -165
  11. package/dist/users.china.json +2382 -2382
  12. package/dist/users.json +3047 -3047
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +31216 -31237
  16. package/web/data/sifou-daily.json +52 -34
  17. package/web/data/sifou-monthly.json +85 -85
  18. package/web/data/sifou-weekly.json +163 -163
  19. package/web/data/toutiao-30.json +103 -103
  20. package/web/data/toutiao-7.json +109 -109
  21. package/web/data/toutiao-90.json +18 -18
  22. package/web/data/trending-daily.json +168 -168
  23. package/web/data/trending-monthly.json +161 -161
  24. package/web/data/trending-weekly.json +165 -165
  25. package/web/data/users.china.json +2382 -2382
  26. package/web/data/users.json +3047 -3047
  27. package/web/index.html +1635 -1635
  28. package/web/repos.html +4105 -4105
  29. package/web/sifou-daily.html +86 -30
  30. package/web/sifou-monthly.html +122 -122
  31. package/web/sifou-weekly.html +148 -148
  32. package/web/toutiao-30.html +85 -85
  33. package/web/toutiao-7.html +77 -77
  34. package/web/toutiao-90.html +47 -47
  35. package/web/trending-monthly.html +143 -139
  36. package/web/trending-weekly.html +140 -144
  37. package/web/trending.html +149 -141
  38. package/web/users.china.html +1228 -1228
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/16 by
119
+ <div class="time">Last cache created on 2022/4/19 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/1190000041679573" target="_blank" title="分享 15 个 Vue3 全家桶开发的避坑经验">分享 15 个 Vue3 全家桶开发的避坑经验</a>
150
+ <a href="https://segmentfault.com/a/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</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>34</span>
161
+ <span>16</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
165
- <span>pingan8787</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
165
+ <span>chokcoco</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...
169
+ 在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...
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/1190000041683548" target="_blank" title="11+ chrome高级调试技巧，学会效率直接提升666%">11+ chrome高级调试技巧，学会效率直接提升666%</a>
178
+ <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</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>31</span>
189
+ <span>12</span>
190
190
  </span>
191
191
  &nbsp;
192
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
193
- <span>前端胖头鱼</span>
192
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
193
+ <span>TNTWEB</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...
197
+ TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...
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/1190000041700998" target="_blank" title="现代 CSS 解决方案：Modern CSS Reset">现代 CSS 解决方案：Modern CSS Reset</a>
206
+ <a href="https://segmentfault.com/a/1190000041693503" target="_blank" title="🔥前端脚手架辣么多，那我也要写一个玩玩">🔥前端脚手架辣么多，那我也要写一个玩玩</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>13</span>
217
+ <span>12</span>
218
218
  </span>
219
219
  &nbsp;
220
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
221
- <span>chokcoco</span>
220
+ <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
221
+ <span>恪晨</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...
225
+ 2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...
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/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
234
+ <a href="https://segmentfault.com/a/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</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/lulu_up" title="Programming Language">
249
- <span>lulu_up</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
249
+ <span>卡颂</span>
250
250
  </a>
251
251
  </div>
252
252
  <div class="details">
253
- 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
253
+ 大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...
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/1190000041683421" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(下)">一些关于react的keep-alive功能相关知识在这里(下)</a>
262
+ <a href="https://segmentfault.com/a/1190000041701063" target="_blank" title="javaScript 内存管理机制">javaScript 内存管理机制</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>11</span>
274
274
  </span>
275
275
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
277
- <span>lulu_up</span>
276
+ <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
277
+ <span>云叔_又拍云</span>
278
278
  </a>
279
279
  </div>
280
280
  <div class="details">
281
- 比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。
281
+ 大家好，今天分享的主题为 JavaScript 内存管理机制，本次分享将从以下三部分进行讲述：js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制，相信大家都有...
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/1190000041701063" target="_blank" title="javaScript 内存管理机制">javaScript 内存管理机制</a>
290
+ <a href="https://segmentfault.com/a/1190000041696911" target="_blank" title="轻量迅捷时代，Vite 与Webpack 谁赢谁输">轻量迅捷时代，Vite 与Webpack 谁赢谁输</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>11</span>
301
+ <span>4</span>
302
302
  </span>
303
303
  &nbsp;
304
- <a target="_blank" href="https://segmentfault.com/u/yunshu_blog" title="Programming Language">
305
- <span>云叔_又拍云</span>
304
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
305
+ <span>葡萄城技术团队</span>
306
306
  </a>
307
307
  </div>
308
308
  <div class="details">
309
- 大家好，今天分享的主题为 JavaScript 内存管理机制，本次分享将从以下三部分进行讲述：js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制，相信大家都有...
309
+ Webpack是一个JavaScript应用程序的静态模块打包工具，它会对整个应用程序进行依赖关系图构建。而这也会导致一个不可避免的情况，使用Webpack启动应用程序的服务器，会花费比较长的时间——一些大型应用程序可能需...
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/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</a>
318
+ <a href="https://segmentfault.com/a/1190000041690130" target="_blank" title="不借助 Javascript，利用 SVG 快速构建马赛克效果">不借助 Javascript，利用 SVG 快速构建马赛克效果</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>10</span>
329
+ <span>8</span>
330
330
  </span>
331
331
  &nbsp;
332
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
333
- <span>码哥字节</span>
332
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
333
+ <span>chokcoco</span>
334
334
  </a>
335
335
  </div>
336
336
  <div class="details">
337
- 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
337
+ 之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...
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/1190000041693503" target="_blank" title="🔥前端脚手架辣么多，那我也要写一个玩玩">🔥前端脚手架辣么多，那我也要写一个玩玩</a>
346
+ <a href="https://segmentfault.com/a/1190000041694411" target="_blank" title="5个一定要学会的JavaScript新特性">5个一定要学会的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>10</span>
357
+ <span>11</span>
358
358
  </span>
359
359
  &nbsp;
360
- <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
361
- <span>恪晨</span>
360
+ <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
361
+ <span>前端胖头鱼</span>
362
362
  </a>
363
363
  </div>
364
364
  <div class="details">
365
- 2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...
365
+ 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用&#34;Object.hasOwn&#34;替...
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/1190000041696911" target="_blank" title="轻量迅捷时代，Vite 与Webpack 谁赢谁输">轻量迅捷时代，Vite 与Webpack 谁赢谁输</a>
374
+ <a href="https://segmentfault.com/a/1190000041647249" target="_blank" title="作为前端，需要知道这些工具，解放我的重复劳动力">作为前端，需要知道这些工具，解放我的重复劳动力</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>4</span>
385
+ <span>5</span>
386
386
  </span>
387
387
  &nbsp;
388
- <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
389
- <span>葡萄城技术团队</span>
388
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
389
+ <span>前端小智</span>
390
390
  </a>
391
391
  </div>
392
392
  <div class="details">
393
- Webpack是一个JavaScript应用程序的静态模块打包工具，它会对整个应用程序进行依赖关系图构建。而这也会导致一个不可避免的情况，使用Webpack启动应用程序的服务器，会花费比较长的时间——一些大型应用程序可能需...
393
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041647249" target="_blank" title="作为前端，需要知道这些工具，解放我的重复劳动力">作为前端，需要知道这些工具，解放我的重复劳动力</a>
402
+ <a href="https://segmentfault.com/a/1190000041696066" target="_blank" title="Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹">Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹</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>5</span>
414
414
  </span>
415
415
  &nbsp;
416
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
417
- <span>前端小智</span>
416
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
417
+ <span>码哥字节</span>
418
418
  </a>
419
419
  </div>
420
420
  <div class="details">
421
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
421
+ 在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...
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/1190000041694411" target="_blank" title="5个一定要学会的JavaScript新特性">5个一定要学会的JavaScript新特性</a>
430
+ <a href="https://segmentfault.com/a/1190000041689097" target="_blank" title="《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST">《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST</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>7</span>
441
+ <span>4</span>
442
442
  </span>
443
443
  &nbsp;
444
- <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
445
- <span>前端胖头鱼</span>
444
+ <a target="_blank" href="https://segmentfault.com/u/juniortour" title="Programming Language">
445
+ <span>帅到被人砍</span>
446
446
  </a>
447
447
  </div>
448
448
  <div class="details">
449
- 也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用&#34;Object.hasOwn&#34;替...
449
+ 《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 ASTVue.js 并没有什么神秘的魔法，模板渲染、虚拟 DOM diff，也都是一行行代码基于 API 实现的。本文将用几分钟时间，分章节讲清楚 Vue.js 2.0 ...
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/1190000041684916" target="_blank" title="墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码">墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码</a>
458
+ <a href="https://segmentfault.com/a/1190000041691150" target="_blank" title="写给“未来的”组件库的调研和思考">写给“未来的”组件库的调研和思考</a>
459
459
  </div>
460
460
  <div class="sub-title followers">
461
461
 
@@ -469,12 +469,12 @@
469
469
  <span>2</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
473
- <span>MissD</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/lizongyuan" title="Programming Language">
473
+ <span>玩弄心里的鬼</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 4 月 11 日，墨菲安全正式发布了其开源软件安全检测工具——murphysec 。据悉，该项目集合了易用、专业、创新等优势，意在帮助每一位开发者更安全的使用开源代码。
477
+ 这是一篇不知道题目该是啥的竟品调研文章。最近调研了几个国外优秀的开源组件库，一个是为了之后可能做基础组件库做技术储备，另一个是为了跳出国内 antd 的“舒适圈”，看看对于组件库来说国外的团队是如何设计的。
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/1190000041696066" target="_blank" title="Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹">Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹</a>
486
+ <a href="https://segmentfault.com/a/1190000041691470" 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>4</span>
497
+ <span>6</span>
498
498
  </span>
499
499
  &nbsp;
500
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
501
- <span>码哥字节</span>
500
+ <a target="_blank" href="https://segmentfault.com/u/leancloud" title="Programming Language">
501
+ <span>LeanCloud</span>
502
502
  </a>
503
503
  </div>
504
504
  <div class="details">
505
- 在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...
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/1190000041686221" target="_blank" title="打造轻量级 WebIDE，看这一篇文章就够啦">打造轻量级 WebIDE，看这一篇文章就够啦</a>
514
+ <a href="https://segmentfault.com/a/1190000041693522" target="_blank" title="冴羽答读者问：怎么才能像你一样写文章如喝水？">冴羽答读者问：怎么才能像你一样写文章如喝水？</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>2</span>
525
+ <span>3</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/musicfe" title="Programming Language">
529
- <span>云音乐技术团队</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
529
+ <span>冴羽</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 目前团队正在着手搭建低代码平台，该平台将支持 LowCode/ProCode 双模式在线开发，而 ProCode 场景便需要一个功能相对完备的运行在浏览器的 WebIDE。同时考虑到未来可能的一些区块代码平台的需求，将 WebIDE 模块...
533
+ 我想可能是这几个月，更新的速度太快了一点，自元旦起，到今天 4 月 11 日，已经过去了 101天，而我已经发了 31 篇文章，平均 3.3 天一篇，当然这只是发布的，如果不是微信公众号每天只能发一篇，以及周五、周末...
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/1190000041685048" target="_blank" title="了解一下 ::target-text 选择器">了解一下 ::target-text 选择器</a>
542
+ <a href="https://segmentfault.com/a/1190000041700655" target="_blank" title="开发者必读：2022年移动应用趋势洞察白皮书">开发者必读：2022年移动应用趋势洞察白皮书</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>4</span>
553
+ <span>2</span>
554
554
  </span>
555
555
  &nbsp;
556
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
557
- <span>XboxYan</span>
556
+ <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
557
+ <span>HMSCore</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 欢迎关注我的公众号：前端侦探最近在 MDN 官网看到了一个从未见过的选择器，::target-text。简单研究了一下，觉得还有点意思，也有点实际用处，现在分享一下。一、::target-text 是干什么的想必大家都用过:target...
561
+ 华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...
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/1190000041690130" target="_blank" title="不借助 Javascript，利用 SVG 快速构建马赛克效果">不借助 Javascript，利用 SVG 快速构建马赛克效果</a>
570
+ <a href="https://segmentfault.com/a/1190000041701111" target="_blank" title="得物App H5秒开优化实战">得物App H5秒开优化实战</a>
571
571
  </div>
572
572
  <div class="sub-title followers">
573
573
 
@@ -578,15 +578,15 @@
578
578
  <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"/>
579
579
  </g>
580
580
  </svg>
581
- <span>6</span>
581
+ <span>3</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
585
- <span>chokcoco</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
585
+ <span>得物技术</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...
589
+ H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1&gt;2）把秒开从 30% 提升到 75% ？ 后续接口预请求、客户端预渲染以及预加载2.0上线后...
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/1190000041688073" target="_blank" title="笔试算法题总结">笔试算法题总结</a>
598
+ <a href="https://segmentfault.com/a/1190000041698876" 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>5</span>
609
+ <span>0</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
613
- <span>小强Zzz</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
613
+ <span>皮小蛋</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- hashmap的原理这里不再讲述，不知道的小伙伴可以看这篇文章。Hash与HashMaphashmap数据结构的引入能帮助我们将O(n)的时间复杂度降低为O（1）的时间复杂度，代价是使用了O（n）的空间复杂度。这么一看好像功过参半...
617
+ 背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...
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/1190000041689097" target="_blank" title="《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST">《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST</a>
626
+ <a href="https://segmentfault.com/a/1190000041715281" target="_blank" title="搞懂 TypeScript 中的映射类型（Mapped Types）">搞懂 TypeScript 中的映射类型（Mapped Types）</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>4</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/juniortour" title="Programming Language">
641
- <span>帅到被人砍</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
641
+ <span>pingan8787</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 ASTVue.js 并没有什么神秘的魔法，模板渲染、虚拟 DOM diff，也都是一行行代码基于 API 实现的。本文将用几分钟时间，分章节讲清楚 Vue.js 2.0 ...
645
+ 本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...
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/1190000041685816" target="_blank" title="告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？">告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？</a>
654
+ <a href="https://segmentfault.com/a/1190000041698583" target="_blank" title="支付宝小程序 横屏电子版签字 ，canvas实现">支付宝小程序 横屏电子版签字 ，canvas实现</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>9</span>
665
+ <span>1</span>
666
666
  </span>
667
667
  &nbsp;
668
- <a target="_blank" href="https://segmentfault.com/u/xujun_6253b72d8cc31" title="Programming Language">
669
- <span>徐骏</span>
668
+ <a target="_blank" href="https://segmentfault.com/u/nanian_5cd6881d3cc98" title="Programming Language">
669
+ <span>那年</span>
670
670
  </a>
671
671
  </div>
672
672
  <div class="details">
673
- 本人大学刚毕业目前在一家互联网公司从事产品运营工作，一季度刚过，公司需要我出一份产品运营数据报表，由于产品用户数据、订单数据等数据量太大，我希望找一款Bi产品，支持我做出一个精美的可视化报表，还可以...
673
+ 思路：使用transform和translate 去旋转页面，这样就能满足样式的需求，看着是没啥问题，但是当在canvas上绘画的时候，就会看到，我写的是一横，展示的确是一竖原因：页面是旋转了，但是坐标系统没有改变
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/1190000041691150" target="_blank" title="写给“未来的”组件库的调研和思考">写给“未来的”组件库的调研和思考</a>
682
+ <a href="https://segmentfault.com/a/1190000041703873" target="_blank" title="天地图修改主题颜色修改背景色">天地图修改主题颜色修改背景色</a>
683
683
  </div>
684
684
  <div class="sub-title followers">
685
685
 
@@ -690,15 +690,15 @@
690
690
  <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"/>
691
691
  </g>
692
692
  </svg>
693
- <span>2</span>
693
+ <span>1</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/lizongyuan" title="Programming Language">
697
- <span>玩弄心里的鬼</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/sangsir" title="Programming Language">
697
+ <span>SangSir</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 这是一篇不知道题目该是啥的竟品调研文章。最近调研了几个国外优秀的开源组件库，一个是为了之后可能做基础组件库做技术储备，另一个是为了跳出国内 antd 的“舒适圈”，看看对于组件库来说国外的团队是如何设计的。
701
+ 最近公司比较忙，也没时间发些博文，最近正好由于项目需要大屏展示地图，大屏多数都是使用暗蓝色底图，目前天地图不提供暗蓝色瓦片，自带的JS API只支持black和indigo，但项目要求必须要用天地图。搜索引擎找了找...
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/1190000041693522" target="_blank" title="冴羽答读者问：怎么才能像你一样写文章如喝水？">冴羽答读者问：怎么才能像你一样写文章如喝水？</a>
710
+ <a href="https://segmentfault.com/a/1190000041708020" target="_blank" title="Go语言轻松进阶">Go语言轻松进阶</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>3</span>
721
+ <span>1</span>
722
722
  </span>
723
723
  &nbsp;
724
- <a target="_blank" href="https://segmentfault.com/u/yayu" title="Programming Language">
725
- <span>冴羽</span>
724
+ <a target="_blank" href="https://segmentfault.com/u/tigerb" title="Programming Language">
725
+ <span>TIGERB</span>
726
726
  </a>
727
727
  </div>
728
728
  <div class="details">
729
- 我想可能是这几个月，更新的速度太快了一点，自元旦起，到今天 4 月 11 日，已经过去了 101天，而我已经发了 31 篇文章，平均 3.3 天一篇，当然这只是发布的，如果不是微信公众号每天只能发一篇，以及周五、周末...
729
+ 导读 {代码...} 今天我们开始进入《Go语言轻松进阶》系列第二章「内存与垃圾回收」第二部分「Go语言内存管理」。关于「内存与垃圾回收」章节，会从如下三大部分展开：读前知识储备(已完结)指针的大小内存的线性分...
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/1190000041700655" target="_blank" title="开发者必读：2022年移动应用趋势洞察白皮书">开发者必读：2022年移动应用趋势洞察白皮书</a>
738
+ <a href="https://segmentfault.com/a/1190000041697857" target="_blank" title="正则表达式提取 git 提交记录中的新增代码行">正则表达式提取 git 提交记录中的新增代码行</a>
739
739
  </div>
740
740
  <div class="sub-title followers">
741
741
 
@@ -746,15 +746,15 @@
746
746
  <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"/>
747
747
  </g>
748
748
  </svg>
749
- <span>2</span>
749
+ <span>1</span>
750
750
  </span>
751
751
  &nbsp;
752
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
753
- <span>HMSCore</span>
752
+ <a target="_blank" href="https://segmentfault.com/u/dushusir" title="Programming Language">
753
+ <span>Dushusir</span>
754
754
  </a>
755
755
  </div>
756
756
  <div class="details">
757
- 华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...
757
+ 最近有小伙伴提了个需求，想用正则表达式从一段 git 提交记录中提取出具体更新了哪些代码，简单来说就是 commit diff 展示的代码，需要把 代码前面带 + 和 - 的行剥离出来。
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/1190000041688103" target="_blank" title="异步验证器防抖的补充 以及 记录动态组件遇到的问题">异步验证器防抖的补充 以及 记录动态组件遇到的问题</a>
766
+ <a href="https://segmentfault.com/a/1190000041677593" target="_blank" title="ECMAScript 新提案:.findLast()和.findLastIndex()从尾到头搜索数组">ECMAScript 新提案:.findLast()和.findLastIndex()从尾到头搜索数组</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>3</span>
777
+ <span>1</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
781
- <span>weiewiyi</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
781
+ <span>前端小智</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...
785
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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/1190000041687791" target="_blank" title="这篇手写 Promise 你一定要康康">这篇手写 Promise 你一定要康康</a>
794
+ <a href="https://segmentfault.com/a/1190000041711569" target="_blank" title="gitlab CI/CD配置中遇到的问题">gitlab CI/CD配置中遇到的问题</a>
795
795
  </div>
796
796
  <div class="sub-title followers">
797
797
 
@@ -805,12 +805,12 @@
805
805
  <span>3</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/deepfunc" title="Programming Language">
809
- <span>deepfunc</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/pluto_612f55567eb8c" title="Programming Language">
809
+ <span>李明</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 最近重温了一下 Q/Promise 的设计讲解，结合自己的理解和一些小优化，决定也来写一篇手写 Promise 的文章。本文的内容适合对 Promise 的使用有一定了解的童鞋，因为过程中不会过多解释 Promise 的基础操作。我们...
813
+ 先来说一下配置CI/CD的目的，我们在提交代码后即提交push请求后gitLab会自动生成一个pipeLine任务，如果我们想要在每次提交代码之后都跑一次单元测试就需要对其进行编辑，此外我们还可以在此运行我们自定义的脚本...
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/1190000041698876" target="_blank" title="[性能优化] 为虚拟列表增加离屏渲染和缓存">[性能优化] 为虚拟列表增加离屏渲染和缓存</a>
822
+ <a href="https://segmentfault.com/a/1190000041713720" target="_blank" title="GitHub/GitLab配置SSH Key，以及RSA入门">GitHub/GitLab配置SSH Key，以及RSA入门</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>0</span>
833
+ <span>3</span>
834
834
  </span>
835
835
  &nbsp;
836
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
837
- <span>皮小蛋</span>
836
+ <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
837
+ <span>LYX6666</span>
838
838
  </a>
839
839
  </div>
840
840
  <div class="details">
841
- 背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...
841
+ 前言团队的项目近期更换到GitLab托管了，验证方式也从以前的HTTPS+SSH变成了纯SSH，所以就需要配置SSH Key。SSH的加密使用的RSA算法，文章末尾将给出一个简单的加密解密演示。一、生成公钥私钥对先看看无Key连接...
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/1190000041691470" target="_blank" title="后端学习值得收藏的一些开源电子书">后端学习值得收藏的一些开源电子书</a>
850
+ <a href="https://segmentfault.com/a/1190000041696508" 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>5</span>
861
+ <span>3</span>
862
862
  </span>
863
863
  &nbsp;
864
- <a target="_blank" href="https://segmentfault.com/u/leancloud" title="Programming Language">
865
- <span>LeanCloud</span>
864
+ <a target="_blank" href="https://segmentfault.com/u/whyjishu" title="Programming Language">
865
+ <span>why技术</span>
866
866
  </a>
867
867
  </div>
868
868
  <div class="details">
869
- 这是龙芯团队胡伟武老师等人编写的《计算机体系结构基础》（第三版）的开源版本。胡伟武是著名的计算机领域专家，任龙芯中科技术有限公司董事长，也是我国第一颗通用处理器龙芯的总设计师。
869
+ 你好呀，我是歪歪。我最近在 stackoverflow 上看到一段代码，怎么说呢。就是初看一脸懵逼，看懂直接跪下！我先带你看看 stackoverflow 上的这个问题是啥，然后引出这段代码：[链接]问题特别简单，就一句话：谁能...
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/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
878
+ <a href="https://segmentfault.com/a/1190000041695503" target="_blank" title="推荐个我在用的免费翻译软件，支持多家翻译API整合">推荐个我在用的免费翻译软件，支持多家翻译API整合</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>6</span>
889
+ <span>1</span>
890
890
  </span>
891
891
  &nbsp;
892
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
893
- <span>卡颂</span>
892
+ <a target="_blank" href="https://segmentfault.com/u/coderdd" title="Programming Language">
893
+ <span>程序猿DD</span>
894
894
  </a>
895
895
  </div>
896
896
  <div class="details">
897
- 大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...
897
+ 前段时间发了个关于《Spring支持PHP》的视频：点击查看然后有小伙伴留言说：“你这个翻译好像很好用的样子”。的确，我自己也觉得很好用。之前视频没看过的不知道是哪个，可以通过截图简单了解下：基本操作就是选中...
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/1190000041681939" target="_blank" title="XTask与RxJava的使用比较">XTask与RxJava的使用比较</a>
906
+ <a href="https://segmentfault.com/a/1190000041695335" target="_blank" title="一个小目标的达成——Milvus 10,000 星！">一个小目标的达成——Milvus 10,000 星！</a>
907
907
  </div>
908
908
  <div class="sub-title followers">
909
909
 
@@ -917,12 +917,12 @@
917
917
  <span>1</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/xuexiangjys" title="Programming Language">
921
- <span>xuexiangjys</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/zilliz" title="Programming Language">
921
+ <span>Zilliz</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- XTask是一个拓展性极强的Android任务执行框架。通过它，你可以自由定义和组合任务来实现你想要的功能，尤其适用于处理复杂的业务流程，可灵活添加前置任务或者调整执行顺序。
925
+ 近日，开源项目 Milvus 在向量数据库征程上取得了新的里程碑——GitHub 10,000 星。虽然我们认为 star 数不是评价开源项目质量的唯一标准，但还是感谢每一位通过点星来支持 Milvus 项目的开发者。
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/1190000041701111" target="_blank" title="得物App H5秒开优化实战">得物App H5秒开优化实战</a>
934
+ <a href="https://segmentfault.com/a/1190000041709916" target="_blank" title="都“毕业”了，靠什么和东哥做“兄弟”？">都“毕业”了，靠什么和东哥做“兄弟”？</a>
935
935
  </div>
936
936
  <div class="sub-title followers">
937
937
 
@@ -945,12 +945,12 @@
945
945
  <span>2</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/dewujishu" title="Programming Language">
949
- <span>得物技术</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb" title="Programming Language">
949
+ <span>不会写代码的小白</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1&gt;2）把秒开从 30% 提升到 75% ？ 后续接口预请求、客户端预渲染以及预加载2.0上线后...
953
+ 追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：&#34;未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设&#34;。
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/1190000041680595" target="_blank" title="Angular13引入Echarts图表操作实录">Angular13引入Echarts图表操作实录</a>
962
+ <a href="https://segmentfault.com/a/1190000041689452" target="_blank" title="超越 Nginx！号称下一代 Web 服务器，用起来够优雅！">超越 Nginx！号称下一代 Web 服务器，用起来够优雅！</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>3</span>
973
+ <span>1</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
977
- <span>LYX6666</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
- 由于毕设的软件需要前端绘图，所以果断选择知名度较高的Apache Echarts。对于原生JS或TS来说，引入第三方库十分简单，只需要在Header处添加即可。本文旨在介绍Angular尤其是最新的Angular13使用Echarts的一些不同...
981
+ Nginx是一款非常流行的Web服务器，在Github上已有16K+Star，我们经常用它来做静态资源托管或反向代理。最近发现了一款全新的Web服务器Caddy，Star数超越Nginx，标星38K+Star。试用了一下Caddy，发现它使用起来比N...
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/16 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/4/19 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>