@wcj/github-rank 22.3.1 → 22.3.4

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 +33947 -33947
  2. package/dist/sifou-daily.json +102 -147
  3. package/dist/sifou-monthly.json +86 -86
  4. package/dist/sifou-weekly.json +174 -174
  5. package/dist/toutiao-30.json +69 -69
  6. package/dist/toutiao-7.json +118 -118
  7. package/dist/toutiao-90.json +55 -55
  8. package/dist/trending-daily.json +156 -167
  9. package/dist/trending-monthly.json +155 -155
  10. package/dist/trending-weekly.json +167 -167
  11. package/dist/users.china.json +3381 -3383
  12. package/dist/users.json +4173 -4172
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +33947 -33947
  16. package/web/data/sifou-daily.json +102 -147
  17. package/web/data/sifou-monthly.json +86 -86
  18. package/web/data/sifou-weekly.json +174 -174
  19. package/web/data/toutiao-30.json +69 -69
  20. package/web/data/toutiao-7.json +118 -118
  21. package/web/data/toutiao-90.json +55 -55
  22. package/web/data/trending-daily.json +156 -167
  23. package/web/data/trending-monthly.json +155 -155
  24. package/web/data/trending-weekly.json +167 -167
  25. package/web/data/users.china.json +3381 -3383
  26. package/web/data/users.json +4173 -4172
  27. package/web/index.html +2173 -2173
  28. package/web/repos.html +4098 -4098
  29. package/web/sifou-daily.html +84 -224
  30. package/web/sifou-monthly.html +115 -115
  31. package/web/sifou-weekly.html +146 -146
  32. package/web/toutiao-30.html +73 -73
  33. package/web/toutiao-7.html +76 -76
  34. package/web/toutiao-90.html +62 -62
  35. package/web/trending-monthly.html +136 -136
  36. package/web/trending-weekly.html +144 -148
  37. package/web/trending.html +134 -168
  38. package/web/users.china.html +1900 -1900
package/web/sifou-monthly.html CHANGED
@@ -94,7 +94,7 @@
94
94
 
95
95
 
96
96
  </h1>
97
- <div class="time">Last cache created on 2022/3/1 by
97
+ <div class="time">Last cache created on 2022/3/4 by
98
98
 
99
99
 
100
100
 
@@ -125,7 +125,7 @@
125
125
  <div class="info">
126
126
  <div class="rank">
127
127
  <span title="Ranking 1">1</span>
128
- <a href="https://segmentfault.com/a/1190000041405707" target="_blank" title="【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1">【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1</a>
128
+ <a href="https://segmentfault.com/a/1190000041457245" target="_blank" title="Web 中的“选区”和“光标”">Web 中的“选区”和“光标”</a>
129
129
  </div>
130
130
  <div class="sub-title followers">
131
131
 
@@ -136,15 +136,15 @@
136
136
  <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"/>
137
137
  </g>
138
138
  </svg>
139
- <span>27</span>
139
+ <span>34</span>
140
140
  </span>
141
141
  &nbsp;
142
- <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
143
- <span>wlove</span>
142
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
143
+ <span>XboxYan</span>
144
144
  </a>
145
145
  </div>
146
146
  <div class="details">
147
- 在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
147
+ 在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色
148
148
  </div>
149
149
  </div>
150
150
  </li>
@@ -153,7 +153,7 @@
153
153
  <div class="info">
154
154
  <div class="rank">
155
155
  <span title="Ranking 2">2</span>
156
- <a href="https://segmentfault.com/a/1190000041415254" target="_blank" title="7个杀手级的JS一行代码">7个杀手级的JS一行代码</a>
156
+ <a href="https://segmentfault.com/a/1190000041405707" target="_blank" title="【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1">【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1</a>
157
157
  </div>
158
158
  <div class="sub-title followers">
159
159
 
@@ -164,15 +164,15 @@
164
164
  <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"/>
165
165
  </g>
166
166
  </svg>
167
- <span>30</span>
167
+ <span>32</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
171
- <span>gaoryrt</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
171
+ <span>wlove</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- 这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...
175
+ 在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
176
176
  </div>
177
177
  </div>
178
178
  </li>
@@ -181,7 +181,7 @@
181
181
  <div class="info">
182
182
  <div class="rank">
183
183
  <span title="Ranking 3">3</span>
184
- <a href="https://segmentfault.com/a/1190000041370811" target="_blank" title="17 个实用 shell 脚本，建议收藏！">17 个实用 shell 脚本，建议收藏！</a>
184
+ <a href="https://segmentfault.com/a/1190000041415254" target="_blank" title="7个杀手级的JS一行代码">7个杀手级的JS一行代码</a>
185
185
  </div>
186
186
  <div class="sub-title followers">
187
187
 
@@ -192,15 +192,15 @@
192
192
  <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"/>
193
193
  </g>
194
194
  </svg>
195
- <span>25</span>
195
+ <span>31</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
199
- <span>民工哥</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
199
+ <span>gaoryrt</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...
203
+ 这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...
204
204
  </div>
205
205
  </div>
206
206
  </li>
@@ -209,7 +209,7 @@
209
209
  <div class="info">
210
210
  <div class="rank">
211
211
  <span title="Ranking 4">4</span>
212
- <a href="https://segmentfault.com/a/1190000041457245" target="_blank" title="Web 中的“选区”和“光标”">Web 中的“选区”和“光标”</a>
212
+ <a href="https://segmentfault.com/a/1190000041370811" target="_blank" title="17 个实用 shell 脚本，建议收藏！">17 个实用 shell 脚本，建议收藏！</a>
213
213
  </div>
214
214
  <div class="sub-title followers">
215
215
 
@@ -220,15 +220,15 @@
220
220
  <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"/>
221
221
  </g>
222
222
  </svg>
223
- <span>24</span>
223
+ <span>27</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
227
- <span>XboxYan</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
227
+ <span>民工哥</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- 在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色
231
+ 1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...
232
232
  </div>
233
233
  </div>
234
234
  </li>
@@ -237,7 +237,7 @@
237
237
  <div class="info">
238
238
  <div class="rank">
239
239
  <span title="Ranking 5">5</span>
240
- <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！(协同仓库该有的规范)🔥">谁动了我的代码！(协同仓库该有的规范)🔥</a>
240
+ <a href="https://segmentfault.com/a/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
241
241
  </div>
242
242
  <div class="sub-title followers">
243
243
 
@@ -248,15 +248,15 @@
248
248
  <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"/>
249
249
  </g>
250
250
  </svg>
251
- <span>23</span>
251
+ <span>28</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
255
- <span>荣顶</span>
254
+ <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
255
+ <span>wuwhs</span>
256
256
  </a>
257
257
  </div>
258
258
  <div class="details">
259
- 公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；
259
+ 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
260
260
  </div>
261
261
  </div>
262
262
  </li>
@@ -265,7 +265,7 @@
265
265
  <div class="info">
266
266
  <div class="rank">
267
267
  <span title="Ranking 6">6</span>
268
- <a href="https://segmentfault.com/a/1190000041399412" target="_blank" title="展开操作符：一家人就这么被拆散了">展开操作符：一家人就这么被拆散了</a>
268
+ <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
269
269
  </div>
270
270
  <div class="sub-title followers">
271
271
 
@@ -276,15 +276,15 @@
276
276
  <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"/>
277
277
  </g>
278
278
  </svg>
279
- <span>20</span>
279
+ <span>26</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
283
- <span>卡颂</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
283
+ <span>码哥字节</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...
287
+ Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
288
288
  </div>
289
289
  </div>
290
290
  </li>
@@ -293,7 +293,7 @@
293
293
  <div class="info">
294
294
  <div class="rank">
295
295
  <span title="Ranking 7">7</span>
296
- <a href="https://segmentfault.com/a/1190000041367705" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</a>
296
+ <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！(协同仓库该有的规范)🔥">谁动了我的代码！(协同仓库该有的规范)🔥</a>
297
297
  </div>
298
298
  <div class="sub-title followers">
299
299
 
@@ -304,15 +304,15 @@
304
304
  <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"/>
305
305
  </g>
306
306
  </svg>
307
- <span>26</span>
307
+ <span>23</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
311
- <span>前端小智</span>
310
+ <a target="_blank" href="https://segmentfault.com/u/wangrongding" title="Programming Language">
311
+ <span>荣顶</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
315
+ 公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；
316
316
  </div>
317
317
  </div>
318
318
  </li>
@@ -321,7 +321,7 @@
321
321
  <div class="info">
322
322
  <div class="rank">
323
323
  <span title="Ranking 8">8</span>
324
- <a href="https://segmentfault.com/a/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
324
+ <a href="https://segmentfault.com/a/1190000041367705" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</a>
325
325
  </div>
326
326
  <div class="sub-title followers">
327
327
 
@@ -332,15 +332,15 @@
332
332
  <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"/>
333
333
  </g>
334
334
  </svg>
335
- <span>22</span>
335
+ <span>27</span>
336
336
  </span>
337
337
  &nbsp;
338
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
339
- <span>wuwhs</span>
338
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
339
+ <span>前端小智</span>
340
340
  </a>
341
341
  </div>
342
342
  <div class="details">
343
- 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
343
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
344
344
  </div>
345
345
  </div>
346
346
  </li>
@@ -349,7 +349,7 @@
349
349
  <div class="info">
350
350
  <div class="rank">
351
351
  <span title="Ranking 9">9</span>
352
- <a href="https://segmentfault.com/a/1190000041355419" target="_blank" title="60行代码实现React的事件系统">60行代码实现React的事件系统</a>
352
+ <a href="https://segmentfault.com/a/1190000041399412" target="_blank" title="展开操作符：一家人就这么被拆散了">展开操作符：一家人就这么被拆散了</a>
353
353
  </div>
354
354
  <div class="sub-title followers">
355
355
 
@@ -360,7 +360,7 @@
360
360
  <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"/>
361
361
  </g>
362
362
  </svg>
363
- <span>18</span>
363
+ <span>20</span>
364
364
  </span>
365
365
  &nbsp;
366
366
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -368,7 +368,7 @@
368
368
  </a>
369
369
  </div>
370
370
  <div class="details">
371
- 大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...
371
+ 大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...
372
372
  </div>
373
373
  </div>
374
374
  </li>
@@ -388,7 +388,7 @@
388
388
  <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"/>
389
389
  </g>
390
390
  </svg>
391
- <span>19</span>
391
+ <span>21</span>
392
392
  </span>
393
393
  &nbsp;
394
394
  <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
@@ -433,7 +433,7 @@
433
433
  <div class="info">
434
434
  <div class="rank">
435
435
  <span title="Ranking 12">12</span>
436
- <a href="https://segmentfault.com/a/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</a>
436
+ <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
437
437
  </div>
438
438
  <div class="sub-title followers">
439
439
 
@@ -444,15 +444,15 @@
444
444
  <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"/>
445
445
  </g>
446
446
  </svg>
447
- <span>21</span>
447
+ <span>13</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
451
- <span>码哥字节</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
451
+ <span>而井</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
455
+ 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
456
456
  </div>
457
457
  </div>
458
458
  </li>
@@ -461,7 +461,7 @@
461
461
  <div class="info">
462
462
  <div class="rank">
463
463
  <span title="Ranking 13">13</span>
464
- <a href="https://segmentfault.com/a/1190000041355537" target="_blank" title="两年经验前端：字节跳动系—石墨文档面经">两年经验前端：字节跳动系—石墨文档面经</a>
464
+ <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
465
465
  </div>
466
466
  <div class="sub-title followers">
467
467
 
@@ -472,15 +472,15 @@
472
472
  <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"/>
473
473
  </g>
474
474
  </svg>
475
- <span>18</span>
475
+ <span>13</span>
476
476
  </span>
477
477
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik" title="Programming Language">
479
- <span>Sunshine_Lin</span>
478
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
479
+ <span>TNTWEB</span>
480
480
  </a>
481
481
  </div>
482
482
  <div class="details">
483
- 前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、[&#39;10&#39;, &#39;10&#39;, &#39;10&#39;, &#39;10&#39;, &#39;10&#39;].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...
483
+ 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
484
484
  </div>
485
485
  </div>
486
486
  </li>
@@ -489,7 +489,7 @@
489
489
  <div class="info">
490
490
  <div class="rank">
491
491
  <span title="Ranking 14">14</span>
492
- <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
492
+ <a href="https://segmentfault.com/a/1190000041385432" target="_blank" title="CSS画冰墩墩~">CSS画冰墩墩~</a>
493
493
  </div>
494
494
  <div class="sub-title followers">
495
495
 
@@ -500,15 +500,15 @@
500
500
  <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"/>
501
501
  </g>
502
502
  </svg>
503
- <span>13</span>
503
+ <span>20</span>
504
504
  </span>
505
505
  &nbsp;
506
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
507
- <span>TNTWEB</span>
506
+ <a target="_blank" href="https://segmentfault.com/u/wangji_5d01acdfdd139" title="Programming Language">
507
+ <span>望记</span>
508
508
  </a>
509
509
  </div>
510
510
  <div class="details">
511
- 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
511
+ 抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}
512
512
  </div>
513
513
  </div>
514
514
  </li>
@@ -517,7 +517,7 @@
517
517
  <div class="info">
518
518
  <div class="rank">
519
519
  <span title="Ranking 15">15</span>
520
- <a href="https://segmentfault.com/a/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
520
+ <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
521
521
  </div>
522
522
  <div class="sub-title followers">
523
523
 
@@ -528,15 +528,15 @@
528
528
  <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"/>
529
529
  </g>
530
530
  </svg>
531
- <span>16</span>
531
+ <span>15</span>
532
532
  </span>
533
533
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
535
- <span>前端小智</span>
534
+ <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
535
+ <span>谭光志</span>
536
536
  </a>
537
537
  </div>
538
538
  <div class="details">
539
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
539
+ 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
540
540
  </div>
541
541
  </div>
542
542
  </li>
@@ -545,7 +545,7 @@
545
545
  <div class="info">
546
546
  <div class="rank">
547
547
  <span title="Ranking 16">16</span>
548
- <a href="https://segmentfault.com/a/1190000041385432" target="_blank" title="CSS画冰墩墩~">CSS画冰墩墩~</a>
548
+ <a href="https://segmentfault.com/a/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
549
549
  </div>
550
550
  <div class="sub-title followers">
551
551
 
@@ -556,15 +556,15 @@
556
556
  <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"/>
557
557
  </g>
558
558
  </svg>
559
- <span>19</span>
559
+ <span>16</span>
560
560
  </span>
561
561
  &nbsp;
562
- <a target="_blank" href="https://segmentfault.com/u/wangji_5d01acdfdd139" title="Programming Language">
563
- <span>望记</span>
562
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
563
+ <span>前端小智</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- 抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}
567
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
568
568
  </div>
569
569
  </div>
570
570
  </li>
@@ -573,7 +573,7 @@
573
573
  <div class="info">
574
574
  <div class="rank">
575
575
  <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041355320" target="_blank" title="火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking">火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking</a>
576
+ <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
577
577
  </div>
578
578
  <div class="sub-title followers">
579
579
 
@@ -584,15 +584,15 @@
584
584
  <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"/>
585
585
  </g>
586
586
  </svg>
587
- <span>11</span>
587
+ <span>15</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/mf" title="Programming Language">
591
- <span>鸣飞</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
591
+ <span>JackJiang</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...
595
+ 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
596
596
  </div>
597
597
  </div>
598
598
  </li>
@@ -601,7 +601,7 @@
601
601
  <div class="info">
602
602
  <div class="rank">
603
603
  <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
604
+ <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
605
605
  </div>
606
606
  <div class="sub-title followers">
607
607
 
@@ -612,15 +612,15 @@
612
612
  <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"/>
613
613
  </g>
614
614
  </svg>
615
- <span>15</span>
615
+ <span>13</span>
616
616
  </span>
617
617
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
619
- <span>JackJiang</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
619
+ <span>皮小蛋</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
623
+ 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
624
624
  </div>
625
625
  </div>
626
626
  </li>
@@ -741,6 +741,34 @@
741
741
  <div class="info">
742
742
  <div class="rank">
743
743
  <span title="Ranking 23">23</span>
744
+ <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
745
+ </div>
746
+ <div class="sub-title followers">
747
+
748
+ <span title="Stargazers Count">
749
+ <svg width="12" height="12" viewBox="0 0 16 16">
750
+ <g fill="none" fill-rule="evenodd">
751
+ <path d="M0 0h16v16H0z"/>
752
+ <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"/>
753
+ </g>
754
+ </svg>
755
+ <span>12</span>
756
+ </span>
757
+ &nbsp;
758
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
759
+ <span>chokcoco</span>
760
+ </a>
761
+ </div>
762
+ <div class="details">
763
+ 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
764
+ </div>
765
+ </div>
766
+ </li>
767
+
768
+ <li>
769
+ <div class="info">
770
+ <div class="rank">
771
+ <span title="Ranking 24">24</span>
744
772
  <a href="https://segmentfault.com/a/1190000041374585" target="_blank" title="vue原理相关总结">vue原理相关总结</a>
745
773
  </div>
746
774
  <div class="sub-title followers">
@@ -768,7 +796,7 @@
768
796
  <li>
769
797
  <div class="info">
770
798
  <div class="rank">
771
- <span title="Ranking 24">24</span>
799
+ <span title="Ranking 25">25</span>
772
800
  <a href="https://segmentfault.com/a/1190000041418454" target="_blank" title="React 源码解析系列 - React 的 render 异常处理机制">React 源码解析系列 - React 的 render 异常处理机制</a>
773
801
  </div>
774
802
  <div class="sub-title followers">
@@ -796,7 +824,7 @@
796
824
  <li>
797
825
  <div class="info">
798
826
  <div class="rank">
799
- <span title="Ranking 25">25</span>
827
+ <span title="Ranking 26">26</span>
800
828
  <a href="https://segmentfault.com/a/1190000041367088" target="_blank" title="跨域了？ 装个插件就够了！">跨域了？ 装个插件就够了！</a>
801
829
  </div>
802
830
  <div class="sub-title followers">
@@ -824,7 +852,7 @@
824
852
  <li>
825
853
  <div class="info">
826
854
  <div class="rank">
827
- <span title="Ranking 26">26</span>
855
+ <span title="Ranking 27">27</span>
828
856
  <a href="https://segmentfault.com/a/1190000041381106" target="_blank" title="8 个 Vue.js UI 组件，下一个项目用得上">8 个 Vue.js UI 组件，下一个项目用得上</a>
829
857
  </div>
830
858
  <div class="sub-title followers">
@@ -852,7 +880,7 @@
852
880
  <li>
853
881
  <div class="info">
854
882
  <div class="rank">
855
- <span title="Ranking 27">27</span>
883
+ <span title="Ranking 28">28</span>
856
884
  <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
857
885
  </div>
858
886
  <div class="sub-title followers">
@@ -880,7 +908,7 @@
880
908
  <li>
881
909
  <div class="info">
882
910
  <div class="rank">
883
- <span title="Ranking 28">28</span>
911
+ <span title="Ranking 29">29</span>
884
912
  <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
885
913
  </div>
886
914
  <div class="sub-title followers">
@@ -908,7 +936,7 @@
908
936
  <li>
909
937
  <div class="info">
910
938
  <div class="rank">
911
- <span title="Ranking 29">29</span>
939
+ <span title="Ranking 30">30</span>
912
940
  <a href="https://segmentfault.com/a/1190000041375528" target="_blank" title="eslint-plugin-import 规则之 Import / Order">eslint-plugin-import 规则之 Import / Order</a>
913
941
  </div>
914
942
  <div class="sub-title followers">
@@ -933,34 +961,6 @@
933
961
  </div>
934
962
  </li>
935
963
 
936
- <li>
937
- <div class="info">
938
- <div class="rank">
939
- <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
941
- </div>
942
- <div class="sub-title followers">
943
-
944
- <span title="Stargazers Count">
945
- <svg width="12" height="12" viewBox="0 0 16 16">
946
- <g fill="none" fill-rule="evenodd">
947
- <path d="M0 0h16v16H0z"/>
948
- <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"/>
949
- </g>
950
- </svg>
951
- <span>9</span>
952
- </span>
953
- &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
955
- <span>皮小蛋</span>
956
- </a>
957
- </div>
958
- <div class="details">
959
- 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
960
- </div>
961
- </div>
962
- </li>
963
-
964
964
  </ul>
965
965
  <div class="footer">
966
966
  <div>
@@ -977,7 +977,7 @@
977
977
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
978
978
  </a>
979
979
  </div>
980
- <div class="time">Last cache created on 2022/3/1 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/3/4 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>