日常 Vue Router 优化:如何利用 transition 组件确保旧页面停留过渡完成 “深入理解 Vue Router 中的 transition 组件,掌握其策略以确保旧页面停留过渡更流畅和可视化。”
日常 解析Vite中Vue3 img引入图片问题:从相对路径到绝对路径的转变 在Vite项目中,将Vue3组件中的图片引入的相对路径转换为绝对路径以解决图片加载问题,从而提高性能和用户体验。这涉及到解析和重新定义Vite配置,使用Webpack等工具进行图片处理和优化。通过这种方式,可以确保所有静态资源(包括图片)都是按预期指向正确的文件位置,提高了开发效率和最终应用的质量。
日常 CSS对象覆盖:使用cover更改图片显示时顶部 CSS中的`cover()`方法用于设置图片的宽高比与父元素保持一致。但当图片高度超过容器的高度时,它会覆盖顶部。例如: 现在使用 `cover()` 更改图片显示时顶部。