前端
小可爱的博客
这个作者很懒,什么都没留下…
展开
-
js数组对象去重
js数组对象去重。原创 2022-11-03 10:24:06 · 112 阅读 · 1 评论 -
table动态合并行
table动态合并行原创 2022-10-28 15:19:02 · 287 阅读 · 0 评论 -
css隐藏滚动条(谷歌和火狐示例)
通常浏览器(包括谷歌浏览器)使用下面的代码可以实现.nav{ width: 220px;height: 100%;over-y:scroll;}.nav::-webkit-scrollbar {display: none;}火狐浏览器需要使用以下代码.nav{ width: 220px;height: 100%;over-y:scroll;scrollbar-width: none;}...原创 2020-04-04 18:46:43 · 844 阅读 · 0 评论 -
vue+element-ui表格导出
html代码 <el-button type="primary" @click="exportExcel">导出</el-button> <el-table :data="customerList" style="width: 100%" :header-cell-style="{background:'#eef1f6',color:'#606266'...原创 2019-12-11 18:28:27 · 376 阅读 · 0 评论 -
输入验证不能输入特殊符号
验证时不能输入特殊符号 example:[ { required: true, message: "请输入相关信息", trigger: "blur" }, { pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/, message: '不允许输入空格等特殊符号' } ],控制空格无法输入 <el-input v-model="ruleForm.exa...原创 2019-12-10 18:27:58 · 1060 阅读 · 0 评论 -
选项卡切换(横向)
选项卡切换,超出横向滚动css代码<style> .bigBox { width: 100%; height: 1rem; line-height: 1rem; padding: 0 0.24rem; overflow-x: scroll;//横向...原创 2019-12-05 10:12:31 · 659 阅读 · 0 评论 -
超出两行展示省略号
html内容只显示两行,超出两行的用省略号展示 overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;原创 2019-10-31 10:13:15 · 128 阅读 · 0 评论 -
原生js时间戳的转换
我们经常会需要将后台返回来的时间戳转化为正常的时间格式展示在页面上,所以就需要将时间戳进行转换(直接上代码)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>时间戳的转换</title></head>&l...原创 2019-10-24 11:38:59 · 507 阅读 · 0 评论 -
vue时间戳转换
vue时间戳转换安装moment插件cnpm install --save moment在main.js里进行配置import moment from 'moment'Vue.filter('dateFmt', (input, formatString = 'YYYY-MM-DD HH:mm:ss') => { //es5函数参数设置默认值 //const last...原创 2019-10-24 10:49:48 · 835 阅读 · 0 评论 -
mp4格式的文件在video标签内无法展示的解决方法
mp4格式的文件在video标签内无法展示的解决方法在项目中发现同样是mp4格式的视频,使用html5中的video标签引入一个可以正常播放而另一个不可以。解决这个问题的关键是需要明确video标签支持的视频格式通过查找资料发现video标签所支持的视频格式为:WebM 容器通常包括了 VP8/VP9 视频。主要在 FireFox 和 Chrome 当中支持。MP4 容器通常包括 H.26...原创 2019-10-22 16:53:48 · 2746 阅读 · 1 评论