@wcj/github-rank 22.3.3 → 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 +20366 -20366
  2. package/dist/sifou-daily.json +133 -70
  3. package/dist/sifou-monthly.json +69 -69
  4. package/dist/sifou-weekly.json +129 -129
  5. package/dist/toutiao-30.json +52 -52
  6. package/dist/toutiao-7.json +86 -86
  7. package/dist/toutiao-90.json +37 -37
  8. package/dist/trending-daily.json +156 -167
  9. package/dist/trending-monthly.json +150 -150
  10. package/dist/trending-weekly.json +155 -155
  11. package/dist/users.china.json +1914 -1914
  12. package/dist/users.json +2486 -2486
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +20366 -20366
  16. package/web/data/sifou-daily.json +133 -70
  17. package/web/data/sifou-monthly.json +69 -69
  18. package/web/data/sifou-weekly.json +129 -129
  19. package/web/data/toutiao-30.json +52 -52
  20. package/web/data/toutiao-7.json +86 -86
  21. package/web/data/toutiao-90.json +37 -37
  22. package/web/data/trending-daily.json +156 -167
  23. package/web/data/trending-monthly.json +150 -150
  24. package/web/data/trending-weekly.json +155 -155
  25. package/web/data/users.china.json +1914 -1914
  26. package/web/data/users.json +2486 -2486
  27. package/web/index.html +1297 -1297
  28. package/web/repos.html +2651 -2651
  29. package/web/sifou-daily.html +256 -60
  30. package/web/sifou-monthly.html +89 -89
  31. package/web/sifou-weekly.html +141 -141
  32. package/web/toutiao-30.html +94 -94
  33. package/web/toutiao-7.html +73 -73
  34. package/web/toutiao-90.html +53 -53
  35. package/web/trending-monthly.html +138 -138
  36. package/web/trending-weekly.html +135 -135
  37. package/web/trending.html +134 -176
  38. package/web/users.china.html +1238 -1238
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/3 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>32</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/1190000041457245" target="_blank" title="Web 中的“选区”和“光标”">Web 中的“选区”和“光标”</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
 
@@ -167,12 +167,12 @@
167
167
  <span>32</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
171
- <span>XboxYan</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
- 在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色
175
+ 在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
176
176
  </div>
177
177
  </div>
178
178
  </li>
@@ -192,7 +192,7 @@
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>30</span>
195
+ <span>31</span>
196
196
  </span>
197
197
  &nbsp;
198
198
  <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
@@ -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/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</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>25</span>
307
+ <span>23</span>
308
308
  </span>
309
309
  &nbsp;
310
- <a target="_blank" href="https://segmentfault.com/u/magebyte" 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
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
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
 
@@ -335,12 +335,12 @@
335
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/1190000041367705" target="_blank" title="20个 Javascript 技巧，提高我们的摸鱼时间！">20个 Javascript 技巧，提高我们的摸鱼时间！</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,15 +360,15 @@
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>26</span>
363
+ <span>20</span>
364
364
  </span>
365
365
  &nbsp;
366
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
367
- <span>前端小智</span>
366
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
367
+ <span>卡颂</span>
368
368
  </a>
369
369
  </div>
370
370
  <div class="details">
371
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
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,6 +433,34 @@
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/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
437
+ </div>
438
+ <div class="sub-title followers">
439
+
440
+ <span title="Stargazers Count">
441
+ <svg width="12" height="12" viewBox="0 0 16 16">
442
+ <g fill="none" fill-rule="evenodd">
443
+ <path d="M0 0h16v16H0z"/>
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
+ </g>
446
+ </svg>
447
+ <span>13</span>
448
+ </span>
449
+ &nbsp;
450
+ <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
451
+ <span>而井</span>
452
+ </a>
453
+ </div>
454
+ <div class="details">
455
+ 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
456
+ </div>
457
+ </div>
458
+ </li>
459
+
460
+ <li>
461
+ <div class="info">
462
+ <div class="rank">
463
+ <span title="Ranking 13">13</span>
436
464
  <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
437
465
  </div>
438
466
  <div class="sub-title followers">
@@ -460,7 +488,7 @@
460
488
  <li>
461
489
  <div class="info">
462
490
  <div class="rank">
463
- <span title="Ranking 13">13</span>
491
+ <span title="Ranking 14">14</span>
464
492
  <a href="https://segmentfault.com/a/1190000041385432" target="_blank" title="CSS画冰墩墩~">CSS画冰墩墩~</a>
465
493
  </div>
466
494
  <div class="sub-title followers">
@@ -488,7 +516,7 @@
488
516
  <li>
489
517
  <div class="info">
490
518
  <div class="rank">
491
- <span title="Ranking 14">14</span>
519
+ <span title="Ranking 15">15</span>
492
520
  <a href="https://segmentfault.com/a/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
493
521
  </div>
494
522
  <div class="sub-title followers">
@@ -516,7 +544,7 @@
516
544
  <li>
517
545
  <div class="info">
518
546
  <div class="rank">
519
- <span title="Ranking 15">15</span>
547
+ <span title="Ranking 16">16</span>
520
548
  <a href="https://segmentfault.com/a/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
521
549
  </div>
522
550
  <div class="sub-title followers">
@@ -544,7 +572,7 @@
544
572
  <li>
545
573
  <div class="info">
546
574
  <div class="rank">
547
- <span title="Ranking 16">16</span>
575
+ <span title="Ranking 17">17</span>
548
576
  <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
549
577
  </div>
550
578
  <div class="sub-title followers">
@@ -572,8 +600,8 @@
572
600
  <li>
573
601
  <div class="info">
574
602
  <div class="rank">
575
- <span title="Ranking 17">17</span>
576
- <a href="https://segmentfault.com/a/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
603
+ <span title="Ranking 18">18</span>
604
+ <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
577
605
  </div>
578
606
  <div class="sub-title followers">
579
607
 
@@ -587,12 +615,12 @@
587
615
  <span>13</span>
588
616
  </span>
589
617
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
591
- <span>公子</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
619
+ <span>皮小蛋</span>
592
620
  </a>
593
621
  </div>
594
622
  <div class="details">
595
- 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
623
+ 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
596
624
  </div>
597
625
  </div>
598
626
  </li>
@@ -600,8 +628,8 @@
600
628
  <li>
601
629
  <div class="info">
602
630
  <div class="rank">
603
- <span title="Ranking 18">18</span>
604
- <a href="https://segmentfault.com/a/1190000041443525" target="_blank" title="线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽">线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽</a>
631
+ <span title="Ranking 19">19</span>
632
+ <a href="https://segmentfault.com/a/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
605
633
  </div>
606
634
  <div class="sub-title followers">
607
635
 
@@ -612,15 +640,15 @@
612
640
  <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
641
  </g>
614
642
  </svg>
615
- <span>12</span>
643
+ <span>13</span>
616
644
  </span>
617
645
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
619
- <span>而井</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
647
+ <span>公子</span>
620
648
  </a>
621
649
  </div>
622
650
  <div class="details">
623
- 在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...
651
+ 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
624
652
  </div>
625
653
  </div>
626
654
  </li>
@@ -628,7 +656,7 @@
628
656
  <li>
629
657
  <div class="info">
630
658
  <div class="rank">
631
- <span title="Ranking 19">19</span>
659
+ <span title="Ranking 20">20</span>
632
660
  <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
633
661
  </div>
634
662
  <div class="sub-title followers">
@@ -656,7 +684,7 @@
656
684
  <li>
657
685
  <div class="info">
658
686
  <div class="rank">
659
- <span title="Ranking 20">20</span>
687
+ <span title="Ranking 21">21</span>
660
688
  <a href="https://segmentfault.com/a/1190000041373049" target="_blank" title="2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门">2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门</a>
661
689
  </div>
662
690
  <div class="sub-title followers">
@@ -684,7 +712,7 @@
684
712
  <li>
685
713
  <div class="info">
686
714
  <div class="rank">
687
- <span title="Ranking 21">21</span>
715
+ <span title="Ranking 22">22</span>
688
716
  <a href="https://segmentfault.com/a/1190000041384720" target="_blank" title="Redis 使用 List 实现消息队列能保证消息可靠么？">Redis 使用 List 实现消息队列能保证消息可靠么？</a>
689
717
  </div>
690
718
  <div class="sub-title followers">
@@ -712,8 +740,8 @@
712
740
  <li>
713
741
  <div class="info">
714
742
  <div class="rank">
715
- <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
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>
717
745
  </div>
718
746
  <div class="sub-title followers">
719
747
 
@@ -727,12 +755,12 @@
727
755
  <span>12</span>
728
756
  </span>
729
757
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
731
- <span>皮小蛋</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
759
+ <span>chokcoco</span>
732
760
  </a>
733
761
  </div>
734
762
  <div class="details">
735
- 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
763
+ 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
736
764
  </div>
737
765
  </div>
738
766
  </li>
@@ -740,7 +768,7 @@
740
768
  <li>
741
769
  <div class="info">
742
770
  <div class="rank">
743
- <span title="Ranking 23">23</span>
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">
@@ -765,34 +793,6 @@
765
793
  </div>
766
794
  </li>
767
795
 
768
- <li>
769
- <div class="info">
770
- <div class="rank">
771
- <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
773
- </div>
774
- <div class="sub-title followers">
775
-
776
- <span title="Stargazers Count">
777
- <svg width="12" height="12" viewBox="0 0 16 16">
778
- <g fill="none" fill-rule="evenodd">
779
- <path d="M0 0h16v16H0z"/>
780
- <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"/>
781
- </g>
782
- </svg>
783
- <span>11</span>
784
- </span>
785
- &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
787
- <span>chokcoco</span>
788
- </a>
789
- </div>
790
- <div class="details">
791
- 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
792
- </div>
793
- </div>
794
- </li>
795
-
796
796
  <li>
797
797
  <div class="info">
798
798
  <div class="rank">
@@ -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/3 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>