@wcj/github-rank 22.10.12 → 22.10.14

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 (37) hide show
  1. package/dist/repos.json +28790 -28779
  2. package/dist/sifou-daily.json +96 -42
  3. package/dist/sifou-monthly.json +104 -104
  4. package/dist/sifou-weekly.json +132 -132
  5. package/dist/toutiao-30.json +79 -79
  6. package/dist/toutiao-7.json +90 -90
  7. package/dist/toutiao-90.json +25 -25
  8. package/dist/trending-daily.json +173 -173
  9. package/dist/trending-monthly.json +157 -157
  10. package/dist/trending-weekly.json +154 -154
  11. package/dist/users.china.json +2217 -2218
  12. package/dist/users.json +3270 -3270
  13. package/package.json +1 -1
  14. package/web/data/repos.json +28790 -28779
  15. package/web/data/sifou-daily.json +96 -42
  16. package/web/data/sifou-monthly.json +104 -104
  17. package/web/data/sifou-weekly.json +132 -132
  18. package/web/data/toutiao-30.json +79 -79
  19. package/web/data/toutiao-7.json +90 -90
  20. package/web/data/toutiao-90.json +25 -25
  21. package/web/data/trending-daily.json +173 -173
  22. package/web/data/trending-monthly.json +157 -157
  23. package/web/data/trending-weekly.json +154 -154
  24. package/web/data/users.china.json +2217 -2218
  25. package/web/data/users.json +3270 -3270
  26. package/web/index.html +1682 -1682
  27. package/web/repos.html +3413 -3413
  28. package/web/sifou-daily.html +204 -36
  29. package/web/sifou-monthly.html +118 -118
  30. package/web/sifou-weekly.html +123 -123
  31. package/web/toutiao-30.html +104 -104
  32. package/web/toutiao-7.html +80 -80
  33. package/web/toutiao-90.html +58 -58
  34. package/web/trending-monthly.html +140 -136
  35. package/web/trending-weekly.html +139 -135
  36. package/web/trending.html +148 -152
  37. package/web/users.china.html +1089 -1089
package/web/sifou-weekly.html CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
  </h1>
119
- <div class="time">Last cache created on 2022/10/12 by
119
+ <div class="time">Last cache created on 2022/10/14 by
120
120
 
121
121
 
122
122
 
@@ -156,7 +156,7 @@
156
156
  <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"/>
157
157
  </g>
158
158
  </svg>
159
- <span>11</span>
159
+ <span>13</span>
160
160
  </span>
161
161
  &nbsp;
162
162
  <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
@@ -184,7 +184,7 @@
184
184
  <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"/>
185
185
  </g>
186
186
  </svg>
187
- <span>6</span>
187
+ <span>10</span>
188
188
  </span>
189
189
  &nbsp;
190
190
  <a target="_blank" href="https://segmentfault.com/u/fuzhengwei" title="Programming Language">
@@ -212,7 +212,7 @@
212
212
  <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"/>
213
213
  </g>
214
214
  </svg>
215
- <span>7</span>
215
+ <span>11</span>
216
216
  </span>
217
217
  &nbsp;
218
218
  <a target="_blank" href="https://segmentfault.com/u/chokcoco" title="Programming Language">
@@ -229,7 +229,7 @@
229
229
  <div class="info">
230
230
  <div class="rank">
231
231
  <span title="Ranking 4">4</span>
232
- <a href="https://segmentfault.com/a/1190000042589829" target="_blank" title="华为王泽锋：协作创新、开源的魅力所在">华为王泽锋：协作创新、开源的魅力所在</a>
232
+ <a href="https://segmentfault.com/a/1190000042598225" target="_blank" title="前端框架：性能与灵活性的取舍">前端框架：性能与灵活性的取舍</a>
233
233
  </div>
234
234
  <div class="sub-title followers">
235
235
 
@@ -240,15 +240,15 @@
240
240
  <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"/>
241
241
  </g>
242
242
  </svg>
243
- <span>2</span>
243
+ <span>5</span>
244
244
  </span>
245
245
  &nbsp;
246
- <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
247
- <span>思否编辑部</span>
246
+ <a target="_blank" href="https://segmentfault.com/u/kasong" title="Programming Language">
247
+ <span>卡颂</span>
248
248
  </a>
249
249
  </div>
250
250
  <div class="details">
251
- 受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...
251
+ 大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...
252
252
  </div>
253
253
  </div>
254
254
  </li>
@@ -257,7 +257,7 @@
257
257
  <div class="info">
258
258
  <div class="rank">
259
259
  <span title="Ranking 5">5</span>
260
- <a href="https://segmentfault.com/a/1190000042582695" target="_blank" title="「数字无限人生」：技术人的精彩时代">「数字无限人生」：技术人的精彩时代</a>
260
+ <a href="https://segmentfault.com/a/1190000042589829" target="_blank" title="华为王泽锋：协作创新、开源的魅力所在">华为王泽锋：协作创新、开源的魅力所在</a>
261
261
  </div>
262
262
  <div class="sub-title followers">
263
263
 
@@ -268,7 +268,7 @@
268
268
  <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"/>
269
269
  </g>
270
270
  </svg>
271
- <span>3</span>
271
+ <span>2</span>
272
272
  </span>
273
273
  &nbsp;
274
274
  <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
@@ -276,7 +276,7 @@
276
276
  </a>
277
277
  </div>
278
278
  <div class="details">
279
- 18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...
279
+ 受访者：王泽锋（Kevin Wang），华为云云原生开源负责人，CNCF大使，CNCF技术监督委员会贡献者，Kubernetes资深维护者，KubeEdge、Volcano、Karmada等多个CNCF项目发起人，目前负责华为云在云原生开源社区的整体...
280
280
  </div>
281
281
  </div>
282
282
  </li>
@@ -285,7 +285,7 @@
285
285
  <div class="info">
286
286
  <div class="rank">
287
287
  <span title="Ranking 6">6</span>
288
- <a href="https://segmentfault.com/a/1190000042578631" target="_blank" title="JavaScript 新提案：array.groupBy()">JavaScript 新提案：array.groupBy()</a>
288
+ <a href="https://segmentfault.com/a/1190000042582695" target="_blank" title="「数字无限人生」：技术人的精彩时代">「数字无限人生」：技术人的精彩时代</a>
289
289
  </div>
290
290
  <div class="sub-title followers">
291
291
 
@@ -296,15 +296,15 @@
296
296
  <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"/>
297
297
  </g>
298
298
  </svg>
299
- <span>4</span>
299
+ <span>3</span>
300
300
  </span>
301
301
  &nbsp;
302
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
303
- <span>前端小智</span>
302
+ <a target="_blank" href="https://segmentfault.com/u/writers" title="Programming Language">
303
+ <span>思否编辑部</span>
304
304
  </a>
305
305
  </div>
306
306
  <div class="details">
307
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
307
+ 18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...
308
308
  </div>
309
309
  </div>
310
310
  </li>
@@ -313,7 +313,7 @@
313
313
  <div class="info">
314
314
  <div class="rank">
315
315
  <span title="Ranking 7">7</span>
316
- <a href="https://segmentfault.com/a/1190000042575730" target="_blank" title="实现《羊了个羊-美女版》小游戏（低配版）">实现《羊了个羊-美女版》小游戏（低配版）</a>
316
+ <a href="https://segmentfault.com/a/1190000042578631" target="_blank" title="JavaScript 新提案：array.groupBy()">JavaScript 新提案：array.groupBy()</a>
317
317
  </div>
318
318
  <div class="sub-title followers">
319
319
 
@@ -324,15 +324,15 @@
324
324
  <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"/>
325
325
  </g>
326
326
  </svg>
327
- <span>5</span>
327
+ <span>4</span>
328
328
  </span>
329
329
  &nbsp;
330
- <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484" title="Programming Language">
331
- <span>夕水</span>
330
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
331
+ <span>前端小智</span>
332
332
  </a>
333
333
  </div>
334
334
  <div class="details">
335
- 前面有总结过一篇《简易动物版的羊了个羊》的实现，今天参考了鱼皮大佬的鱼了个鱼,我好奇研究了一下他的源码实现，并结合自己的理解，也用react + antd实现了一版，在实现的过程中，我只是简单修改了一下核心逻辑...
335
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
336
336
  </div>
337
337
  </div>
338
338
  </li>
@@ -341,7 +341,7 @@
341
341
  <div class="info">
342
342
  <div class="rank">
343
343
  <span title="Ranking 8">8</span>
344
- <a href="https://segmentfault.com/a/1190000042583784" target="_blank" title="浅析React中的state">浅析React中的state</a>
344
+ <a href="https://segmentfault.com/a/1190000042595978" target="_blank" title="快速了解 inert 属性">快速了解 inert 属性</a>
345
345
  </div>
346
346
  <div class="sub-title followers">
347
347
 
@@ -352,15 +352,15 @@
352
352
  <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"/>
353
353
  </g>
354
354
  </svg>
355
- <span>3</span>
355
+ <span>4</span>
356
356
  </span>
357
357
  &nbsp;
358
- <a target="_blank" href="https://segmentfault.com/u/54r9rxzy" title="Programming Language">
359
- <span>Itnd</span>
358
+ <a target="_blank" href="https://segmentfault.com/u/xboxyan" title="Programming Language">
359
+ <span>XboxYan</span>
360
360
  </a>
361
361
  </div>
362
362
  <div class="details">
363
- 我们在一些面试题中经常会遇到一个问题，那就是state的改变是同步还是异步的。当初自己只是一味的记住事件触发导致state的改变是异步的，其它情况下都是同步的，并不理解其中的缘由。接下来就为大家梳理下其中的...
363
+ 欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...
364
364
  </div>
365
365
  </div>
366
366
  </li>
@@ -369,7 +369,7 @@
369
369
  <div class="info">
370
370
  <div class="rank">
371
371
  <span title="Ranking 9">9</span>
372
- <a href="https://segmentfault.com/a/1190000042574759" target="_blank" title="sofa模块化隔离">sofa模块化隔离</a>
372
+ <a href="https://segmentfault.com/a/1190000042598682" target="_blank" title="致「独一无二」的你｜1024 程序员节系列活动启动">致「独一无二」的你｜1024 程序员节系列活动启动</a>
373
373
  </div>
374
374
  <div class="sub-title followers">
375
375
 
@@ -380,15 +380,15 @@
380
380
  <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"/>
381
381
  </g>
382
382
  </svg>
383
- <span>3</span>
383
+ <span>4</span>
384
384
  </span>
385
385
  &nbsp;
386
- <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang" title="Programming Language">
387
- <span>小强Zzz</span>
386
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
387
+ <span>SegmentFault思否</span>
388
388
  </a>
389
389
  </div>
390
390
  <div class="details">
391
- 传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...
391
+ 不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～
392
392
  </div>
393
393
  </div>
394
394
  </li>
@@ -397,7 +397,7 @@
397
397
  <div class="info">
398
398
  <div class="rank">
399
399
  <span title="Ranking 10">10</span>
400
- <a href="https://segmentfault.com/a/1190000042588745" target="_blank" title="想要字体图标设计师却给了SVG？没关系，自己转">想要字体图标设计师却给了SVG？没关系，自己转</a>
400
+ <a href="https://segmentfault.com/a/1190000042607367" target="_blank" title="详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？">详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？</a>
401
401
  </div>
402
402
  <div class="sub-title followers">
403
403
 
@@ -408,15 +408,15 @@
408
408
  <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"/>
409
409
  </g>
410
410
  </svg>
411
- <span>2</span>
411
+ <span>1</span>
412
412
  </span>
413
413
  &nbsp;
414
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
415
- <span>街角小林</span>
414
+ <a target="_blank" href="https://segmentfault.com/u/grapecity" title="Programming Language">
415
+ <span>葡萄城技术团队</span>
416
416
  </a>
417
417
  </div>
418
418
  <div class="details">
419
- 本文为Varlet组件库源码主题阅读系列第三篇，读完本篇，你可以了解到如何将svg图标转换成字体图标文件，以及如何设计一个简洁的Vue图标组件。
419
+ 嵌入式分析是使任何应用程序或用户更容易获得数据分析和商业智能的技术。商业智能是通过分析业务数据辅助决策获取数据背后的 0信息。商业智能软件和技术包含了报表查询，OLAP，数据挖掘及高级数据分析，最终用户...
420
420
  </div>
421
421
  </div>
422
422
  </li>
@@ -453,7 +453,7 @@
453
453
  <div class="info">
454
454
  <div class="rank">
455
455
  <span title="Ranking 12">12</span>
456
- <a href="https://segmentfault.com/a/1190000042573964" target="_blank" title="总结本周遇到的问题">总结本周遇到的问题</a>
456
+ <a href="https://segmentfault.com/a/1190000042588745" target="_blank" title="想要字体图标设计师却给了SVG？没关系，自己转">想要字体图标设计师却给了SVG？没关系，自己转</a>
457
457
  </div>
458
458
  <div class="sub-title followers">
459
459
 
@@ -464,15 +464,15 @@
464
464
  <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"/>
465
465
  </g>
466
466
  </svg>
467
- <span>3</span>
467
+ <span>2</span>
468
468
  </span>
469
469
  &nbsp;
470
- <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c" title="Programming Language">
471
- <span>李明</span>
470
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
471
+ <span>街角小林</span>
472
472
  </a>
473
473
  </div>
474
474
  <div class="details">
475
- 报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。
475
+ 本文为Varlet组件库源码主题阅读系列第三篇，读完本篇，你可以了解到如何将svg图标转换成字体图标文件，以及如何设计一个简洁的Vue图标组件。
476
476
  </div>
477
477
  </div>
478
478
  </li>
@@ -481,7 +481,7 @@
481
481
  <div class="info">
482
482
  <div class="rank">
483
483
  <span title="Ranking 13">13</span>
484
- <a href="https://segmentfault.com/a/1190000042578505" target="_blank" title="用自己的编程语言实现了一个网站（增强版）">用自己的编程语言实现了一个网站（增强版）</a>
484
+ <a href="https://segmentfault.com/a/1190000042583784" target="_blank" title="浅析React中的state">浅析React中的state</a>
485
485
  </div>
486
486
  <div class="sub-title followers">
487
487
 
@@ -492,15 +492,15 @@
492
492
  <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"/>
493
493
  </g>
494
494
  </svg>
495
- <span>1</span>
495
+ <span>3</span>
496
496
  </span>
497
497
  &nbsp;
498
- <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
499
- <span>crossoverJie</span>
498
+ <a target="_blank" href="https://segmentfault.com/u/54r9rxzy" title="Programming Language">
499
+ <span>Itnd</span>
500
500
  </a>
501
501
  </div>
502
502
  <div class="details">
503
- 看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：
503
+ 我们在一些面试题中经常会遇到一个问题，那就是state的改变是同步还是异步的。当初自己只是一味的记住事件触发导致state的改变是异步的，其它情况下都是同步的，并不理解其中的缘由。接下来就为大家梳理下其中的...
504
504
  </div>
505
505
  </div>
506
506
  </li>
@@ -509,7 +509,7 @@
509
509
  <div class="info">
510
510
  <div class="rank">
511
511
  <span title="Ranking 14">14</span>
512
- <a href="https://segmentfault.com/a/1190000042581060" target="_blank" title="想学习Web安全，如何入门？">想学习Web安全，如何入门？</a>
512
+ <a href="https://segmentfault.com/a/1190000042578505" target="_blank" title="用自己的编程语言实现了一个网站（增强版）">用自己的编程语言实现了一个网站（增强版）</a>
513
513
  </div>
514
514
  <div class="sub-title followers">
515
515
 
@@ -523,12 +523,12 @@
523
523
  <span>1</span>
524
524
  </span>
525
525
  &nbsp;
526
- <a target="_blank" href="https://segmentfault.com/u/2uj39mdb" title="Programming Language">
527
- <span>代码熬夜敲</span>
526
+ <a target="_blank" href="https://segmentfault.com/u/crossoverjie" title="Programming Language">
527
+ <span>crossoverJie</span>
528
528
  </a>
529
529
  </div>
530
530
  <div class="details">
531
- 开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...
531
+ 看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：
532
532
  </div>
533
533
  </div>
534
534
  </li>
@@ -537,7 +537,7 @@
537
537
  <div class="info">
538
538
  <div class="rank">
539
539
  <span title="Ranking 15">15</span>
540
- <a href="https://segmentfault.com/a/1190000042575016" target="_blank" title="麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）">麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）</a>
540
+ <a href="https://segmentfault.com/a/1190000042577567" target="_blank" title="Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么">Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么</a>
541
541
  </div>
542
542
  <div class="sub-title followers">
543
543
 
@@ -551,12 +551,12 @@
551
551
  <span>1</span>
552
552
  </span>
553
553
  &nbsp;
554
- <a target="_blank" href="https://segmentfault.com/u/code4world" title="Programming Language">
555
- <span>码上世界</span>
554
+ <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
555
+ <span>街角小林</span>
556
556
  </a>
557
557
  </div>
558
558
  <div class="details">
559
- 类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find
559
+ Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。
560
560
  </div>
561
561
  </div>
562
562
  </li>
@@ -565,7 +565,7 @@
565
565
  <div class="info">
566
566
  <div class="rank">
567
567
  <span title="Ranking 16">16</span>
568
- <a href="https://segmentfault.com/a/1190000042582608" target="_blank" title="9 月更新 | Visual Studio Code Python">9 月更新 | Visual Studio Code Python</a>
568
+ <a href="https://segmentfault.com/a/1190000042598383" target="_blank" title="SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？">SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？</a>
569
569
  </div>
570
570
  <div class="sub-title followers">
571
571
 
@@ -576,15 +576,15 @@
576
576
  <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"/>
577
577
  </g>
578
578
  </svg>
579
- <span>1</span>
579
+ <span>2</span>
580
580
  </span>
581
581
  &nbsp;
582
- <a target="_blank" href="https://segmentfault.com/u/mstech" title="Programming Language">
583
- <span>微软技术栈</span>
582
+ <a target="_blank" href="https://segmentfault.com/u/beverly0" title="Programming Language">
583
+ <span>Beverly</span>
584
584
  </a>
585
585
  </div>
586
586
  <div class="details">
587
- 我们很高兴地宣布，2022 年 9 月发布的适用于 Visual Studio Code Python和Jupyter扩展现已推出！此版本包括以下改进：改进了对 Jupyter 笔记本的 IntelliSense 支持一个新的 Flake8 扩展试行功能：改进的单元测...
587
+ 最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被...
588
588
  </div>
589
589
  </div>
590
590
  </li>
@@ -593,7 +593,7 @@
593
593
  <div class="info">
594
594
  <div class="rank">
595
595
  <span title="Ranking 17">17</span>
596
- <a href="https://segmentfault.com/a/1190000042573976" target="_blank" title="前端实现切换主题方案">前端实现切换主题方案</a>
596
+ <a href="https://segmentfault.com/a/1190000042581060" target="_blank" title="想学习Web安全，如何入门？">想学习Web安全，如何入门？</a>
597
597
  </div>
598
598
  <div class="sub-title followers">
599
599
 
@@ -607,12 +607,12 @@
607
607
  <span>1</span>
608
608
  </span>
609
609
  &nbsp;
610
- <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang" title="Programming Language">
611
- <span>MangoGoing</span>
610
+ <a target="_blank" href="https://segmentfault.com/u/2uj39mdb" title="Programming Language">
611
+ <span>代码熬夜敲</span>
612
612
  </a>
613
613
  </div>
614
614
  <div class="details">
615
- 前端开发人员面临着制作增强用户体验和适应用户偏好的用户界面的任务。带有 css 的 react 主要可用于创建多色可切换主题。为用户提供了在给定时间点在主题颜色之间切换以适合他们的偏好的特权。
615
+ 开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...
616
616
  </div>
617
617
  </div>
618
618
  </li>
@@ -621,7 +621,7 @@
621
621
  <div class="info">
622
622
  <div class="rank">
623
623
  <span title="Ranking 18">18</span>
624
- <a href="https://segmentfault.com/a/1190000042578076" target="_blank" title="面试官：哪些浏览器事件不会冒泡？">面试官：哪些浏览器事件不会冒泡？</a>
624
+ <a href="https://segmentfault.com/a/1190000042582608" target="_blank" title="9 月更新 | Visual Studio Code Python">9 月更新 | Visual Studio Code Python</a>
625
625
  </div>
626
626
  <div class="sub-title followers">
627
627
 
@@ -635,12 +635,12 @@
635
635
  <span>1</span>
636
636
  </span>
637
637
  &nbsp;
638
- <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
639
- <span>罡风小天</span>
638
+ <a target="_blank" href="https://segmentfault.com/u/mstech" title="Programming Language">
639
+ <span>微软技术栈</span>
640
640
  </a>
641
641
  </div>
642
642
  <div class="details">
643
- 你知道哪些浏览器事件不会冒泡吗？回答这个问题之前，我们首先要具备DOM事件流捕获与冒泡的知识，这里只讲JS中如何设置这两种事件监听，例如对body注册点击事件： {代码...} 具体区别在第三个参数，w3c规定了true...
643
+ 我们很高兴地宣布，2022 年 9 月发布的适用于 Visual Studio Code Python和Jupyter扩展现已推出！此版本包括以下改进：改进了对 Jupyter 笔记本的 IntelliSense 支持一个新的 Flake8 扩展试行功能：改进的单元测...
644
644
  </div>
645
645
  </div>
646
646
  </li>
@@ -649,7 +649,7 @@
649
649
  <div class="info">
650
650
  <div class="rank">
651
651
  <span title="Ranking 19">19</span>
652
- <a href="https://segmentfault.com/a/1190000042574739" target="_blank" title="Json序列化以及Infinite recursion">Json序列化以及Infinite recursion</a>
652
+ <a href="https://segmentfault.com/a/1190000042587022" target="_blank" title="浅谈移动端单屏解决方案">浅谈移动端单屏解决方案</a>
653
653
  </div>
654
654
  <div class="sub-title followers">
655
655
 
@@ -663,12 +663,12 @@
663
663
  <span>2</span>
664
664
  </span>
665
665
  &nbsp;
666
- <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
667
- <span>weiewiyi</span>
666
+ <a target="_blank" href="https://segmentfault.com/u/deepred5" title="Programming Language">
667
+ <span>深红</span>
668
668
  </a>
669
669
  </div>
670
670
  <div class="details">
671
- 背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...
671
+ 文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...
672
672
  </div>
673
673
  </div>
674
674
  </li>
@@ -677,7 +677,7 @@
677
677
  <div class="info">
678
678
  <div class="rank">
679
679
  <span title="Ranking 20">20</span>
680
- <a href="https://segmentfault.com/a/1190000042589069" target="_blank" title="如何快速学习Go的struct数据类型">如何快速学习Go的struct数据类型</a>
680
+ <a href="https://segmentfault.com/a/1190000042558282" target="_blank" title="新一波 JavaScript 框架">新一波 JavaScript 框架</a>
681
681
  </div>
682
682
  <div class="sub-title followers">
683
683
 
@@ -691,12 +691,12 @@
691
691
  <span>1</span>
692
692
  </span>
693
693
  &nbsp;
694
- <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
695
- <span>7small7</span>
694
+ <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
695
+ <span>前端小智</span>
696
696
  </a>
697
697
  </div>
698
698
  <div class="details">
699
- 结构是表示字段集合的用户定义类型。它可以用于将数据分组为单个单元而不是将每个数据作为单独的值的地方。例如，员工有firstName、lastName和age。将这三个属性分组到一个名为Employee。
699
+ 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
700
700
  </div>
701
701
  </div>
702
702
  </li>
@@ -705,7 +705,7 @@
705
705
  <div class="info">
706
706
  <div class="rank">
707
707
  <span title="Ranking 21">21</span>
708
- <a href="https://segmentfault.com/a/1190000042558282" target="_blank" title="新一波 JavaScript 框架">新一波 JavaScript 框架</a>
708
+ <a href="https://segmentfault.com/a/1190000042589069" target="_blank" title="如何快速学习Go的struct数据类型">如何快速学习Go的struct数据类型</a>
709
709
  </div>
710
710
  <div class="sub-title followers">
711
711
 
@@ -719,12 +719,12 @@
719
719
  <span>1</span>
720
720
  </span>
721
721
  &nbsp;
722
- <a target="_blank" href="https://segmentfault.com/u/minnanitkong" title="Programming Language">
723
- <span>前端小智</span>
722
+ <a target="_blank" href="https://segmentfault.com/u/7small7" title="Programming Language">
723
+ <span>7small7</span>
724
724
  </a>
725
725
  </div>
726
726
  <div class="details">
727
- 本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
727
+ 结构是表示字段集合的用户定义类型。它可以用于将数据分组为单个单元而不是将每个数据作为单独的值的地方。例如，员工有firstName、lastName和age。将这三个属性分组到一个名为Employee。
728
728
  </div>
729
729
  </div>
730
730
  </li>
@@ -733,7 +733,7 @@
733
733
  <div class="info">
734
734
  <div class="rank">
735
735
  <span title="Ranking 22">22</span>
736
- <a href="https://segmentfault.com/a/1190000042574162" target="_blank" title="go性能工具pprof">go性能工具pprof</a>
736
+ <a href="https://segmentfault.com/a/1190000042612264" target="_blank" title="spring boot 文件上传和下载">spring boot 文件上传和下载</a>
737
737
  </div>
738
738
  <div class="sub-title followers">
739
739
 
@@ -744,15 +744,15 @@
744
744
  <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"/>
745
745
  </g>
746
746
  </svg>
747
- <span>1</span>
747
+ <span>4</span>
748
748
  </span>
749
749
  &nbsp;
750
- <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
751
- <span>13sai</span>
750
+ <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c" title="Programming Language">
751
+ <span>weiewiyi</span>
752
752
  </a>
753
753
  </div>
754
754
  <div class="details">
755
- net/http/pprof对于在线服务，对于一个 HTTP Server，访问 pprof 提供的 HTTP 接口，获得性能数据。当然，实际上这里底层也是调用的 runtime/pprof 提供的函数，封装成接口对外提供网络访问。
755
+ 学习了老师写的文件上传和下载，这里学习一下。文件上传controller层从controller层开始，接受前台传的数据。1.前台调用后台接口: {代码...} 2.controller层接收数据: {代码...} 可以看到，后台接受文件是以 Mult...
756
756
  </div>
757
757
  </div>
758
758
  </li>
@@ -761,7 +761,7 @@
761
761
  <div class="info">
762
762
  <div class="rank">
763
763
  <span title="Ranking 23">23</span>
764
- <a href="https://segmentfault.com/a/1190000042587161" target="_blank" title="h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码">h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码</a>
764
+ <a href="https://segmentfault.com/a/1190000042602198" target="_blank" title="Go语言学习笔记：Http请求--Gorequest使用">Go语言学习笔记：Http请求--Gorequest使用</a>
765
765
  </div>
766
766
  <div class="sub-title followers">
767
767
 
@@ -772,15 +772,15 @@
772
772
  <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"/>
773
773
  </g>
774
774
  </svg>
775
- <span>2</span>
775
+ <span>1</span>
776
776
  </span>
777
777
  &nbsp;
778
- <a target="_blank" href="https://segmentfault.com/u/farmerz" title="Programming Language">
779
- <span>farmerz</span>
778
+ <a target="_blank" href="https://segmentfault.com/u/ipidea" title="Programming Language">
779
+ <span>ipidea</span>
780
780
  </a>
781
781
  </div>
782
782
  <div class="details">
783
- 有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...
783
+ 最近几天部署代理池的时候，用Python写了requests请求测试IP地址检测连通性的脚本。但是发现了一个问题，requests.get带代理请求有时候请求不通。我初步认为代理的问题，但是之后我用了curl请求发现代理是正常的...
784
784
  </div>
785
785
  </div>
786
786
  </li>
@@ -789,7 +789,7 @@
789
789
  <div class="info">
790
790
  <div class="rank">
791
791
  <span title="Ranking 24">24</span>
792
- <a href="https://segmentfault.com/a/1190000042584134" target="_blank" title="API接口监控实用工具 - WGCLOUD">API接口监控实用工具 - WGCLOUD</a>
792
+ <a href="https://segmentfault.com/a/1190000042578076" target="_blank" title="面试官：哪些浏览器事件不会冒泡？">面试官：哪些浏览器事件不会冒泡？</a>
793
793
  </div>
794
794
  <div class="sub-title followers">
795
795
 
@@ -803,12 +803,12 @@
803
803
  <span>1</span>
804
804
  </span>
805
805
  &nbsp;
806
- <a target="_blank" href="https://segmentfault.com/u/9b3sps2b" title="Programming Language">
807
- <span>一往情深</span>
806
+ <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
807
+ <span>罡风小天</span>
808
808
  </a>
809
809
  </div>
810
810
  <div class="details">
811
- 随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态
811
+ 你知道哪些浏览器事件不会冒泡吗？回答这个问题之前，我们首先要具备DOM事件流捕获与冒泡的知识，这里只讲JS中如何设置这两种事件监听，例如对body注册点击事件： {代码...} 具体区别在第三个参数，w3c规定了true...
812
812
  </div>
813
813
  </div>
814
814
  </li>
@@ -817,7 +817,7 @@
817
817
  <div class="info">
818
818
  <div class="rank">
819
819
  <span title="Ranking 25">25</span>
820
- <a href="https://segmentfault.com/a/1190000042574651" target="_blank" title="利用Vue自定义指令让你的开发变得更优雅">利用Vue自定义指令让你的开发变得更优雅</a>
820
+ <a href="https://segmentfault.com/a/1190000042583108" target="_blank" title="用 javascript 写 SQL">用 javascript 写 SQL</a>
821
821
  </div>
822
822
  <div class="sub-title followers">
823
823
 
@@ -831,12 +831,12 @@
831
831
  <span>1</span>
832
832
  </span>
833
833
  &nbsp;
834
- <a target="_blank" href="https://segmentfault.com/u/shawnphang" title="Programming Language">
835
- <span>罡风小天</span>
834
+ <a target="_blank" href="https://segmentfault.com/u/donggg1942" title="Programming Language">
835
+ <span>donggg</span>
836
836
  </a>
837
837
  </div>
838
838
  <div class="details">
839
- 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？
839
+ 介绍基于 node-postgreSql 的 sql 客户端什么时候需要用 javascript 写 SQL？避免重复一些 SQL 可以省去多余的代码，例如根据条件查询数据 {代码...} 静态检查例如数据操作是不是符合规范： {代码...} 应用释放资...
840
840
  </div>
841
841
  </div>
842
842
  </li>
@@ -845,7 +845,7 @@
845
845
  <div class="info">
846
846
  <div class="rank">
847
847
  <span title="Ranking 26">26</span>
848
- <a href="https://segmentfault.com/a/1190000042577361" target="_blank" title="go 酷之viper 配置读取">go 酷之viper 配置读取</a>
848
+ <a href="https://segmentfault.com/a/1190000042583953" target="_blank" title="🤖️ 如何逐步关闭 MIUI 无处不在的广告">🤖️ 如何逐步关闭 MIUI 无处不在的广告</a>
849
849
  </div>
850
850
  <div class="sub-title followers">
851
851
 
@@ -859,12 +859,12 @@
859
859
  <span>1</span>
860
860
  </span>
861
861
  &nbsp;
862
- <a target="_blank" href="https://segmentfault.com/u/13sai" title="Programming Language">
863
- <span>13sai</span>
862
+ <a target="_blank" href="https://segmentfault.com/u/skychx" title="Programming Language">
863
+ <span>卤代烃</span>
864
864
  </a>
865
865
  </div>
866
866
  <div class="details">
867
- 引言viper 是一个用于读取配置文件的库。如果你需要读取配置文件，那么 viper 足够好用。项目地址项目地址： [链接] [star:20.7k]使用场景读取配置安装go get github.com/spf13/viper常用方法SetConfigFile 定义...
867
+ 在 2022 年，Android 系统对手机权限的进一步限制，一些过往的卡顿问题都得到了一定的解决。但是在国内的定制版 Android 机上，和原生 Android 系统还是多了一些特色的东西：
868
868
  </div>
869
869
  </div>
870
870
  </li>
@@ -873,7 +873,7 @@
873
873
  <div class="info">
874
874
  <div class="rank">
875
875
  <span title="Ranking 27">27</span>
876
- <a href="https://segmentfault.com/a/1190000042588416" target="_blank" title="前端常见问题整理（持续更新）">前端常见问题整理（持续更新）</a>
876
+ <a href="https://segmentfault.com/a/1190000042587161" target="_blank" title="h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码">h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码</a>
877
877
  </div>
878
878
  <div class="sub-title followers">
879
879
 
@@ -884,15 +884,15 @@
884
884
  <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"/>
885
885
  </g>
886
886
  </svg>
887
- <span>1</span>
887
+ <span>2</span>
888
888
  </span>
889
889
  &nbsp;
890
- <a target="_blank" href="https://segmentfault.com/u/lunanticsky" title="Programming Language">
891
- <span>LunanticSky</span>
890
+ <a target="_blank" href="https://segmentfault.com/u/farmerz" title="Programming Language">
891
+ <span>farmerz</span>
892
892
  </a>
893
893
  </div>
894
894
  <div class="details">
895
- 作用域就是代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的...
895
+ 有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...
896
896
  </div>
897
897
  </div>
898
898
  </li>
@@ -901,7 +901,7 @@
901
901
  <div class="info">
902
902
  <div class="rank">
903
903
  <span title="Ranking 28">28</span>
904
- <a href="https://segmentfault.com/a/1190000042577567" target="_blank" title="Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么">Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么</a>
904
+ <a href="https://segmentfault.com/a/1190000042605854" target="_blank" title="SegmentFault 2022 年社区周报 Vol.10">SegmentFault 2022 年社区周报 Vol.10</a>
905
905
  </div>
906
906
  <div class="sub-title followers">
907
907
 
@@ -912,15 +912,15 @@
912
912
  <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"/>
913
913
  </g>
914
914
  </svg>
915
- <span>0</span>
915
+ <span>1</span>
916
916
  </span>
917
917
  &nbsp;
918
- <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin" title="Programming Language">
919
- <span>街角小林</span>
918
+ <a target="_blank" href="https://segmentfault.com/u/segmentfault" title="Programming Language">
919
+ <span>SegmentFault思否</span>
920
920
  </a>
921
921
  </div>
922
922
  <div class="details">
923
- Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。
923
+ hello，大家好呀，本喵又来准时报道啦～节后大家感受如何呀，反正本喵只想说好想为祖国妈妈再过一次生日😂回归主题，来给大家来汇报一下社区近期发生的事儿～
924
924
  </div>
925
925
  </div>
926
926
  </li>
@@ -929,7 +929,7 @@
929
929
  <div class="info">
930
930
  <div class="rank">
931
931
  <span title="Ranking 29">29</span>
932
- <a href="https://segmentfault.com/a/1190000042587022" target="_blank" title="浅谈移动端单屏解决方案">浅谈移动端单屏解决方案</a>
932
+ <a href="https://segmentfault.com/a/1190000042595326" target="_blank" title="详解webpack构建优化">详解webpack构建优化</a>
933
933
  </div>
934
934
  <div class="sub-title followers">
935
935
 
@@ -940,15 +940,15 @@
940
940
  <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"/>
941
941
  </g>
942
942
  </svg>
943
- <span>0</span>
943
+ <span>1</span>
944
944
  </span>
945
945
  &nbsp;
946
- <a target="_blank" href="https://segmentfault.com/u/deepred5" title="Programming Language">
947
- <span>深红</span>
946
+ <a target="_blank" href="https://segmentfault.com/u/bakuaifujideguantou" title="Programming Language">
947
+ <span>gogo2027</span>
948
948
  </a>
949
949
  </div>
950
950
  <div class="details">
951
- 文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...
951
+ 当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，下面我们就从速度和体积两方面来探讨构建优化的策略。
952
952
  </div>
953
953
  </div>
954
954
  </li>
@@ -957,7 +957,7 @@
957
957
  <div class="info">
958
958
  <div class="rank">
959
959
  <span title="Ranking 30">30</span>
960
- <a href="https://segmentfault.com/a/1190000042593644" target="_blank" title="element 动态表格新增删除行、列闪现问题">element 动态表格新增删除行、列闪现问题</a>
960
+ <a href="https://segmentfault.com/a/1190000042602933" target="_blank" title="将Bean交给Spring容器管理有几种方式？">将Bean交给Spring容器管理有几种方式？</a>
961
961
  </div>
962
962
  <div class="sub-title followers">
963
963
 
@@ -968,15 +968,15 @@
968
968
  <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"/>
969
969
  </g>
970
970
  </svg>
971
- <span>8</span>
971
+ <span>2</span>
972
972
  </span>
973
973
  &nbsp;
974
- <a target="_blank" href="https://segmentfault.com/u/potato_5896cd102b6fe" title="Programming Language">
975
- <span>tenSe7en</span>
974
+ <a target="_blank" href="https://segmentfault.com/u/amin_624fd35aeb42d" title="Programming Language">
975
+ <span>JanYork_小简</span>
976
976
  </a>
977
977
  </div>
978
978
  <div class="details">
979
- 无论是新增行列还是删除行列，vue 都需要重新计算单元格的高度和宽度，然后再重新渲染到页面上。因为这个过程被直接反馈到了页面上，所以导致了 table 发生闪烁。
979
+ 将Bean交给Spring容器管理的几种方式Spring核心Spring核心是 IOC 和 AOP 。所谓IoC，对于spring框架来说，就是由spring来负责控制对象的生命周期和对象间的关系。至于更详细的说明，或者去深入理解Spring这两大核...
980
980
  </div>
981
981
  </div>
982
982
  </li>
@@ -997,7 +997,7 @@
997
997
  <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
998
998
  </a>
999
999
  </div>
1000
- <div class="time">Last cache created on 2022/10/12 by Github API v3.</div>
1000
+ <div class="time">Last cache created on 2022/10/14 by Github API v3.</div>
1001
1001
  Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
1002
1002
  </div>
1003
1003
  </body>