灯心草123-优快云博客

原创文本超出两行显示省略号并有“展开”“收起”按钮效果（VUE环境）

文本超出两行显示省略号的效果使用css3可以很轻松地实现，但是要判断什么时候显示“展开”“收起”按钮却有点麻烦。如果单纯通过字数来判断的话，在有些客户端可能会判断错误，而且中英文的字符所占的位置也有所不同。下面介绍一种通过js计算实现的方法。1、通过css实现文本超出两行显示省略号html：<p ref="infoItem" class="ellipsis" :clas

2020-07-28 11:44:29 11804 5

原创 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 1894

原创 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 12599 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 1361

原创 vue fullCalendar的使用及扩展（支持农历显示及鼠标右键新建）

vue fullCalendar的使用步骤。支持显示农历和响应鼠标右键的修改改方法。IE9的兼容问题解决方法。

2020-07-02 16:28:07 10336 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 1742

原创 vue-cli3.0 保留指定图标引用URL使之不被转换成base64

在某些项目中，部分图标需要在打包后根据需求直接替换成其他图标。然而，如果图标比较小，在开发时vue cli会直接将图标转换成base64字符串显示。这样项目打包后，就无法直接替换图标来修改了。可以通过以下步骤实现保留指定图标引用URL使之不被转换成base64，方便打包后直接替换文件而不用重新打包1、组件传入基础 URLdata () { return { publicP...

2020-04-22 16:11:55 944 1