HTLF

一步一个脚印,走出高度...

导航

2024年9月27日 #

常见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 阅读(13) 评论(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 阅读(18) 评论(0) 推荐(0)

2024年9月25日 #

移动端开发,常见问题

摘要: 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 阅读(10) 评论(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 阅读(38) 评论(0) 推荐(0)

2024年9月21日 #

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

2024年9月20日 #

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

2024年9月19日 #

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

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

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

2024年9月3日 #

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

2024年8月29日 #

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

2024年8月26日 #

css框架之windicss

摘要: 官网地址 windicss 安装 执行命令 npm i -D vite-plugin-windicss windicss 在vite.config.js中配置 //引入 import WindiCSS from 'vite-plugin-windicss' //使用 plugins:[ WindiC 阅读全文

posted @ 2024-08-26 01:04 HTLF 阅读(133) 评论(0) 推荐(0)