- 博客(8)
- 资源 (5)
- 收藏
- 关注
原创 文本超出两行显示省略号并有“展开”“收起”按钮效果(VUE环境)
文本超出两行显示省略号的效果使用css3可以很轻松地实现,但是要判断什么时候显示“展开”“收起”按钮却有点麻烦。如果单纯通过字数来判断的话,在有些客户端可能会判断错误,而且中英文的字符所占的位置也有所不同。下面介绍一种通过js计算实现的方法。1、通过css实现文本超出两行显示省略号html:<!--在需要实现该效果的元素上设置class值ellipsis,并设置ref属性值infoItem--><p ref="infoItem" class="ellipsis" :clas
2020-07-28 11:44:29
10955
4
原创 vue-cli 3.0 项目中使用复制插件clipboard
有些项目中需要能够通过js方法实现点击某个按钮后将特定文字复制到剪切板中。vue项目中,我们可以使用clipboard来实现。1、安装yarn add clipboard -s2、引入在需要用到clipboard插件的组件中引入import ClipboardJS from 'clipboard'3、使用html:在响应复制事件的按钮上设置属性data-clipboard-target,值为被复制元素的选择器<button data-clipboard-tar
2020-07-23 17:26:36
1844
原创 vue项目中SM4加密的使用
sm4加密,其实就是将字符串转成byte数组,再设置一个与解密相同的字符串,将byte的数据再转成二级制的数据,进行异或的运算,得到一组没有规则的字符串!概述sm4加密有两种模式:ecb和cbc。两种模式的区别如下(下面文字来自百度):一、优bai点不同:ECB模式:1、简单;2、有利于并行计算;3、误差不会bai被传送;CBC模式:1、不容易主动攻击,安全性好于baiECB,适合传输长度长的报文,是SSL、IPSec的标准。二、缺点不同:ECB模式:1、不能隐藏明文的模式;2、
2020-07-16 16:36:29
12232
6
原创 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
1306
原创 vue fullCalendar的使用及扩展(支持农历显示及鼠标右键新建)
vue fullCalendar的使用步骤。支持显示农历和响应鼠标右键的修改改方法。IE9的兼容问题解决方法。
2020-07-02 16:28:07
9650
20
原创 识别富文本中的邮箱地址和电话号码
检测字符串中的邮箱地址和数字,并用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
1641
原创 vue-cli3.0 保留指定图标引用URL使之不被转换成base64
在某些项目中,部分图标需要在打包后根据需求直接替换成其他图标。然而,如果图标比较小,在开发时vue cli会直接将图标转换成base64字符串显示。这样项目打包后,就无法直接替换图标来修改了。可以通过以下步骤实现保留指定图标引用URL使之不被转换成base64,方便打包后直接替换文件而不用重新打包1、组件传入基础 URLdata () { return { publicP...
2020-04-22 16:11:55
910
1
原创 vue中使用xlsx导出表格
vue中使用xlsx插件将数据导出到Excel表格中。并使用xlsx-style设置简单的表格样式:列宽、字体颜色、字体大小、表头背景颜色、边框颜色、单元格合并等
2020-04-20 17:54:57
1654
1
JavaScript-SM3-master.zip
2020-07-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人