使用伪类来实现类似微信群聊的头像样式
最近看了一篇张鑫旭的博客，觉得人家的想法特别奇特，很值得学习。遂借鉴学习并记录一下，以备不时之需。
原文地址：伪类匹配列表数目实现微信群头像CSS布局的技巧
1. 简介我们在使用微信群聊的时候，群聊的头像，是所在在群聊中的人的头像的一个组合。随着群聊成员数量的不同，群聊头像的样式也不一样。下面就是使
...
vue通过$router.push传参数
1. 举例下面通过A页面向B页面传值来举个例子:
123456789//A页面: this.$router.push({ name: '页面B', params: { data: '我是要传递的参数' }})//B页面拿到传来的值: this.da
...
虚线-渐变-边框的实现
转自：张鑫旭的博客
实现虚线-渐变-边框有以下两种方法
第一种方法： 反向镂空代码如下：
123<div class="box"> <div class="content"></div></div>
12345678910.box {
...
mui——复制到剪贴板
下面是mui中封装的复制到剪贴板的方法，可以直接复制使用。123456789101112131415161718192021222324252627// 复制方法function copy_fun(copy){//参数copy是要复制的文本内容 mui.plusReady(functio
...
使用clipboard.js插件实现复制功能
之前做前端项目时，用到了复制功能，在网上寻找一圈后，找到了Clipboard.js这个插件。在使用之后，顿时感觉十分的方便，支持ie9及以上。
主要有3个主要的属性：
data-clipboard-text="copytext" 自定义复制内容。
data-clipboard-
...
阿里巴巴fonticon字体图标的使用
很早之前就知道阿里巴巴的fonticon矢量图标库，以前是这么使用的：下载某个图标的.png格式，然后引用到项目中，通过img标签或者background来使用。当然我知道该矢量图库可以将图标转换为字体文件来使用，但是一直没有机会来使用。因为大部分时间，设计都会把图标以图片的格式准备好，我只需要做一
...
JS中常用的正则表达式
16进制的HEX色值1/^#[\da-f]{3}([\da-f]{3})?$/
0~1之间的小数，不含0和11/0(\.[0-9]{0,2})/
姓名1/^[\u4e00-\u9fa5]{1,5}$/
手机1/^[1][
...