小demo
闹闹没有闹
这个作者很懒,什么都没留下…
展开
-
css,环形
1.先利用conic-gradient属性画一个圆,然后再叠加。原创 2023-09-20 21:44:59 · 534 阅读 · 0 评论 -
写一个简单的下载后预览swiper的页面
2.为其添加a,iframe 标签,遍历数据的时候一一对应。1.获取swiper所有的html文件,3.获取模版数据,最终生成html数据。原创 2023-04-05 14:30:25 · 100 阅读 · 0 评论 -
系统的菜单(tree)与数组之间的转换
系统的菜单(tree)与数组之间的转换原创 2022-12-14 18:30:47 · 93 阅读 · 0 评论 -
JavaScript比较两个对象是否相等
JavaScript判断两个对象是否相等原创 2022-12-11 17:12:30 · 162 阅读 · 0 评论 -
koroFileHeader函数注释无效,但没有设置快捷键的时候,快捷键没有被占用的问题
ctrl+alt+t 快捷键无效原创 2022-10-26 18:49:13 · 445 阅读 · 0 评论 -
table表格单元格合并,(自定义)
表格合并原创 2022-05-31 22:55:47 · 228 阅读 · 0 评论 -
element,cascader数据多选,数据处理(返回给后端,回填数据)
数据处理思路: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 · 1679 阅读 · 0 评论 -
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 · 816 阅读 · 0 评论 -
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 · 424 阅读 · 0 评论 -
防抖和节流
防抖: 高频率执行事件,只执行一次,若是再次触发事件,则重新从最后一次触发事件开始计时(若是一直点击,则会重新计时,直到在时间在规定时间内不执行事件,才会执行结果)节流:高频率执行事件,只执行一次,在规定的时间内,只执行第一次的事件,其他执行事件则无效,直到重新开始执行高频事件(若是一直点击,则是在规定时间间隔内再次执行)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-.原创 2021-11-07 22:39:41 · 66 阅读 · 0 评论 -
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 · 521 阅读 · 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 · 509 阅读 · 0 评论 -
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 · 685 阅读 · 0 评论 -
给数组里面的对象指定位置
效果图:<!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 · 276 阅读 · 0 评论 -
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 · 89 阅读 · 0 评论 -
vue-editor-bridge报错
vue 项目报错,只需要把引入的去掉,即可原创 2021-07-15 19:37:59 · 3639 阅读 · 7 评论 -
vue2.0,自定义表格排序
效果图:代码:<!-- * @Descripttion: * @version: * @Author: mqq * @Date: 2021-06-12 17:08:27 * @LastEditors: mqq--><template> <div class="echat"> <sortTable :items='items' :sortKeyword.sync='sortKeyword' :direction.sync=".原创 2021-07-11 22:05:27 · 407 阅读 · 0 评论 -
规则库里面相对应的规则匹配
效果图示例代码:<!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 · 216 阅读 · 0 评论 -
滑动自定义指令
效果图:代码(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 · 116 阅读 · 0 评论 -
vue 字符串的拼接与解析
效果图:示例代码:<!-- * @Descripttion: * @version: * @Author: mqq * @Date: 2020-11-01 17:38:49 * @LastEditors: mqq--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co.原创 2021-06-20 22:48:25 · 1077 阅读 · 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 · 216 阅读 · 0 评论 -
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 · 2181 阅读 · 1 评论 -
根据值,获取对应的状态,(vue表格里面的状态)
效果:<!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-05-31 20:54:38 · 303 阅读 · 0 评论 -
点击出现文字效果
代码:<!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" /> &l.原创 2021-05-25 21:35:33 · 127 阅读 · 0 评论 -
数组 / 对象 排序(可获取最大/最小值,排序后的数组),是否改变原有数组
结果图:<!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>D.原创 2021-05-25 19:41:38 · 94 阅读 · 0 评论 -
原生--无缝轮播图
效果图:<!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-05-24 20:47:06 · 58 阅读 · 0 评论 -
vue3.0--自定义指令--表格--默认显示3行,可设置几行,其余行滚动显示(版本二)
效果图:main.vue<template> <label for="切换"> 'null',全部显示,切换数大于当前数,显示全部,总共: {{ list.length }}条数据:<br /> 当前显示到 <input type="text" name="" id="" v-model="line" @input="change" />行 </label> <div v-autoH.原创 2021-05-24 19:43:04 · 682 阅读 · 0 评论 -
兼容ie8的轮播图
JS插件:http://www.superslide2.com/param.html效果图:示例代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-e.原创 2021-05-12 22:22:07 · 345 阅读 · 0 评论 -
动态加载——区域(文字和图片)
<!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>..原创 2021-04-20 22:21:55 · 66 阅读 · 0 评论 -
点击文字,让图片进行切换
<!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>Do原创 2021-04-01 22:40:42 · 575 阅读 · 0 评论