- 博客(29)
- 收藏
- 关注
RSS订阅原创 element-plus实现图片上传
2.在script中写成功的回调以及失败的回调函数，代码如下。这里action是api的路径，headers是token。
2022-12-30 12:01:39
2605
原创 js拼接生成tree型数据
因为要用element-ui中的树形组件，所以接口数据也需要是tree型，怎么办咧，只有拼接了，请教过大佬后得出的结果。好啦，以上就是我请教的结果，请大家多多指教。
2022-09-21 09:44:42
387
原创 表格批量导入的实现
这个问题困扰我好几天，网上各种写法也是非常的复杂，直到今天我才发现是我想复杂了。最后再重新获取一下表格数据。好啦，希望大家多多指教~
2022-09-21 09:29:58
97
原创 后台管理系统菜单栏的展开与收起
首先我的NavMenu组件，和el-header中的控制菜单展开收起的hambuger按钮是两个分别封装过的组件，是兄弟关系。我是通过点击hamburge按钮来控制菜单栏的展开与收起，通过EvenBus来实现兄弟组件间的传值。4.在el-sider中也要使用EvenBus传来的参数来实现，侧边栏宽度的变化。2.在hamburge组件中通过触发toggleClick发送要传的参数。通过el-menu的collapse属性来控制菜单栏的展开与收起。3.在NavMenu组件中接收 ，来实现菜单栏的展开与收起。
2022-09-02 10:13:20
1426
原创 表格分页刷新页码不变（最简单的方法）
3.在分页组件事件@current-change事件中，每次页面改变，触发后台请求中，参数page的改变。在获取page的时候本地如果有的话，就从本地中获取，本地如果没有，就默认第一页，可以实现刷新页码不变的情况。2.然后，在mounted或created中，调用1中的方法。耗时好长时间，终于给弄好了~~如有错误，请多多指出~...
2022-08-26 17:47:02
1081
原创 数据类型转换
1 数据类型转换1.1 强制类型转换 转number // 转numbervar s1 = '';var s2 = '120';var s3 = '13.678';var s4 = '100元';// 1.Number(值)：把需要转化的内容放进去，返回转化好的值console.log(Number(s1), s1); // 0console.log(Number(s2), s2); // 120console.log(Number(s3), s3); // 13.678c
2021-12-06 21:17:24
56
原创 变量的数据类型
1.数据类型1.1数据类型分类 五大基本数据类型（简单） number 数值 string 字符串 boolean 布尔值 null 空 undefined 复杂（复合 引用）数据类型 array 数组 object 对象 function 函数. 4.2 基本数据类型 number： 整数 小数 负数 进制数 NaN Infinity //..
2021-12-06 21:14:25
416
原创 变量的使用
1.变量 声明变量 var 变量名 变量的命名规则 由数字 字母 _和$组成，不能以数字开头 不能使用关键字和保留字 见明知意，使用驼峰命名 fontSize 不能重复，重名会覆盖 // 1.使用var声明变量var a;// 给变量赋值a = 10; // =赋值号 把右边的值给左边的变量console.log(a); // 10// 2.在声明时直接赋值var b = 100;console.log(b
2021-12-06 21:06:11
233
原创 js的调试
1 调试1.1输出调试 alert()：警告框 一次只能弹出一个 阻塞 console.log()：在控制台输出 一次可以打印多个数据 prompt(提示信息，默认值)：可以和用户进行交互的弹框，确定-输入框的值，取消-null document.write(内容)：在页面中写入内容，识别标签. // 1.alert(内容):警告框// 阻塞机制，一次只能弹一个alert('密码错误');alert('哈哈哈哈', '吃饭', 111);// 2
2021-12-06 21:02:54
149
原创 js的使用
1 js引入1.1行内 缺点:结构不分离，不能重复使用.<button onclick="alert('抽中了100块')">按钮</button>1.2 内嵌 使用script标签，标签中写代码，可以多个script标签，可以在任意位置，代码从上到下执行, 不能重复使用,建议写在body末尾 .<script> alert(333);</script>1.3 外链...
2021-12-06 20:59:01
38
原创 初识js及基本概念
1.1 网页的组成 html：超文本标记语言 结构层 css：层叠样式表 表现层 JavaScript：网页交互 交互层 1.2JavaScript（掌握） 概念：JavaScript是基于对象和事件驱动的解释性脚本语言 特点： 基于对象：js内部会提供一些对象，对象中的属性和方法可以实现js的基本功能 事件驱 动：浏览器对用户的操作做出直接相应，不需要经过服务器 解释性：计算机能够直接识别，不需要经过编译 编.
2021-12-06 20:48:29
240
原创 动画的属性
animation 1. animation-name 动画名称 2.animation-duration 动画持续时间 3.animation-timing-function 动画的速度曲线 linear 动画从头到尾的速度是相同的。 ease 默认值。动画以低速开始，然后加快，在结束前变慢。...
2021-11-29 20:17:26
388
原创 3d属性总结
1.transform- style: flat 默认值 表示2d preserve-3d 表示3d 3d不能和overflow:hidden使用,如果使用,则效果相当于2d.2.景深 语法:perspective:npx; n取值一般为500px-1200px. 程序中实现的方法 perspectiv...
2021-11-29 20:01:43
349
原创 2d-变化原点
变化原点 transform-origin:x y; 一个值的时候 只代表x y默认是center 两个值的时候代表 x 和 y 1)可以为px 2）可以为百分比 3）可以为方向关键字 left right top bottom center举例<!DOCTYPE html>...
2021-11-29 19:37:46
50
原创 2d转换-旋转
旋转 transform: rotateX(ndeg) 对x轴进行旋转 rotateY(ndeg) 对Y轴进行旋转 rotate(ndeg) 整体进行旋转总结: 正值顺时针旋转,负值逆时针旋转.举例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...
2021-11-29 19:27:56
69
转载 2d转换-缩放
scale(x,y) 一个值的时候 xy都缩放 两个值的时候 分别 x 和 y举例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten...
2021-11-29 14:42:18
105
原创 2d转换-位移
2d转换 transform: 位移 translate(x,y) 一个值的时候，只代表x 两个值的时候 x y举例<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2021-11-29 14:39:20
58
原创 过渡的应用
1.过渡属性 transition-property: width,height; 2.过渡时间 transition-duration: 2s; 3.速度曲线 transition-timing-function: linear; 4.延迟时间 transition-delay: 0s;...
2021-11-29 10:41:16
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人