常见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 阅读(16) 评论(0) 推荐(0)
2024年9月27日 #
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 阅读(22) 评论(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 阅读(14) 评论(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 阅读(42) 评论(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 阅读(470) 评论(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 阅读(545) 评论(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 阅读(225) 评论(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 阅读(748) 评论(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 阅读(32) 评论(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 阅读(154) 评论(0) 推荐(0)
浙公网安备 33010602011771号