JavaScript
闹闹没有闹
这个作者很懒,什么都没留下…
展开
-
系统的菜单(tree)与数组之间的转换
系统的菜单(tree)与数组之间的转换原创 2022-12-14 18:30:47 · 93 阅读 · 0 评论 -
JavaScript比较两个对象是否相等
JavaScript判断两个对象是否相等原创 2022-12-11 17:12:30 · 162 阅读 · 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 评论 -
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 评论 -
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 · 406 阅读 · 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,大段落文本,里面特殊字符,特殊样式显示
效果图:代码<template> <div> <div v-html="showContentStyle(content)"></div> </div></template><script>export default { components: { changeTab, }, data() { return { searchWord: "浙江".原创 2021-06-01 21:12:10 · 1728 阅读 · 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 评论 -
标题--分页器--上下页的swiper案例
版本号:Swiper 3.4.2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper中文网基础演示(www.swiper.com.cn)</title> <link rel="stylesheet" href="./css/swiper.min.原创 2021-05-09 17:53:47 · 343 阅读 · 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-18 21:55:43 · 365 阅读 · 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"> <link rel="s原创 2021-04-18 16:48:39 · 202 阅读 · 0 评论 -
截取字符串的substring()、subStr()、slice()方法
一、substring(start,end)Tip1.包含start位置,不包含end位置,2.只有一个参数,从一个参数到结束位置3.若是一正一负,则从起始位置相当于0到此正数结束4.原则上参数不能为负数,都为负数,结果为""// 示例代码let arr="123456789"console.log(arr.substring(2,6)) //3456console.log(arr.substring(2)) //3456789console.log(arr.su原创 2021-03-06 10:46:03 · 684 阅读 · 0 评论 -
深浅拷贝的几种方法
深拷贝方法一:递归let user={ name:"咳咳", person:{ age:12 }, data:[]}function copy(object) { let obj = object instanceof Array ? [] : {}; for (const [k, v] of Object.entries(object)) { d原创 2021-03-04 20:48:18 · 576 阅读 · 1 评论