1113467806-CSDN博客

原创 table-layout: fixed 固定表格布局

table-layout: fixed 固定表格布局

2023-07-03 17:47:25 1161

原创 flex布局下两端对齐，不满左对齐

flex布局下两端对齐，不满左对齐

2023-04-24 17:25:13 1155

原创 vue解决Element-ui中 el-cascader 级联选择器最后一级数据为空显示暂无数据问题

1. 出现问题bug: el-cascader控件最后一级出现空白暂无数据2. 问题原因分析经过调试分析出现空级联原因是：由于数据是从后台传递过来的，当后端的哥们使用递归算出菜单，然后转换成json传递到前端的时候。就会出现最底层的子项中的 children 为空数组，这样就会造成，空级联的bug存在。3. 解决办法: 使用递归的方式，将最底层中的 children设为undefined3.1 html 代码<el-cascader :show-all-levels="f

2021-06-23 11:19:51 4232 2

原创 object.keys()用法

var person = { name: '张三', age: 18, 66: '66', 2: '2' }; for(var item in person){ console.log(item); }打印结果2.使用js提供的方法 Object.keys()console.log(Object.keys(person));当然想打印所有的值可以使用 Object.values(),返回的同样是数组3.拓展（1）从上面的Objec..

2021-06-22 17:16:43 626

原创 js 保留小数点两位

1、四舍五入的情况var num =2.446242342;num = num.toFixed(2); // 输出结果为 2.452、不四舍五入第一种，先把小数边整数：Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77

2021-06-22 16:12:03 116

原创 vue跳转新窗口

vue 跳转打开新窗口const { href } = this.$router.resolve({ name: "router-name", query: { id: 1 }});window.open(href, '_blank');router-link跳转// 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</s

2021-06-22 15:19:32 1181

原创 js 获取当前日期的前七天

tip js日期基础js获取当前时间和把时间戳转换为日期格式以及封装js 获取当前日期的前七天var myDate = new Date(); //获取今天日期 var year= new Date().getFullYear(); myDate.setDate(myDate.getDate() - 7); var dateArray = []; var dateTemp; var flag = 1; fo

2021-06-22 14:49:44 747

原创 css 超出文字显示省略号

这里写自定义目录标题单行省略号多行省略号单行省略号直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><p style="width: 100px;overflow: hidden; text-overflow:ellipsis;

2021-03-09 15:42:10 271

原创 el-cascader el-tree 递归

el-cascader (递归)把children为空数组置为undefined<el-cascader @change="cascaderchange" v-model="value" placeholder="试试搜索：指南" :options="options" :props="{ multiple: true, // 多选 expandTrigger: 'hov

2021-01-07 21:10:39 1161

原创 JS格式化数字（每三位加逗号）

方法一function toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split(''); for (var i = num.length - 1; i >= 0; i--) { counter++; result.unshift(num[i]); if (!(counter % 3) &&amp.

2020-09-14 22:45:24 1938 1

原创 js 运算bug

加减乘除示例代码:console.log( 1 - 0.8 ); //输出 0.19999999999999996console.log( 6 * 0.7 ); //输出 4.199999999999999console.log( 0.1 + 0.2 ); //输出 0.30000000000000004console.log( 0.1 + 0.7 ); //输出 0.7999999999999999console.log( 1.2 / 0.2 ); //输出 5.9999999999

2020-08-24 21:08:23 509

原创 js消息滚动鼠标移入停止滚动，鼠标移开继续滚动

一.原理实现的中心思想，如图所示：图片移动，用的是appendTo()这个方法。这个方法是先将标签从父标签中删除，然后拼接到某个标签后面，所以也就是替我们实现了，remove()这个方法。所以用这个方法是极好的~然后就会用到定时器了。用定时器每次调用移动方法，让每次执行一个动画，改变它的margin-top值，执行完动画后，再将它的margin-top变为初始值；触摸标签清除定时器，离开后，继续执行。代码实现<!DOCTYPE html><html lang="en"&

2020-08-23 22:48:57 2195 3

原创 vue消息滚动鼠标移入停止滚动，鼠标移开继续滚动

vue无缝滚动效果,直接上代码so easy <div id="box"> <ul id="con1" ref="con1" :class="{anim:animate==true}" @mouseenter="Stop()" @mouseleave="Up()"> <li v-for='item in items'>{{item.name}}</li> </ul&g.

2020-08-23 22:42:40 1684

原创 props传值类型及写法

注意事项type (规定数据类型) String 字符串 Number 数字 Boolean 布尔 Array 数组 Object 对象 Date 日期 Function 函数 Symbol 独一无二的值(es6) default default : (默认值) 基础数据类型: 直接赋值对象数据类型: 用函数赋值 ()=>[] required requi

2020-08-18 11:11:36 20118 2

原创 vue中的class 和 style 绑定样式

class对象语法1.<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}结果渲染为：<div class="static active"></div>2.绑定的数据对象不必内联定义在模板里：<div v-bind:cla

2020-08-10 23:13:39 161

原创 CSS 关键字 initial、inherit 和 unset

了解 CSS 样式的 initial（默认）和 inherit（继承）以及 unset 是熟练使用 CSS 的关键。（当然由于 revert 未列入规范，本文暂且不过多提及。）initialinitial 关键字用于设置 CSS 属性为它的默认值，可作用于任何 CSS 样式。（IE 不支持该关键字）inherit每一个 CSS 属性都有一个特性就是，这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一，我们可以在 MDN 上通过..

2020-08-03 23:22:03 486

原创 vue实现抽屉功能

<template> <div class="drawer"> <div @click="open()">drawer</div> <div class="setbox" :class="{show: isshow}"> <div class="header"> <p class="fl">标题</p> <button class="of

2020-08-03 22:30:46 2429

原创 js 时分秒转化为秒以及秒转换为时分秒

1.秒转换为时分秒 formatSeconds(value) { var secondTime = parseInt(value); // 秒 var minuteTime = 0; // 分 var hourTime = 0; // 小时 if (secondTime > 60) { minuteTime = parseInt(secondTime / 60); secondTime = parseInt(secondTime % 60);

2020-08-03 22:20:47 8975 3

原创 js获取当前时间和把时间戳转换为日期格式以及封装

今天给你讲的有3个内容1.js获取当前时间2.js时间戳转换为日期格式3.封装js获取当前时间 <div>当前时间:{{time}}</div> // 直接调用获取,返回的就是当前时间 this.time = this.formatDate() formatDate(dateTime ) { var dateTime = new Date(); var year = dateTime.getFullYear(); ///取得4位数的年份

2020-08-03 22:16:46 391

原创 js实现数组去重(数组内对象去重)

1.遍历数组法它是最简单的数组去重方法（indexOf方法）实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中；var arr=[2,8,5,0,5,2,6,7,2];function unique1(arr){ var hash=[]; for (var i = 0; i < arr.length; i++) { if(hash.indexOf(arr[i])==-1){ hash.push(arr[i])

2020-08-02 23:37:54 445

原创 js实现冒泡排序

冒泡排序原理：冒泡排序算法的原理如下：1.比较相邻的元素。如果第一个比第二个大，就交换他们两个。2.对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。3.针对所有的元素重复以上的步骤，除了最后一个。4.持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比比较白话就是：比如有6个数，你需要比较5趟，这个是固定死的但是每一趟比较的次数，是递减的代码 // 编写方法，实现冒泡 var arr = [30,10,111

2020-08-02 22:58:59 114

原创 js sort()排序用法

1.sort()排序用法sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。语法：array.sort(fun)；参数fun可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。如果想按照其他规则进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：若 a 小于

2020-08-02 20:01:50 124

原创 js深拷贝和浅拷贝

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。1. 如果是基本数据类型，名字和值都会储存在栈内存中var a = 1;b = a; // 栈内存会开辟一个新的内存空间，此时b和a都是相互独立的b = 2;console.log(a); // 1当然，这也算不上深拷贝，因为深拷贝本身只针对较为复杂的object类型数据。2. 如果是引用数据类型，名字存在栈内存中，值存在堆内

2020-08-02 15:01:51 87

原创前端下载文件

这里写自定义目录标题方法一:window.open(url)方法二:window.location.href="xxx"(我用的这一种)方法三:模拟a标签点击（强烈推荐）方法四:模拟form提交方法一:window.open(url)1.window.open("http://127.0.0.1:8001/admin/finance/export/exportExcel");但这有个问题：浏览器会打开一个新窗口，然后迅速自动关闭，体验非常不好。方法二:window.location.href=“x

2020-08-02 11:48:47 99

weixin_44578496的博客