@wcj/github-rank 22.4.30 → 22.5.3

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 +31471 -31468
  2. package/dist/sifou-daily.json +22 -31
  3. package/dist/sifou-monthly.json +49 -49
  4. package/dist/sifou-weekly.json +167 -167
  5. package/dist/toutiao-30.json +81 -81
  6. package/dist/toutiao-7.json +132 -132
  7. package/dist/toutiao-90.json +50 -50
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +156 -156
  10. package/dist/trending-weekly.json +159 -159
  11. package/dist/users.china.json +3419 -3388
  12. package/dist/users.json +3105 -3106
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +31471 -31468
  16. package/web/data/sifou-daily.json +22 -31
  17. package/web/data/sifou-monthly.json +49 -49
  18. package/web/data/sifou-weekly.json +167 -167
  19. package/web/data/toutiao-30.json +81 -81
  20. package/web/data/toutiao-7.json +132 -132
  21. package/web/data/toutiao-90.json +50 -50
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +156 -156
  24. package/web/data/trending-weekly.json +159 -159
  25. package/web/data/users.china.json +3419 -3388
  26. package/web/data/users.json +3105 -3106
  27. package/web/index.html +1859 -1859
  28. package/web/repos.html +4153 -4153
  29. package/web/sifou-daily.html +20 -48
  30. package/web/sifou-monthly.html +67 -67
  31. package/web/sifou-weekly.html +143 -143
  32. package/web/toutiao-30.html +80 -80
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +45 -45
  35. package/web/trending-monthly.html +143 -143
  36. package/web/trending-weekly.html +143 -135
  37. package/web/trending.html +150 -146
  38. package/web/users.china.html +1930 -1930
package/web/sifou-daily.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/4/30 by
119
+ <div class="time">Last cache created on 2022/5/3 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/1190000041776588" target="_blank" title="全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验">全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验</a>
150
+ <a href="https://segmentfault.com/a/1190000041784772" target="_blank" title="一文读懂原子操作、内存屏障、锁(偏向锁、轻量级锁、重量级锁、自旋锁)">一文读懂原子操作、内存屏障、锁(偏向锁、轻量级锁、重量级锁、自旋锁)</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>1</span>
161
+ <span>2</span>
162
162
  </span>
163
163
  &nbsp;
164
- <a target="_blank" href="https://segmentfault.com/u/hms_core" title="Programming Language">
165
- <span>HMSCore</span>
164
+ <a target="_blank" href="https://segmentfault.com/u/mudeshu" title="Programming Language">
165
+ <span>木的树</span>
166
166
  </a>
167
167
  </div>
168
168
  <div class="details">
169
- 移动互联网的发展给人们的社交和娱乐方式带来了很大的改变，以vlog、短视频等为代表的新兴文化样态正受到越来越多人的青睐。同时，随着AI智能、美颜修图等功能在图像视频编辑App中的应用，促使视频编辑效率和视频...
169
+ []()在做了9年前端之后，自我感在此领域已经没有提升空间，同时市场行情相对较差，不如趁着这个时间补充下后端系列技术，被裁之后也好接个私活不至于饿死。学两周Go，如盲人摸象般不知重点。那么重点谁知道呢？肯...
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/1190000041775900" target="_blank" title="没有框架怎么办？原生 CSS + JS 实现一个标签输入框">没有框架怎么办？原生 CSS + JS 实现一个标签输入框</a>
178
+ <a href="https://segmentfault.com/a/1190000041785082" target="_blank" title="MySQL的InnoDB存储引擎对MVCC的实现">MySQL的InnoDB存储引擎对MVCC的实现</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>3</span>
189
+ <span>1</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/qtspace" title="Programming Language">
193
+ <span>晴天的空间</span>
194
194
  </a>
195
195
  </div>
196
196
  <div class="details">
197
- 欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...
197
+ 对于一致性非锁定度的实现，通常的方式是加一个版本号或者时间戳，在更新数据的时候版本号+1或者更新时间戳。查询时，将当前可见的版本号与对应记录的版本号做对比，如果记录的版本号小于可见版本，则表示该记录...
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/1190000041776606" target="_blank" title="开发者“请回答”！HN 热帖“当你对软件开发感到失望，该如何规划职业道路？”">开发者“请回答”！HN 热帖“当你对软件开发感到失望，该如何规划职业道路？”</a>
206
+ <a href="https://segmentfault.com/a/1190000041785173" target="_blank" title="浏览器工作原理与实践（四）">浏览器工作原理与实践（四）</a>
207
207
  </div>
208
208
  <div class="sub-title followers">
209
209
 
@@ -217,12 +217,12 @@
217
217
  <span>1</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/waxiangyu" title="Programming Language">
221
+ <span>Waxiangyu</span>
222
222
  </a>
223
223
  </div>
224
224
  <div class="details">
225
- 外界对科技圈有这样的一句评价，“软件驱动世界,而开发者则是这背后的引擎”...确实，对于软件开发者而言，在开源精神的大环境下通过代码编程来驱动世界进步，既务实又浪漫。
225
+ 消息队列：单行道-&gt;先进先出。又被称为宏任务，执行宏任务的时候，如果DOM有变化，将变化提交到任务中。当宏任务执行完再执行微任务。优先级问题。消息队列和事件循环类似于观察者发布订阅模式，事件循环(单线...
226
226
  </div>
227
227
  </div>
228
228
  </li>
@@ -231,35 +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/1190000041776167" target="_blank" title="Golang 文件的复制 手动实现 与 库函数实现">Golang 文件的复制 手动实现 与 库函数实现</a>
235
- </div>
236
- <div class="sub-title followers">
237
-
238
- <span title="Stargazers Count">
239
- <svg width="12" height="12" viewBox="0 0 16 16">
240
- <g fill="none" fill-rule="evenodd">
241
- <path d="M0 0h16v16H0z"/>
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
- </g>
244
- </svg>
245
- <span>1</span>
246
- </span>
247
- &nbsp;
248
- <a target="_blank" href="https://segmentfault.com/u/liberhome" title="Programming Language">
249
- <span>LiberHome</span>
250
- </a>
251
- </div>
252
- <div class="details">
253
- 手动实现思路就是：先创建一个切片 然后通过Read方法操作源文件把数据读到切片中，然后再通过Write方法把切片里面的数据写到目标文件里面。具体怎么使用呢？举个例子：如果我有一个文件test.txt，然后我想要把这...
254
- </div>
255
- </div>
256
- </li>
257
-
258
- <li>
259
- <div class="info">
260
- <div class="rank">
261
- <span title="Ranking 5">5</span>
262
- <a href="https://segmentfault.com/a/1190000041776041" target="_blank" title="标准化思想及组装式架构在后端BFF中的实践">标准化思想及组装式架构在后端BFF中的实践</a>
234
+ <a href="https://segmentfault.com/a/1190000041784471" target="_blank" title="2022年关于损失函数的5篇最新论文推荐">2022年关于损失函数的5篇最新论文推荐</a>
263
235
  </div>
264
236
  <div class="sub-title followers">
265
237
 
@@ -273,12 +245,12 @@
273
245
  <span>1</span>
274
246
  </span>
275
247
  &nbsp;
276
- <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui" title="Programming Language">
277
- <span>美团技术团队</span>
248
+ <a target="_blank" href="https://segmentfault.com/u/deephub" title="Programming Language">
249
+ <span>deephub</span>
278
250
  </a>
279
251
  </div>
280
252
  <div class="details">
281
- 在本地生活服务领域，面向C端的信息展示类功能存在着类生物系统的复杂性，具体体现在以下三个方面：功能多，为了帮助用户高效找店、找服务，信息会在尽可能多的地方展示；差异大，同样的信息，在不同客户端、不同...
253
+ 损失函数在人工神经网络 (ANN) 的训练中发挥着重要作用，并且会影响 ANN 模型的泛化能力以及其他属性。已经有研究表明交叉熵和平方和误差损失函数会导致不同的训练结果，并表现出相互补充的不同属性。之前有人提...
282
254
  </div>
283
255
  </div>
284
256
  </li>
@@ -299,7 +271,7 @@
299
271
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
300
272
  </a>
301
273
  </div>
302
- <div class="time">Last cache created on 2022/4/30 by Github API v3.</div>
274
+ <div class="time">Last cache created on 2022/5/3 by Github API v3.</div>
303
275
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
304
276
  </div>
305
277
  </body>
package/web/sifou-monthly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/4/30 by
119
+ <div class="time">Last cache created on 2022/5/3 by
120
120
 
121
121
 
122
122
 
@@ -158,7 +158,7 @@
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>45</span>
161
+ <span>46</span>
162
162
  </span>
163
163
  &nbsp;
164
164
  <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
@@ -214,7 +214,7 @@
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>41</span>
217
+ <span>42</span>
218
218
  </span>
219
219
  &nbsp;
220
220
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -298,7 +298,7 @@
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>23</span>
301
+ <span>20</span>
302
302
  </span>
303
303
  &nbsp;
304
304
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -326,7 +326,7 @@
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>27</span>
329
+ <span>18</span>
330
330
  </span>
331
331
  &nbsp;
332
332
  <a target="_blank" href="https://segmentfault.com/u/116263" title="Programming Language">
@@ -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/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</a>
458
+ <a href="https://segmentfault.com/a/1190000041725043" target="_blank" title="以B端平台设计，理解尼尔森10大可用性原则">以B端平台设计，理解尼尔森10大可用性原则</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>16</span>
469
+ <span>18</span>
470
470
  </span>
471
471
  &nbsp;
472
- <a target="_blank" href="https://segmentfault.com/u/ashengtan" title="Programming Language">
473
- <span>Asheng</span>
472
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
473
+ <span>JenK</span>
474
474
  </a>
475
475
  </div>
476
476
  <div class="details">
477
- 现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
477
+ 尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...
478
478
  </div>
479
479
  </div>
480
480
  </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/1190000041725043" target="_blank" title="以B端平台设计，理解尼尔森10大可用性原则">以B端平台设计，理解尼尔森10大可用性原则</a>
514
+ <a href="https://segmentfault.com/a/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</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>17</span>
525
+ <span>13</span>
526
526
  </span>
527
527
  &nbsp;
528
- <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
529
- <span>JenK</span>
528
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
529
+ <span>XboxYan</span>
530
530
  </a>
531
531
  </div>
532
532
  <div class="details">
533
- 尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...
533
+ 欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...
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/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</a>
542
+ <a href="https://segmentfault.com/a/1190000041693503" 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>13</span>
553
+ <span>16</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/bo_wang_code" title="Programming Language">
557
+ <span>恪晨</span>
558
558
  </a>
559
559
  </div>
560
560
  <div class="details">
561
- 欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...
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/1190000041693503" target="_blank" title="🔥前端脚手架辣么多，那我也要写一个玩玩">🔥前端脚手架辣么多，那我也要写一个玩玩</a>
570
+ <a href="https://segmentfault.com/a/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</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>15</span>
581
+ <span>13</span>
582
582
  </span>
583
583
  &nbsp;
584
- <a target="_blank" href="https://segmentfault.com/u/bo_wang_code" title="Programming Language">
585
- <span>恪晨</span>
584
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
585
+ <span>TNTWEB</span>
586
586
  </a>
587
587
  </div>
588
588
  <div class="details">
589
- 2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...
589
+ TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...
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/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
598
+ <a href="https://segmentfault.com/a/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</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>13</span>
609
+ <span>15</span>
610
610
  </span>
611
611
  &nbsp;
612
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
613
- <span>TNTWEB</span>
612
+ <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
613
+ <span>lulu_up</span>
614
614
  </a>
615
615
  </div>
616
616
  <div class="details">
617
- TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...
617
+ 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
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/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
626
+ <a href="https://segmentfault.com/a/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</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>15</span>
637
+ <span>5</span>
638
638
  </span>
639
639
  &nbsp;
640
- <a target="_blank" href="https://segmentfault.com/u/lulu_up" title="Programming Language">
641
- <span>lulu_up</span>
640
+ <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
641
+ <span>佩奇烹饪家</span>
642
642
  </a>
643
643
  </div>
644
644
  <div class="details">
645
- 这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...
645
+ 随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。
646
646
  </div>
647
647
  </div>
648
648
  </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/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
682
+ <a href="https://segmentfault.com/a/1190000041761117" target="_blank" title="让交互更加生动！有意思的鼠标跟随 3D 旋转动效">让交互更加生动！有意思的鼠标跟随 3D 旋转动效</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>5</span>
693
+ <span>9</span>
694
694
  </span>
695
695
  &nbsp;
696
- <a target="_blank" href="https://segmentfault.com/u/cloudyttt" title="Programming Language">
697
- <span>佩奇烹饪家</span>
696
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
697
+ <span>chokcoco</span>
698
698
  </a>
699
699
  </div>
700
700
  <div class="details">
701
- 随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。
701
+ 今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...
702
702
  </div>
703
703
  </div>
704
704
  </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/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</a>
766
+ <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</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>15</span>
777
+ <span>13</span>
778
778
  </span>
779
779
  &nbsp;
780
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
781
- <span>卡颂</span>
780
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
781
+ <span>码哥字节</span>
782
782
  </a>
783
783
  </div>
784
784
  <div class="details">
785
- 大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...
785
+ 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
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/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</a>
794
+ <a href="https://segmentfault.com/a/1190000041734354" target="_blank" title="2022 PHP程序员修炼秘籍">2022 PHP程序员修炼秘籍</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>13</span>
805
+ <span>11</span>
806
806
  </span>
807
807
  &nbsp;
808
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
809
- <span>码哥字节</span>
808
+ <a target="_blank" href="https://segmentfault.com/u/crazycodes" title="Programming Language">
809
+ <span>CrazyCodes</span>
810
810
  </a>
811
811
  </div>
812
812
  <div class="details">
813
- 在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
813
+ 前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...
814
814
  </div>
815
815
  </div>
816
816
  </li>
@@ -858,7 +858,7 @@
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>9</span>
861
+ <span>10</span>
862
862
  </span>
863
863
  &nbsp;
864
864
  <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666" title="Programming Language">
@@ -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/1190000041761117" target="_blank" title="让交互更加生动！有意思的鼠标跟随 3D 旋转动效">让交互更加生动！有意思的鼠标跟随 3D 旋转动效</a>
906
+ <a href="https://segmentfault.com/a/1190000041715281" target="_blank" title="搞懂 TypeScript 中的映射类型（Mapped Types）">搞懂 TypeScript 中的映射类型（Mapped Types）</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>8</span>
917
+ <span>9</span>
918
918
  </span>
919
919
  &nbsp;
920
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
921
- <span>chokcoco</span>
920
+ <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
921
+ <span>pingan8787</span>
922
922
  </a>
923
923
  </div>
924
924
  <div class="details">
925
- 今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...
925
+ 本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...
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/1190000041715281" target="_blank" title="搞懂 TypeScript 中的映射类型（Mapped Types）">搞懂 TypeScript 中的映射类型（Mapped Types）</a>
934
+ <a href="https://segmentfault.com/a/1190000041658543" target="_blank" title="2022 招聘季 ｜ 面试了一个月，我经历了什么">2022 招聘季 ｜ 面试了一个月，我经历了什么</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>9</span>
945
+ <span>11</span>
946
946
  </span>
947
947
  &nbsp;
948
- <a target="_blank" href="https://segmentfault.com/u/pingan8787" title="Programming Language">
949
- <span>pingan8787</span>
948
+ <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
949
+ <span>程序员海军</span>
950
950
  </a>
951
951
  </div>
952
952
  <div class="details">
953
- 本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...
953
+ Hello， 大家好，我是程序员海军，又到了金三银四的招聘季。 本篇文章总结了我去年面试中遇到的坑，以及身边人遇到的面试坑，经过总结分析才出了此篇文章， 送给 金三银四 找工作的你，找工作运气很重要，时机更...
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/1190000041658543" target="_blank" title="2022 招聘季 ｜ 面试了一个月，我经历了什么">2022 招聘季 ｜ 面试了一个月，我经历了什么</a>
962
+ <a href="https://segmentfault.com/a/1190000041645889" target="_blank" title="【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3">【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3</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>11</span>
973
+ <span>15</span>
974
974
  </span>
975
975
  &nbsp;
976
- <a target="_blank" href="https://segmentfault.com/u/haijun_5e7e16c909f52" title="Programming Language">
977
- <span>程序员海军</span>
976
+ <a target="_blank" href="https://segmentfault.com/u/maoduolikuaipao" title="Programming Language">
977
+ <span>前端有猫腻</span>
978
978
  </a>
979
979
  </div>
980
980
  <div class="details">
981
- Hello， 大家好，我是程序员海军，又到了金三银四的招聘季。 本篇文章总结了我去年面试中遇到的坑，以及身边人遇到的面试坑，经过总结分析才出了此篇文章， 送给 金三银四 找工作的你，找工作运气很重要，时机更...
981
+ Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3
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/30 by Github API v3.</div>
1002
+ <div class="time">Last cache created on 2022/5/3 by Github API v3.</div>
1003
1003
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1004
1004
  </div>
1005
1005
  </body>