摘要： 一，js代码 Menu.vue <template> <div style="width:calc(100vw - 25px);overflow:hidden;height: 100vh;"> <div id="icon" class="menu_box_open blade_col1" :clas 阅读全文

摘要： 一，js代码: Upload.vue <template> <div style="width:100%;height:100vh;background: #ffff00;display: flex;flex-direction: column;"> 请选择上传幻灯图片: <input type=" 阅读全文

摘要： 一，演示代码: Home.vue <template> <div style="width:100%;height: 100vh;"> <div :class="statusClass" @click="buttonClick" style="position:fixed;right:30px;to 阅读全文

摘要： 一，演示项目的代码地址: https://gitee.com/liuhongdi/move 说明：刘宏缔的架构森林是一个专注架构的博客， 网站：https://blog.imgtouch.com本文: https://blog.imgtouch.com/index.php/2023/05/28/vu 阅读全文

摘要： 一，安装photoswipe liuhongdi@lhdpc:/data/vue/swipe$ npm i photoswipe --save up to date in 6s 15 packages are looking for funding run `npm fund` for detail 阅读全文

摘要： 一，安装svg-sprite-loader liuhongdi@lhdpc:/data/vue/svgdemo$ npm install svg-sprite-loader --save-dev added 47 packages in 11s 14 packages are looking for 阅读全文

摘要： 一, .map文件的作用: 项目打包完成后，代码经过压缩和加密，在运行时如果报错，则输出的错误信息无法准确显示是哪一行的代码在出错。 map的作用在于：和未加密的代码一样， 能准确的输出是哪一行哪一列在发生错误 可见map文件对于开发、测试环境是必需的， 但对于生产环境则不是必需，而且会带来安全问题 阅读全文

摘要： 一，安装scss/sass: 1,安装插件: liuhongdi@lhdpc:/data/vue/scssdemo$ vue add style-resources-loader 📦 Installing vue-cli-plugin-style-resources-loader... added 阅读全文

摘要： 一，用vue实现浏览器兼容的目标： 1, 主要为了实现按照设计稿给出的宽度来设计页面， 通常设计稿会给出750px或640px的宽度， 我们在设置页面上元素宽度时要把象素转为rem, 这样实现不管浏览器的宽度是多少， 页面的表现要一致 另外当pc端浏览时，把内容居中显示即可(这个视业务需求定，如pc 阅读全文

摘要： 一，未处理404前的情况: 因为router不存在，所以显示成了白页 说明：刘宏缔的架构森林是一个专注架构的博客， 网站：https://blog.imgtouch.com本文: https://blog.imgtouch.com/index.php/2023/05/28/vue-js3-2-6-l 阅读全文