代码片段
关注
分享
扫一扫
灯心草123
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
文本超出两行显示省略号并有“展开”“收起”按钮效果（VUE环境）
文本超出两行显示省略号的效果使用css3可以很轻松地实现，但是要判断什么时候显示“展开”“收起”按钮却有点麻烦。如果单纯通过字数来判断的话，在有些客户端可能会判断错误，而且中英文的字符所占的位置也有所不同。下面介绍一种通过js计算实现的方法。1、通过css实现文本超出两行显示省略号html：<!--在需要实现该效果的元素上设置class值ellipsis，并设置ref属性值infoItem--><p ref="infoItem" class="ellipsis" :clas原创 2020-07-28 11:44:29 · 12163 阅读 · 4 评论 -
js 导入Excel文件，使用xlsx插件获取其中数据
有些项目中有这样的需求，导入Excel文件，并使用xlsx插件获取其中数据。附带ie兼容问题解决方法。1、安装并引入xlsxnpm install xlsx --saveimport XLSX from 'xlsx'2、通过file输入框选择Excel文件3、监听file输入框中值的变化，当里面文件改变时，对文件进行处理。这里监听输入框的change事件，代码如下：fileChange(e){ let file = e.target.files[0]; //校验文件原创 2020-07-16 12:03:57 · 1442 阅读 · 0 评论 -
识别富文本中的邮箱地址和电话号码
检测字符串中的邮箱地址和数字，并用a标签包裹起来，使之能响应跳转邮箱和打电话的功能。HTML部分：<body> <div id="pageContent"></div><!--用于显示富文本---></body>JS部分：var str='发送<img src="dsfwer@qq.com"/>到发文<a href="11dfwerrer">15487878</a>幅度为让<div原创 2020-06-16 11:46:14 · 1815 阅读 · 0 评论