- 博客(25)
- 收藏
- 关注
RSS订阅原创 element 图标不显示
今天突然试了一下，好像是反应了过来，项目是vue3，用的element UI图标也是UI3的图标，但是使用的时候，我是按照UI2的使用方法来使用的。前段时间写了个项目，但是使用element的图标的时候，怎么都不显示，官网上边给的案例都不显示，无奈之下，使用了阿里巴巴的iconfont。用了element UI2的图标，就按照2的使用方法去写，用了element UI3的图标，就按照3的使用方法去写。
2023-05-23 09:42:13
588
原创 svg的一些笔记
使用于法 <svg viewBox=“x1, y1, width, height”> </svg>，四个参数分别是左上角的横纵坐标，视口的宽高，表示只看SVG的某一部分，由上述四个参数决定。A命令的使用语法：<path d=“M x y A rx ry x-axis-rotation large-arc sweep x y”> </path>对照这上边的图，我们看一下 下边的这个例子(菜鸟教程上的例子，有改动)② height 高度，默认是150，单位px。目前就这些，后期再补充。
2023-04-19 15:19:17
168
原创 Uncaught (in promise) TypeError: fn is not a function at callWithErrorHandling以及vue2、vue3的一些不同
问题报错
2023-03-06 17:04:39
714
原创 webpack版本与htmlWebpackPlugin版本对应
报错：Cannot read property 'Compilation' of undefined...webpack版本对应htmlWebpackPlugin 版本
2022-12-29 10:33:19
2012
2
原创 外边距 塌陷 解决方法
从上图可以看出来，只有两个连续的块级元素都设置上下外边距(marign-top 和 margin-bottom)的时候，会出现上下外边距合并的情况，这种情况就是塌陷这种塌陷是兄弟元素塌陷，还有一种是父子元素塌陷（父元素的上边距为0，子元素的margin-top有值，会把父元素拉下去）。兄弟元素塌陷当出现兄弟元素塌陷的时候，真正的边距是取大值的，就是上一个元素的margin-bottom 与 下一个元素的 margin-top 的数值对比，那个数值大，就取那个。那么，怎么解决这个塌陷.
2022-05-12 14:24:10
130
原创 文字渐变……
background-image: linear-gradient(to bottom,#00efff,#00b3ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;文字渐变1、第一步，先将背景做一个渐变。background-image：linear-gradient(…) 或者background-image：radial-gradient(…)2、第二步，将背景上文字占据的的地方显示.
2022-05-11 11:47:55
99
原创 CSS3 Filter（ 改变模糊度亮度透明度等方法 ）
CSS3 Filter（滤镜）属性提供了提供模糊和改变元素颜⾊的功能，常⽤于调整图像的渲染、背景或边框显⽰效果。现在规范中⽀持的效果有：1、grayscale 灰度 值为0-1之间的⼩数2、sepia 褐⾊ 值为0-1之间的⼩数3、saturate 饱和度 值为num4、hue-rotate ⾊相旋转 值为angle，单位deg5、invert 反⾊ 值为0-1之间的⼩数6、opacity 透明度 值为0-
2022-05-11 11:42:17
840
原创 纯css写图形 优惠券
先说图形，最最最基础的图形就是长方形（正方形为特殊长方形），设置宽和高即可，加上个background，就出来了，这里就不贴图了。圆形和椭圆形圆形是在正方形的基础上，加了个border-radius: 50%的圆角<div class="circle"></div> <style> .circle{ width: 50px; height: 50px; background: #e9337c; border-radius: 50
2021-10-19 16:58:17
406
原创 Vue笔记（二）
目录<div id="app3"><!--跑马灯效果--> <button @click="go()">走起来</button> <button @click="stop()">停下来</button> <p>{{msg}}</p></div>const vm = new Vue({ el:'#app3', data:{ msg:'走起来呀走起来，停停停！！', inter
2021-10-19 16:14:48
100
转载 [转] js 里面的键盘事件对应的键码
js 里面的键盘事件经常用到，所以收集了键盘事件对应的键码来分享下：keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCode 13 = EnterkeyCode 16 = Shift_LkeyCode 17 = Control_LkeyCode 18 = Alt_LkeyCode 19 = PausekeyCode 20 = Caps_LockkeyCode 27 = Escape Escape
2021-10-19 11:02:08
202
原创 Vue笔记（入门）
Vue介绍Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。和 toString() 的区别
String()和 toString()都是将内容转化为你字符串类型，唯一的区别是，toString()不能转化null 和 undefined ，会报错。
2021-09-30 15:18:51
68
转载 [转载]径向渐变 radial-gradient
radial-gradient() 函数用于创建一个径向渐变的“图像”，其一般调用格式为：background-image: radial-gradient(shape size at position, start-color, ..., last-color);1、其中，参数shape定义渐变的形状，默认值为ellipse，为椭圆形的径向渐变，值circle，为圆形的径向渐变。2、参数size 定义渐变的大小，可能值有：farthest-corner（默认）：指定径向渐变的半径长度为
2021-09-30 14:54:30
1542
原创 css3的 filter:drop-shadow
规规矩矩的图形加阴影，可以用box-shadow，但是不规则的，比如说三角形，加阴影的时候用box-shadow就不合适了，这时候可以用filter：drop-shadow（）<div class="box"></div><style> .box{ width: 250px; height: 100px; position: relative; background: radial-gradient(circle at right
2021-09-30 10:30:04
524
原创 小程序中iconfont不显示问题
近期在写小程序的时候，用到了阿里巴巴的字体库，但是有的显示，有的不显示，百度了很久，也没有找到解决的办法，中午吃完饭，突然有点儿明白了icon字体 不能 在display的值是line的元素里因为icon标签默认的display的值是inline-block，就像是行内块元素在一个行内元素里边一样，所以不显示，最后改了icon外边一层的display值以后，图标显示了...
2021-06-23 13:16:35
1580
原创 16进制透明度对照表
100% — FF99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — EB91% — E890% — E689% — E388% — E087% — DE86% — DB85% — D984% — D683% — D482% — D181% — CF80% — CC79% — C978% — C777% — C476% — C275% — BF74% — BD73% — BA72%
2021-04-13 13:06:21
437
原创 关于meta的一些
声明文档使用的字符编码 <meta charset="utf-8" /> 这是H5的写法，也可以写成 <meta http-equiv="content-type" content="text/html; charset=utf-8" />声明页面刷新或跳转 <meta http-equiv="refresh" content="10" /> <meta http-equiv="refresh" cont..
2021-03-12 16:54:08
138
原创 文字超出用...代替
文字超出用…代替分两种情况，一种是文字不换行，只在一行显示，另一种是文字可以换行，但是最多显示2行或3行文字只显示一样，超出部分用…代替white-spcae:nowrap; //强制让文字不能换行overflow:hidden;text-overflow:ellipsis;文字最多显示2行（3行），超出部分用…代替overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box; dis
2020-09-10 15:50:03
891
原创 网页标题前边怎么加图标
网页前面怎么加图标网页标题前边的图标，就是这个 ：以前没注意过，只是在HTML的<head>标签里加上<title> 标签，写上标题就结束了，后来才注意到，原来还可以加个小图标呀，这样就更加清晰明了了。下边来说一下，怎么加图标……其实很简单的，还是在<head>标签里边加，只不过，不是在<title> 标签上了，是在<link>...
2019-12-11 16:37:48
873
1
原创 输出100以内的质数
输出100以内的质数100以内的质数：<script>//只能被1和它本身整除的数字叫做质数，1不是质数。//定义一个变量，用来储存这个数的约数个数 var cont = 0; for(var i = 1;i < 100;i++){ //Math.sqrt(i)返回一个数的平方根 //因为一个数开方以后的数字，是它的约数的最大数，所以不需要从头到尾走一遍。这样节省...
2019-10-11 10:03:30
439
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人