本文采用原生js实现瀑布流+虚拟列表布局(附带源码)，带有加载loading、回到顶部等功能。瀑布流布局是现代浏览器常见布局之一，是比较流行的一种网站页面布局

何为脚手架 脚手架做为前端基建的一环，大家熟知的有比如vue-cli, @vue/cli, create-react-app, vite还有其他很多社区的脚手架。通过这些脚手架我们可以很快的生成需要的

项目涉及到的各类封面实景等图片，原始图片有几兆甚至几十兆大小，故给后台管理系统上传图片组件增加了可设置质量、宽度、高度三个维度的参数，来校准合适的图片大小和效果。 附上demo：

网页里的a标签默认在当前窗口跳转链接地址，如果需要在新窗口打开，需要给 a 标签添加一个target="_blank"属性。 如果只是加上target="_blank"，打开新窗口后，新页面能通过window.opener获取到来源页面的window对象，即使跨域也一样。 某些…

借助chrome提供的performance monitor工具，我们可以实时直观的监控页面性能。 点击左侧菜单可以选择显示、隐藏对应图表。 同样它最大的缺点也是太过简单，除了能够实时看见性能走势，无法做任何操作了。即使你看见某个时间点cpu满载了你也没法定位问题。 很常见的火…