HTLF

前端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 HTLF 阅读(1022) 评论(0) 推荐(0)

常见css属性方法

摘要：上下拉动滚动条时卡顿、慢 body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } 禁止复制、选中文本 Element { -webkit-user-select: none; -moz-user-select: n 阅读全文

posted @ 2024-09-27 10:37 HTLF 阅读(30) 评论(0) 推荐(0)

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 HTLF 阅读(32) 评论(0) 推荐(0)

移动端开发，常见问题

摘要： 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 HTLF 阅读(31) 评论(0) 推荐(0)

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 HTLF 阅读(53) 评论(0) 推荐(0)

使用`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 HTLF 阅读(533) 评论(0) 推荐(0)

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 HTLF 阅读(568) 评论(0) 推荐(0)

vue项目记录每个页面保持滚动条的位置

摘要：路由元信息增加keepAlive:true ， scrollTop: {top: 0} ， { path: '/**/**', name: '**', component: () => import('@/views/**/index.vue'), meta: { title: '**', aff 阅读全文

posted @ 2024-09-19 16:52 HTLF 阅读(245) 评论(0) 推荐(0)

vue项目删除node_modules文件方法

摘要：使用Windows命令来删除目录首先在cmd窗口中进入到node_modules文件夹所在的路径 cmd 然后输入命令 rmdir /s/q node_modules 使用rimraf模块的命令在全局安装rimraf模块，然后通过其命令来快速删除node_modules目录执行一下命令 npm 阅读全文

posted @ 2024-09-03 17:18 HTLF 阅读(781) 评论(0) 推荐(0)

vue项目“不使用TS”开发常见文件处理

摘要：使用vue自带的方法，如watchEffect() 提示'watchEffect' is not defined.eslint 解决办法，在.eslintrc.cjs文件中添加以下代码 module.exports = { root: true, extends: [ ... 'plugin:vit 阅读全文

posted @ 2024-08-29 16:43 HTLF 阅读(48) 评论(0) 推荐(0)

导航

公告