闹闹没有闹-优快云博客

数据处理思路：1.先创建必要的函数: 数组打平flat，递归树(deepTree)，模板（temp）2.发送数据：首先把你选择的数据格式， deepTreeData(tree, flat(selectedTree), [‘id’]) 选择的数据格式,3.然后转换成发送的格式， sendSelectedData(tree, flat(selectedTree), [‘id’, ‘name’])4.回填数据：把发送的数据打平， splitArr(sendSelectedData(tree, f

2022-02-24 19:37:45 1956

原创 vue，element，日期控件，动态禁用

效果图：示例代码<template> <div class="date_picker"> <el-date-picker v-model="date" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :format="'yyyy-MM-dd HH:mm.

2021-11-18 22:01:30 899

原创 js数据处理，数据分组

结果图：<!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"> <ti.

2021-11-09 20:39:51 471

原创防抖和节流

防抖: 高频率执行事件，只执行一次，若是再次触发事件，则重新从最后一次触发事件开始计时（若是一直点击，则会重新计时，直到在时间在规定时间内不执行事件，才会执行结果）节流：高频率执行事件，只执行一次，在规定的时间内，只执行第一次的事件，其他执行事件则无效，直到重新开始执行高频事件（若是一直点击，则是在规定时间间隔内再次执行）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-.

2021-11-07 22:39:41 116

原创 vue,原生轮播图（无缝轮播图）

效果图<template> <div> <div class="swiper"> <ul ref="swiper" class="swipero"> <li v-for="(item, index) in items" :key="index"> <div v-text="item.name"></div> </li> .

2021-11-04 22:56:21 608 1

原创 vue,左右滑动动画

效果图：<template> <div> <div class="swiper"> <ul ref="swiper" class="swipero"> <li v-for="(item, index) in items" :key="index" :class="`${index == active ? 'active' : ''}`" .

2021-11-04 21:36:13 576

原创 css背景(小logo)实现动画效果

图片效果<!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"> <tit.

2021-10-30 18:38:07 780

原创安装nvm后出现，npm可以下载包，但是不能安装

1.安装nvm，可方便在各个node版本(npm)之间的切换2.如果出现安装了nvm，出现这种情况:1.可以下载依赖包，但是安装不成功，（cnpm,yarn等2.或者是自己在node当前版本下直接更新npm到最新的版本，也可能出现此问题3.直接下载当前与当前版本不同的node版本，然后就key进行正常的安装与下载啦...

2021-10-17 17:22:16 311

原创给数组里面的对象指定位置

效果图：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>文件下载</title></head><body></body><script> let arr = [{ id: 1, name: "玄觞" }, { id.

2021-09-25 18:20:30 337

原创 a标签下载文件

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>文件下载</title></head><body> <div class="wrapper" onclick="download('文件下载')"> 下载文件 </div></body><s

2021-09-22 22:38:38 125

原创 vue-editor-bridge报错

vue 项目报错，只需要把引入的去掉，即可

2021-07-15 19:37:59 3838 7

原创 vue2.0,自定义表格排序

效果图：代码：<template> <div class="echat"> <sortTable :items='items' :sortKeyword.sync='sortKeyword' :direction.sync=".

2021-07-11 22:05:27 475

原创规则库里面相对应的规则匹配

效果图示例代码：<!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"> .

2021-07-01 21:42:47 289

原创滑动自定义指令

效果图：代码（template）：<template> <div class="scrollAnimation"> <ul v-scroll-height height="3" speed1='1000' speed2='500' isEnd="true" > <li class="list_item" :class="{ bg: index == current }" v-fo.

2021-06-29 22:51:35 144

原创 vue 字符串的拼接与解析

效果图：示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co.

2021-06-20 22:48:25 1187 2

原创 vue，表单动态添加信息项

效果图：代码示例：<template> <div class="eventInfo"> <div class="header"> <div class="header_top"> <span>{{ title }}</span> <span class="close" @click="close()"&.

2021-06-13 10:53:58 274

原创 vue 表格里面的复选框，全选，单选

效果图：main.js:<template> <div> <div class="table"> <table border="1" cellspacing="0"> <thead> <tr> <th> <el-checkbox :value="isAllChec.

2021-06-09 22:35:37 2463 1

原创 vue，大段落文本，里面特殊字符，特殊样式显示

效果图:代码<template> <div> <div v-html="showContentStyle(content)"></div> </div></template><script>export default { components: { changeTab, }, data() { return { searchWord: "浙江".

2021-06-01 21:12:10 1889

空空如也

用php循环，怎么用 js 获取动态的 id ？