@wcj/github-rank 22.3.7 → 22.3.10

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 +32834 -32830
  2. package/dist/sifou-daily.json +66 -57
  3. package/dist/sifou-monthly.json +128 -128
  4. package/dist/sifou-weekly.json +150 -150
  5. package/dist/toutiao-30.json +73 -73
  6. package/dist/toutiao-7.json +133 -133
  7. package/dist/toutiao-90.json +53 -53
  8. package/dist/trending-daily.json +171 -171
  9. package/dist/trending-monthly.json +164 -164
  10. package/dist/trending-weekly.json +177 -166
  11. package/dist/users.china.json +2878 -2878
  12. package/dist/users.json +4207 -4207
  13. package/package.json +1 -1
  14. package/web/36kr.html +2 -2
  15. package/web/data/repos.json +32834 -32830
  16. package/web/data/sifou-daily.json +66 -57
  17. package/web/data/sifou-monthly.json +128 -128
  18. package/web/data/sifou-weekly.json +150 -150
  19. package/web/data/toutiao-30.json +73 -73
  20. package/web/data/toutiao-7.json +133 -133
  21. package/web/data/toutiao-90.json +53 -53
  22. package/web/data/trending-daily.json +171 -171
  23. package/web/data/trending-monthly.json +164 -164
  24. package/web/data/trending-weekly.json +177 -166
  25. package/web/data/users.china.json +2878 -2878
  26. package/web/data/users.json +4207 -4207
  27. package/web/index.html +2236 -2236
  28. package/web/repos.html +4141 -4141
  29. package/web/sifou-daily.html +76 -48
  30. package/web/sifou-monthly.html +133 -133
  31. package/web/sifou-weekly.html +137 -137
  32. package/web/toutiao-30.html +102 -102
  33. package/web/toutiao-7.html +86 -86
  34. package/web/toutiao-90.html +58 -58
  35. package/web/trending-monthly.html +143 -147
  36. package/web/trending-weekly.html +184 -142
  37. package/web/trending.html +144 -152
  38. package/web/users.china.html +1435 -1435
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/7 by
97
+ <div class="time">Last cache created on 2022/3/10 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/1190000041457245" target="_blank" title="Web 中的“选区”和“光标”">Web 中的“选区”和“光标”</a>
128
+ <a href="https://segmentfault.com/a/1190000041493486" target="_blank" title="45个 GIT 经典操作场景，专治不会合代码">45个 GIT 经典操作场景，专治不会合代码</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>36</span>
139
+ <span>53</span>
140
140
  </span>
141
141
  &nbsp;
142
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
143
- <span>XboxYan</span>
142
+ <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
143
+ <span>程序员内点事</span>
144
144
  </a>
145
145
  </div>
146
146
  <div class="details">
147
- 在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色
147
+ git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...
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/1190000041405707" target="_blank" title="【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1">【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1</a>
156
+ <a href="https://segmentfault.com/a/1190000041457245" target="_blank" title="Web 中的“选区”和“光标”">Web 中的“选区”和“光标”</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>32</span>
167
+ <span>39</span>
168
168
  </span>
169
169
  &nbsp;
170
- <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
171
- <span>wlove</span>
170
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
171
+ <span>XboxYan</span>
172
172
  </a>
173
173
  </div>
174
174
  <div class="details">
175
- 在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
175
+ 在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色
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/1190000041415254" target="_blank" title="7个杀手级的JS一行代码">7个杀手级的JS一行代码</a>
184
+ <a href="https://segmentfault.com/a/1190000041405707" target="_blank" title="【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1">【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1</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>32</span>
195
+ <span>33</span>
196
196
  </span>
197
197
  &nbsp;
198
- <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
199
- <span>gaoryrt</span>
198
+ <a target="_blank" href="https://segmentfault.com/u/xieguoliang" title="Programming Language">
199
+ <span>wlove</span>
200
200
  </a>
201
201
  </div>
202
202
  <div class="details">
203
- 这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...
203
+ 在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
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/1190000041370811" target="_blank" title="17 个实用 shell 脚本，建议收藏！">17 个实用 shell 脚本，建议收藏！</a>
212
+ <a href="https://segmentfault.com/a/1190000041415254" target="_blank" title="7个杀手级的JS一行代码">7个杀手级的JS一行代码</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>28</span>
223
+ <span>32</span>
224
224
  </span>
225
225
  &nbsp;
226
- <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
227
- <span>民工哥</span>
226
+ <a target="_blank" href="https://segmentfault.com/u/gaoryrt" title="Programming Language">
227
+ <span>gaoryrt</span>
228
228
  </a>
229
229
  </div>
230
230
  <div class="details">
231
- 1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...
231
+ 这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...
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/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</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>27</span>
251
+ <span>31</span>
252
252
  </span>
253
253
  &nbsp;
254
- <a target="_blank" href="https://segmentfault.com/u/magebyte" 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
- Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
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/1190000041437117" target="_blank" title="组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子">组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子</a>
268
+ <a href="https://segmentfault.com/a/1190000041370811" target="_blank" title="17 个实用 shell 脚本，建议收藏！">17 个实用 shell 脚本，建议收藏！</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>29</span>
279
+ <span>28</span>
280
280
  </span>
281
281
  &nbsp;
282
- <a target="_blank" href="https://segmentfault.com/u/wuwhs" title="Programming Language">
283
- <span>wuwhs</span>
282
+ <a target="_blank" href="https://segmentfault.com/u/jishuroad" title="Programming Language">
283
+ <span>民工哥</span>
284
284
  </a>
285
285
  </div>
286
286
  <div class="details">
287
- 近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...
287
+ 1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...
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/1190000041446607" target="_blank" title="Redis 忽然变慢了如何排查并解决？">Redis 忽然变慢了如何排查并解决？</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>28</span>
307
+ <span>27</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/magebyte" title="Programming Language">
311
+ <span>码哥字节</span>
312
312
  </a>
313
313
  </div>
314
314
  <div class="details">
315
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
315
+ Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...
316
316
  </div>
317
317
  </div>
318
318
  </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>21</span>
391
+ <span>22</span>
392
392
  </span>
393
393
  &nbsp;
394
394
  <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
@@ -405,7 +405,7 @@
405
405
  <div class="info">
406
406
  <div class="rank">
407
407
  <span title="Ranking 11">11</span>
408
- <a href="https://segmentfault.com/a/1190000041372960" target="_blank" title="Suspense对React的意义在哪里？">Suspense对React的意义在哪里？</a>
408
+ <a href="https://segmentfault.com/a/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
409
409
  </div>
410
410
  <div class="sub-title followers">
411
411
 
@@ -416,15 +416,15 @@
416
416
  <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"/>
417
417
  </g>
418
418
  </svg>
419
- <span>15</span>
419
+ <span>22</span>
420
420
  </span>
421
421
  &nbsp;
422
- <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
423
- <span>卡颂</span>
422
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
423
+ <span>chokcoco</span>
424
424
  </a>
425
425
  </div>
426
426
  <div class="details">
427
- 大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...
427
+ 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
428
428
  </div>
429
429
  </div>
430
430
  </li>
@@ -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/1190000041467802" target="_blank" title="手把手教你写一个简易的微前端框架">手把手教你写一个简易的微前端框架</a>
436
+ <a href="https://segmentfault.com/a/1190000041504985" target="_blank" title="CSS 实现透明方格的 3 种方式">CSS 实现透明方格的 3 种方式</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>16</span>
447
+ <span>23</span>
448
448
  </span>
449
449
  &nbsp;
450
- <a target="_blank" href="https://segmentfault.com/u/woai3c" title="Programming Language">
451
- <span>谭光志</span>
450
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
451
+ <span>XboxYan</span>
452
452
  </a>
453
453
  </div>
454
454
  <div class="details">
455
- 最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...
455
+ linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下
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/1190000041493486" target="_blank" title="45个 GIT 经典操作场景，专治不会合代码">45个 GIT 经典操作场景，专治不会合代码</a>
464
+ <a href="https://segmentfault.com/a/1190000041372960" target="_blank" title="Suspense对React的意义在哪里？">Suspense对React的意义在哪里？</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>20</span>
475
+ <span>16</span>
476
476
  </span>
477
477
  &nbsp;
478
- <a target="_blank" href="https://segmentfault.com/u/chengxy" title="Programming Language">
479
- <span>程序员内点事</span>
478
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
479
+ <span>卡颂</span>
480
480
  </a>
481
481
  </div>
482
482
  <div class="details">
483
- git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...
483
+ 大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...
484
484
  </div>
485
485
  </div>
486
486
  </li>
@@ -500,7 +500,7 @@
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>14</span>
503
+ <span>15</span>
504
504
  </span>
505
505
  &nbsp;
506
506
  <a target="_blank" href="https://segmentfault.com/u/rioli" title="Programming Language">
@@ -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/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</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>13</span>
531
+ <span>18</span>
532
532
  </span>
533
533
  &nbsp;
534
- <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
535
- <span>TNTWEB</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
- 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
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/1190000041505045" target="_blank" title="革命性创新，动画杀手锏 @scroll-timeline">革命性创新，动画杀手锏 @scroll-timeline</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>20</span>
559
+ <span>17</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/chokcoco" title="Programming Language">
563
+ <span>chokcoco</span>
564
564
  </a>
565
565
  </div>
566
566
  <div class="details">
567
- 抢不上冰墩墩就自己画一个！在线预览[链接]代码： {代码...} {代码...}
567
+ 在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...
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/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
576
+ <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</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>16</span>
587
+ <span>14</span>
588
588
  </span>
589
589
  &nbsp;
590
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
591
- <span>前端小智</span>
590
+ <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
591
+ <span>皮小蛋</span>
592
592
  </a>
593
593
  </div>
594
594
  <div class="details">
595
- 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
595
+ 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
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/1190000041487405" target="_blank" title="巧用 CSS 实现炫彩三角边框动画">巧用 CSS 实现炫彩三角边框动画</a>
604
+ <a href="https://segmentfault.com/a/1190000041489058" target="_blank" title="别再用 Redis List 实现消息队列了，Stream 专为队列而生">别再用 Redis List 实现消息队列了，Stream 专为队列而生</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>16</span>
615
+ <span>13</span>
616
616
  </span>
617
617
  &nbsp;
618
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
619
- <span>chokcoco</span>
618
+ <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
619
+ <span>码哥字节</span>
620
620
  </a>
621
621
  </div>
622
622
  <div class="details">
623
- 最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...
623
+ 上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...
624
624
  </div>
625
625
  </div>
626
626
  </li>
@@ -629,7 +629,7 @@
629
629
  <div class="info">
630
630
  <div class="rank">
631
631
  <span title="Ranking 19">19</span>
632
- <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
632
+ <a href="https://segmentfault.com/a/1190000041488147" target="_blank" title="JavaScript 中 JSON 的 5 个小技巧🤯">JavaScript 中 JSON 的 5 个小技巧🤯</a>
633
633
  </div>
634
634
  <div class="sub-title followers">
635
635
 
@@ -640,15 +640,15 @@
640
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"/>
641
641
  </g>
642
642
  </svg>
643
- <span>15</span>
643
+ <span>11</span>
644
644
  </span>
645
645
  &nbsp;
646
- <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
647
- <span>JackJiang</span>
646
+ <a target="_blank" href="https://segmentfault.com/u/wangzc996" title="Programming Language">
647
+ <span>JenK</span>
648
648
  </a>
649
649
  </div>
650
650
  <div class="details">
651
- 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
651
+ 关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...
652
652
  </div>
653
653
  </div>
654
654
  </li>
@@ -657,7 +657,7 @@
657
657
  <div class="info">
658
658
  <div class="rank">
659
659
  <span title="Ranking 20">20</span>
660
- <a href="https://segmentfault.com/a/1190000041455457" target="_blank" title="[性能优化] 使用 esbuild 为你的构建提速 🚀">[性能优化] 使用 esbuild 为你的构建提速 🚀</a>
660
+ <a href="https://segmentfault.com/a/1190000041436294" target="_blank" title="吐血整理的webpack入门知识及常用loader和plugin">吐血整理的webpack入门知识及常用loader和plugin</a>
661
661
  </div>
662
662
  <div class="sub-title followers">
663
663
 
@@ -671,12 +671,12 @@
671
671
  <span>13</span>
672
672
  </span>
673
673
  &nbsp;
674
- <a target="_blank" href="https://segmentfault.com/u/scaukk" title="Programming Language">
675
- <span>皮小蛋</span>
674
+ <a target="_blank" href="https://segmentfault.com/u/tnfe" title="Programming Language">
675
+ <span>TNTWEB</span>
676
676
  </a>
677
677
  </div>
678
678
  <div class="details">
679
- 于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。
679
+ 在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...
680
680
  </div>
681
681
  </div>
682
682
  </li>
@@ -685,7 +685,7 @@
685
685
  <div class="info">
686
686
  <div class="rank">
687
687
  <span title="Ranking 21">21</span>
688
- <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
688
+ <a href="https://segmentfault.com/a/1190000041503556" target="_blank" title="JavaScript 数据处理 - 映射表篇">JavaScript 数据处理 - 映射表篇</a>
689
689
  </div>
690
690
  <div class="sub-title followers">
691
691
 
@@ -696,15 +696,15 @@
696
696
  <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"/>
697
697
  </g>
698
698
  </svg>
699
- <span>13</span>
699
+ <span>14</span>
700
700
  </span>
701
701
  &nbsp;
702
- <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
703
- <span>chokcoco</span>
702
+ <a target="_blank" href="https://segmentfault.com/u/jamesfancy" title="Programming Language">
703
+ <span>边城</span>
704
704
  </a>
705
705
  </div>
706
706
  <div class="details">
707
- 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
707
+ 由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...
708
708
  </div>
709
709
  </div>
710
710
  </li>
@@ -713,7 +713,7 @@
713
713
  <div class="info">
714
714
  <div class="rank">
715
715
  <span title="Ranking 22">22</span>
716
- <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
716
+ <a href="https://segmentfault.com/a/1190000041385432" target="_blank" title="CSS画冰墩墩~">CSS画冰墩墩~</a>
717
717
  </div>
718
718
  <div class="sub-title followers">
719
719
 
@@ -724,15 +724,15 @@
724
724
  <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"/>
725
725
  </g>
726
726
  </svg>
727
- <span>14</span>
727
+ <span>20</span>
728
728
  </span>
729
729
  &nbsp;
730
- <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
731
- <span>小小蚊子</span>
730
+ <a target="_blank" href="https://segmentfault.com/u/wangji_5d01acdfdd139" title="Programming Language">
731
+ <span>望记</span>
732
732
  </a>
733
733
  </div>
734
734
  <div class="details">
735
- 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
735
+ 抢不上冰墩墩就自己画一个！在线预览[链接]代码： {代码...} {代码...}
736
736
  </div>
737
737
  </div>
738
738
  </li>
@@ -741,7 +741,7 @@
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/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
744
+ <a href="https://segmentfault.com/a/1190000041501520" target="_blank" title="从头梳理，看看中国的 ICP 备案制度">从头梳理，看看中国的 ICP 备案制度</a>
745
745
  </div>
746
746
  <div class="sub-title followers">
747
747
 
@@ -752,15 +752,15 @@
752
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
753
  </g>
754
754
  </svg>
755
- <span>13</span>
755
+ <span>10</span>
756
756
  </span>
757
757
  &nbsp;
758
- <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
759
- <span>公子</span>
758
+ <a target="_blank" href="https://segmentfault.com/u/xiqingongzi" title="Programming Language">
759
+ <span>白宦成</span>
760
760
  </a>
761
761
  </div>
762
762
  <div class="details">
763
- 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
763
+ 对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...
764
764
  </div>
765
765
  </div>
766
766
  </li>
@@ -769,7 +769,7 @@
769
769
  <div class="info">
770
770
  <div class="rank">
771
771
  <span title="Ranking 24">24</span>
772
- <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
772
+ <a href="https://segmentfault.com/a/1190000041413541" target="_blank" title="网络编程懒人入门(十四)：到底什么是Socket？一文即懂！">网络编程懒人入门(十四)：到底什么是Socket？一文即懂！</a>
773
773
  </div>
774
774
  <div class="sub-title followers">
775
775
 
@@ -780,15 +780,15 @@
780
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
781
  </g>
782
782
  </svg>
783
- <span>11</span>
783
+ <span>16</span>
784
784
  </span>
785
785
  &nbsp;
786
- <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
787
- <span>杭州程序员张张</span>
786
+ <a target="_blank" href="https://segmentfault.com/u/jackjiang" title="Programming Language">
787
+ <span>JackJiang</span>
788
788
  </a>
789
789
  </div>
790
790
  <div class="details">
791
- urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
791
+ 本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...
792
792
  </div>
793
793
  </div>
794
794
  </li>
@@ -797,7 +797,7 @@
797
797
  <div class="info">
798
798
  <div class="rank">
799
799
  <span title="Ranking 25">25</span>
800
- <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>
800
+ <a href="https://segmentfault.com/a/1190000041470128" target="_blank" title="突破限制，CSS font-variation 可变字体的魅力">突破限制，CSS font-variation 可变字体的魅力</a>
801
801
  </div>
802
802
  <div class="sub-title followers">
803
803
 
@@ -808,15 +808,15 @@
808
808
  <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"/>
809
809
  </g>
810
810
  </svg>
811
- <span>13</span>
811
+ <span>14</span>
812
812
  </span>
813
813
  &nbsp;
814
- <a target="_blank" href="https://segmentfault.com/u/d2ms1shh" title="Programming Language">
815
- <span>MissD</span>
814
+ <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
815
+ <span>chokcoco</span>
816
816
  </a>
817
817
  </div>
818
818
  <div class="details">
819
- 近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。
819
+ 上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。
820
820
  </div>
821
821
  </div>
822
822
  </li>
@@ -825,7 +825,7 @@
825
825
  <div class="info">
826
826
  <div class="rank">
827
827
  <span title="Ranking 26">26</span>
828
- <a href="https://segmentfault.com/a/1190000041384720" target="_blank" title="Redis 使用 List 实现消息队列能保证消息可靠么？">Redis 使用 List 实现消息队列能保证消息可靠么？</a>
828
+ <a href="https://segmentfault.com/a/1190000041361645" target="_blank" title="10个CSS技巧，极大提升用户体验">10个CSS技巧，极大提升用户体验</a>
829
829
  </div>
830
830
  <div class="sub-title followers">
831
831
 
@@ -836,15 +836,15 @@
836
836
  <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"/>
837
837
  </g>
838
838
  </svg>
839
- <span>13</span>
839
+ <span>16</span>
840
840
  </span>
841
841
  &nbsp;
842
- <a target="_blank" href="https://segmentfault.com/u/magebyte" title="Programming Language">
843
- <span>码哥字节</span>
842
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
843
+ <span>前端小智</span>
844
844
  </a>
845
845
  </div>
846
846
  <div class="details">
847
- 分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...
847
+ 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
848
848
  </div>
849
849
  </div>
850
850
  </li>
@@ -853,7 +853,7 @@
853
853
  <div class="info">
854
854
  <div class="rank">
855
855
  <span title="Ranking 27">27</span>
856
- <a href="https://segmentfault.com/a/1190000041473617" target="_blank" title="Jenkins+Docker+Gitee+SpringBoot自动化部署">Jenkins+Docker+Gitee+SpringBoot自动化部署</a>
856
+ <a href="https://segmentfault.com/a/1190000041421576" target="_blank" title="小程序实现手写签名">小程序实现手写签名</a>
857
857
  </div>
858
858
  <div class="sub-title followers">
859
859
 
@@ -864,15 +864,15 @@
864
864
  <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"/>
865
865
  </g>
866
866
  </svg>
867
- <span>13</span>
867
+ <span>14</span>
868
868
  </span>
869
869
  &nbsp;
870
- <a target="_blank" href="https://segmentfault.com/u/xiangzhihong" title="Programming Language">
871
- <span>xiangzhihong</span>
870
+ <a target="_blank" href="https://segmentfault.com/u/zjw8023" title="Programming Language">
871
+ <span>小小蚊子</span>
872
872
  </a>
873
873
  </div>
874
874
  <div class="details">
875
- 当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...
875
+ 在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...
876
876
  </div>
877
877
  </div>
878
878
  </li>
@@ -881,7 +881,7 @@
881
881
  <div class="info">
882
882
  <div class="rank">
883
883
  <span title="Ranking 28">28</span>
884
- <a href="https://segmentfault.com/a/1190000041374585" target="_blank" title="vue原理相关总结">vue原理相关总结</a>
884
+ <a href="https://segmentfault.com/a/1190000041370583" target="_blank" title="断点调试之压缩引发的血案">断点调试之压缩引发的血案</a>
885
885
  </div>
886
886
  <div class="sub-title followers">
887
887
 
@@ -892,15 +892,15 @@
892
892
  <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"/>
893
893
  </g>
894
894
  </svg>
895
- <span>15</span>
895
+ <span>13</span>
896
896
  </span>
897
897
  &nbsp;
898
- <a target="_blank" href="https://segmentfault.com/u/yuhuashi_584a46acea21f" title="Programming Language">
899
- <span>雨花石</span>
898
+ <a target="_blank" href="https://segmentfault.com/u/lizheming" title="Programming Language">
899
+ <span>公子</span>
900
900
  </a>
901
901
  </div>
902
902
  <div class="details">
903
- 一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...
903
+ 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。
904
904
  </div>
905
905
  </div>
906
906
  </li>
@@ -909,7 +909,7 @@
909
909
  <div class="info">
910
910
  <div class="rank">
911
911
  <span title="Ranking 29">29</span>
912
- <a href="https://segmentfault.com/a/1190000041418454" target="_blank" title="React 源码解析系列 - React 的 render 异常处理机制">React 源码解析系列 - React 的 render 异常处理机制</a>
912
+ <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
913
913
  </div>
914
914
  <div class="sub-title followers">
915
915
 
@@ -920,15 +920,15 @@
920
920
  <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"/>
921
921
  </g>
922
922
  </svg>
923
- <span>11</span>
923
+ <span>15</span>
924
924
  </span>
925
925
  &nbsp;
926
- <a target="_blank" href="https://segmentfault.com/u/array_huang" title="Programming Language">
927
- <span>array_huang</span>
926
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
927
+ <span>XboxYan</span>
928
928
  </a>
929
929
  </div>
930
930
  <div class="details">
931
- 系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...
931
+ 在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
932
932
  </div>
933
933
  </div>
934
934
  </li>
@@ -937,7 +937,7 @@
937
937
  <div class="info">
938
938
  <div class="rank">
939
939
  <span title="Ranking 30">30</span>
940
- <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
940
+ <a href="https://segmentfault.com/a/1190000041417062" target="_blank" title="urlcat：JavaScript的URL构建器库">urlcat：JavaScript的URL构建器库</a>
941
941
  </div>
942
942
  <div class="sub-title followers">
943
943
 
@@ -948,15 +948,15 @@
948
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
949
  </g>
950
950
  </svg>
951
- <span>14</span>
951
+ <span>11</span>
952
952
  </span>
953
953
  &nbsp;
954
- <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
955
- <span>XboxYan</span>
954
+ <a target="_blank" href="https://segmentfault.com/u/dunizb" title="Programming Language">
955
+ <span>杭州程序员张张</span>
956
956
  </a>
957
957
  </div>
958
958
  <div class="details">
959
- 在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
959
+ urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......
960
960
  </div>
961
961
  </div>
962
962
  </li>
@@ -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/7 by Github API v3.</div>
980
+ <div class="time">Last cache created on 2022/3/10 by Github API v3.</div>
981
981
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
982
982
  </div>
983
983
  </body>