前端vue3使用cropperjs截图插件
摘要：安装 npm install cropperjs@next 使用 <img ref="uploadImg" src="/cropperjs/v2/picture.jpg" alt="Picture"> // 引入 import Cropper from 'cropperjs'; // 样式 impo
阅读全文
posted @ 2024-09-27 14:44
09 2024 档案
常见css属性方法
摘要：上下拉动滚动条时卡顿、慢 body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } 禁止复制、选中文本 Element { -webkit-user-select: none; -moz-user-select: n
阅读全文
posted @ 2024-09-27 10:37
HTML+CSS 常见效果
摘要：静态图片动画 html <div class="loader">Loading…</div> css @keyframes loader { to { background-position: -800px 0; } } .loader { width: 100px; height: 100px;
阅读全文
posted @ 2024-09-27 10:24
移动端开发，常见问题
摘要：A标签相关 如果禁用，我们调用拨号功能可以这么写！<a href="tel:4008106999,1034">400-810-6999 转 1034</a> 拨打手机直接如下 <a href="tel:15677776767">点击拨打15677776767</a> 发邮件<a href="mail
阅读全文
posted @ 2024-09-25 15:34
CSS样式，鼠标移入，底部线条两边延长效果
摘要：a{ text-decoration: none; } .post-title-link { color: #3F51B5; position: relative; display: inline-block } .post-title-link::after { content: ""; posi
阅读全文
posted @ 2024-09-25 15:29
使用`xlsx-js-style`插件导出表格，并添加样式导出
摘要：安装 npm install xlsx-js-style --save 使用 引入 import XLSX from 'xlsx-js-style' // 最好是定义一个表个通用数据，循环得到相关数据 const tableHeader = [ { header: '序号', key: 'index
阅读全文
posted @ 2024-09-21 17:56
vue 项目读取本地Excel方法
摘要：安装插件xlsx npm install xlsx 在需要的页面引入插件 import * as xlsx from 'xlsx' 使用xlsx读取excel文件 点击上传Excel文件 <template> <!-- 上传按钮 --> <el-upload action="#" :auto-upl
阅读全文
posted @ 2024-09-20 17:02
vue项目记录每个页面保持滚动条的位置
摘要：路由元信息 增加keepAlive:true ， scrollTop: {top: 0} ， { path: '/**/**', name: '**', component: () => import('@/views/**/index.vue'), meta: { title: '**', aff
阅读全文
posted @ 2024-09-19 16:52
vue项目删除node_modules文件方法
摘要：使用Windows命令来删除目录 首先在cmd窗口中进入到node_modules文件夹所在的路径 cmd 然后输入命令 rmdir /s/q node_modules 使用rimraf模块的命令 在全局安装rimraf模块，然后通过其命令来快速删除node_modules目录 执行一下命令 npm
阅读全文
posted @ 2024-09-03 17:18
