- 博客(132)
- 问答 (19)
- 收藏
- 关注
RSS订阅原创 js：向对象数组中添加新的属性
原数组现数组：let arr=[ { name:'张三', age:18, sex:'男' }, { name:'小李', age:12, sex:'女' } ] console.log(arr) let res=arr.map((item,index)=>{ return {...item,school:'小花中学
2022-05-19 10:39:03
3476
原创 vue3：自定义可编辑表格
<template> <div> <table class="table"> <thead> <tr> <th>序号</th> <th>商品名称</th> <th>商品分类</th> <th>销售数量</th> &.
2022-05-17 18:00:45
2814
原创 vue3+ts小案例：代办事项
<template> <div class="home"> <h1>待办事项</h1> <div> <input type="text" v-model="inpVal"> <button @click="add">增加</button> </div> <div v-for="(item,index) in todoList">
2022-05-11 14:22:55
435
原创 vue3：上划第一行导航栏不固定，第二行导航栏变成第一行固定住
<template> <div class="home"> <div class="header"> <div class="logo">logo</div> <div class="nav-list"> <ul> <li>首页</li> <li>首页</li> &l
2022-05-10 14:50:29
427
原创 vue3+ts，自定义下拉框与时间
效果图下拉框未点击展开下拉框点击展开时间下拉框代码：<template> <div class="user-menu d-flex align-items-center flex-wrap" :class="open ? 'show' : 'hide'" @click="dianji" > <div class="option ps-1"> <div c
2022-05-10 14:19:29
480
原创 vue3点击哪个路由，就获取哪个路由的名称
router上要定义meta{ path: '/home', name: 'Home', component: () => import('@/views/filmprocess/home/Index.vue'), meta: { title: '用户管理', requiresAuth: true } }, { path: '/login',
2022-04-26 14:05:27
2719
原创 Vue3的传值：父向子，子向父
父组件向子组件传递值父组件通过:冒号向子组件传递menuOpen<template> <Process :menuOpen="menuOpen" /></template><script setup lang="ts">const menuOpen = ref<boolean>(false);</script>子组件通过defineProps接收父组件传来的值<template><span v-i
2022-04-26 10:30:43
2617
原创 点击进行拖拽移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&.
2022-04-09 10:55:38
172
转载 将一个对象转为数组
后端传来的数据现在需要的数据完整代码<template> <div> </div></template><script> export default { data() { return { webSetting:{ startTime: "2022-03-20T12:46:43.253+0000", endTime: "2022-03-20T
2022-04-07 18:28:41
189
转载 vue鼠标上下滚动放大与缩小
<template> <div id="body" class="body"> <div class="content" id="content">缩放的元素</div> </div></template><script> export default { data() { return { scale: 1 } }, methods:
2022-04-02 14:53:41
1175
原创 vue文字上下滚动
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>vue文字滚动</title> <style>div, ul, li, span, img { margin: 0; paddi
2022-04-02 10:54:16
1751
原创 自定义图片上下轮播滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&l
2022-04-01 18:34:47
231
转载 把数组倒置，但是不影响原来的数组
有时候我们把数组倒置之后，后期再用到那个数组时，便会发现那个数组是倒置的，那么如何把数组倒置，但是不影响原来的数组呢var arr = ["1","2","3","4"];var bbb = [...arr].reverse() //方法一//var bbb = [].concat(arr).reverse() //方法二//var bbb = Object.assign([],arr).reverse()//方法三//var bbb = arr.slice().reverse() //方法四
2022-03-31 18:06:50
396
原创 获取当前时间的前十二个时间
//获取当前时间 let time = new Date(); //转为utc格式 let end = new Date(time).toISOString(); let hm = new Date(new Date().getTime() - 12 * 60 * 60 * 1000); //获取12个小时以前的时间 let start = new Date(hm).toISOString(); console.log("start", start,
2022-03-26 18:14:01
810
原创 使用定时器每隔30秒获取当前时间一个小时前的每隔5分钟的时间数组
需求：每隔30秒需要更新获取当前时间的前十二个小时的时间数组第一次的数组：第二次的数组：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ
2022-03-25 14:49:22
1153
原创 解决等待请求数据的空白时期
需求：在发送数据请求的时候，总会有一两秒的时间让我们等待，这时候会出现空白，给用户体验感不好，因此就需要一个等待加载的符号出现，提示用户，正在加载数据中在子组件发送请求数据接口之前向父组件传递一个值为true，表示数据正在加载中，发送完接口之后再向父组件发送一个值为false，表示数据加载完毕子组件：//请求接口 requestTime(time) { if(time.length === 0) return; //发送请求数据接口之前向父组件传递一个值为true
2022-03-24 09:28:17
452
原创 echarts的坐标轴添加滚轮
单个y轴dataZoom: [ { type: 'slider', show: true, yAxisIndex: [0], left: '93%', start: 0, //数据窗口范围的起始百分比 end: 36 }, { type: 'inside', yAxisIndex: [0], start: 0, end: 3
2022-03-23 14:23:50
1586
2
原创 获取当前时间的前十二个小时时间
<g id="timeScale" transform="translate(0,28)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle" > <path class="domain" stroke="currentColor" d="M10.5,0.5H1890...
2022-03-22 09:40:49
866
转载 vue中的$ref用法
ref有三种用法：1、ref加在普通的元素上，用this.ref.name获取到的是dom元素2、ref加在子组件上，用this.ref.name获取到的是组件实例，可以使用组件的所有方法注意：ref本身是作为渲染结果被创建的，在初始渲染的时候不能访问它，它们还不存在，refs也不是响应式的，因此不应该试图用它在模板中做数据绑定ref需要在DOM元素渲染完成之后才有，在使用的时候确保DOM已经渲染完成，比如在生命周期的mounted()钩子函数调用，或者在this.refs也不是响应式的，因此不应该试
2022-03-21 16:09:36
5460
原创 将数组的每一项相加，并且push到新数组
let arr = [180, 22, 2, 3, 136, 66, 0, 2, 3, 86, 59, 208, 7, 21, 14, 19, 92, 6, 28, 0, 12, 59, 2, 1, 7, 1, 5, 9, 1, 2, 11, 4, 4, 134, 207, 202, 215, 918 ]; let newArr = [] let sum=0 .
2022-03-18 18:18:30
558
转载 时间戳转为天时分秒
需求：将时间戳转为天时分秒 function formatDuring(mss) { var days = parseInt(mss / (1000 * 60 * 60 * 24)); var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = par
2022-03-18 14:02:58
1129
空空如也
如何将obj对象变成绘制成图片的样子
2023-04-12
JavaScript对象
2023-04-07
JavaScript数组变化
2023-03-21
JavaScript数据转换
2023-02-23
如何在arr数组中找到与arr_1相同的对象
2023-02-22
antdesign表格中div高度如何能撑满整个td
2023-02-16
关于#JS#的问题，如何解决？
2023-02-13
antdesign的下拉框
2022-12-05
vue3 如何修改antd表格默认的暂无数据图标
2022-11-21
关于#css#的问题，如何解决？
2022-11-21
css表格如何修改表头边框
2022-11-14
html+css表格超过一定宽度显示省略号
2022-10-18
css+HTML表格高度
2022-10-09
vue 如何进行表格多页打印
2022-09-27
javascript数据转换
2022-09-21
javascript数据转换
2022-09-19
如何用html+css实现table表格固定表头，表格既可以横向滚动也可以竖向滚动
2022-09-15
vue3对“暂无数据”提示的闪现怎么处理？
2022-09-09
JavaScript数组转换
2022-09-07
点击删除，如何把表格最后的操作一列给删除
2022-09-06
table表格的tr为什么不换行
2022-09-05
vue3 表格，高亮显示名称
2022-09-03
JavaScript
2022-08-31
关于js的问题，如何解决？
2022-08-20
如何把data数据形式转为newData数据形式的数据？
2022-08-19
如何用html+css把下列的表格table画出来
2022-08-17
如何把oldData数据形式转为newData形式的数据
2022-08-15
js时间转换，转为年月日时分秒
2022-08-01
andesigne的checkout多选框
2022-07-07
antdesignUI组件可编辑表格
2022-07-01
vue 表格 input编辑问题
2022-06-30
javascript数据转换
2022-06-23
javascript数组转换成对象
2022-06-15
关于vantdesign选择器的问题，如何解决？
2022-06-08
如何把对象转为数组形式
2022-06-08
使用andesign表格的可编辑表格
2022-05-28
微信小程序的taro项目安装
2022-05-07
微信小程序taro运行报错
2022-05-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人