摘要： 一，安装所需的库@vueuse/core liuhongdi@lhdpc:/data/vue/lazy$ npm install --save @vueuse/core 说明：刘宏缔的架构森林是一个专注架构的博客， 网站：https://blog.imgtouch.com本文: https://bl 阅读全文

摘要： 一，安装所需的库@vueuse/core liuhongdi@lhdpc:/data/vue/lazy$ npm install --save @vueuse/core 说明：刘宏缔的架构森林是一个专注架构的博客， 网站：https://blog.imgtouch.com本文: https://bl 阅读全文

摘要： 一，代码： GoTop.vue <template> <div style="width:100%;height:100vh;background: #ffff00;display: flex;flex-direction: column;"> <!--用来标记顶部位置的元素--> <div id= 阅读全文

摘要： 一，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文件对于开发、测试环境是必需的， 但对于生产环境则不是必需，而且会带来安全问题 阅读全文