- 博客(25)
- 收藏
- 关注
原创 自定义el-table表头
以上两种方法都是可以的 #header可以动态显示表头,就比如distributedAmount 变了就会重新渲染,但是slot='header'不行。
2023-05-15 17:41:04
1553
原创 子传父、父传子方法记录
子传父 -props 父传子-emit<template> <div class="hello"> 子组件 <h3>{{ title }}</h3> <button @click="childClick">按钮</button> </div></template><script>export default { name: "HelloWorld"..
2021-06-28 18:59:31
511
原创 数组-对象
1、数组数组:ES5里面新增一些东西循环: 1. for for(let i=0; i<arr.length; i++) 2. whilearr.forEach() // 代替普通for arr.forEach(function(val, index, arr){ console.log(val, index, arr); });arr.map() // 非常有用,做数据交互 "映射" 正常情况下,需要配合return,返回是一个新的数组 若是没有ret
2021-04-02 14:20:09
149
原创 水仙花数-质数-99乘法表
1、水仙花数// 水仙花数是指一个3位数,它的每个位上的数字的3 次幂之和等于它本身。//(例如:1^3 + 5^3 + 3^3 = 153),请打印所有的水仙花数。for (var i = 100; i < 1000; i++) { var x = parseInt(i / 100); var y = parseInt(i % 100 / 10); var z = parseInt(i % 100 % 10);
2021-04-02 14:19:40
253
原创 获取该按钮下的所有的含有data-status的p标签的子元素,然后获取它的值
/** *点击订单弹出 订单号;若订单状态已支付 不弹出订单号 */ $("#orderList").on("click", "li", function () { // 获取该按钮下的所有的含有data-status的p标签的子元素,然后获取它的值 let exclude = $(this).children("p[data-status]").attr("data-status"); if (exclude !=..
2021-02-17 13:59:58
797
原创 jQuery的几个功能实现
一、jQuery的几个功能实现1.tab切换<html> <head> <title>逗你玩啊</title> <style> ul { list-style: none; margin: 0; padding: 0; } .clearfix { *zoom: 1; *clear: both; }
2021-02-17 11:41:19
634
原创 jQuery的几个功能实现
jQuery的几个功能实现1.tab切换<html> <head> <title>逗你玩啊</title> <style> ul { list-style: none; margin: 0; padding: 0; } .clearfix { *zoom: 1; *clear: both; }
2021-02-09 17:09:05
132
原创 jQuery知识整理
jQuery知识整理1.原生js和jQuery的区别1.原生js和jQuery的加载模式不同,原生js会等到DOM元素完毕,并且图片也加载完毕才会执行jQuery会等到DOM元素加载完毕,但不会等到图片加载完毕就会执行2.原生JS如果编写了多个入口函数,后面编写的会覆盖前面编写的;jQuery中编写的多个入口函数,后面的不会覆盖前面的2.jQuery入口函数$(function(){ console.log("入口函数");})jQuery的冲突解决方案1.释放$的使用权
2021-02-09 15:08:24
255
1
原创 vue弹框的实现
<template> <div v-show="visible"> <div id="popup"> <p>确认要取消订单吗?</p> <button class="button-cancel" @click="cancel">取消</button> <button class="button-confirm" @click="ok">确定</button&.
2021-02-09 10:52:37
247
原创 json 和 js对象的关系
JSONJSON 与 JS 对象的关系JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。如var` `obj = {a: ``'Hello'``, b: ``'World'``}; ``//这是一个对象,注意键名也是可以使用引号包裹的var` `json = ``'{"a": "Hello", "b": "World"}'``; ``//这是一个 JSON 字符串,本质是一个字符串JSON 和 JS 对象互转要实现从JSON字符串转换为JS对象,
2021-02-09 10:46:08
172
原创 1.vue实现复制效果
1.实现复制效果1.先在main.js中引入import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);2.在vue <span class="number">{{ item.cardNumber }}</span> <span class="copy copyNumber" v-if="cardStatus
2021-02-09 10:44:21
139
原创 函数的参数+return+作用域+函数的作用+立即执行函数+返回的类型
一、函数的参数function sum(a,b){ console.log(a+b);}2.调用函数时解析器也不会检查实参的数量多余的实参不会被赋值如果实参的数量少于形参的数量,则没有对应实参的形参将是undefined二、return1.创建一个函数,用来计算三个数的和function sum(a,b,c){ //alert(a+b+c); var d=a+b+c;return d;}可以使用return来设置函数的返回值语法:return 值return后的值将会
2020-12-22 17:25:56
378
原创 对象-对象的分类-break、continue-函数
1、对象 * JS中数据类型 * - String 字符串 * - Number 数值 * - Boolean 布尔值 * - Null 空值 * - Undefined 未定义 * - 以上这五种类型属于基本数据类型,以后我们看到的值 * 只要不是上边的5种,全都是对象 * - Object 对象 * * * 基本数据类型都是单一的值"hello" 123 true, * 值和值之间没有任何的联系。
2020-12-22 10:15:45
198
原创 水仙花数-质数-99乘法表
1、水仙花数// 水仙花数是指一个3位数,它的每个位上的数字的3 次幂之和等于它本身。//(例如:1^3 + 5^3 + 3^3 = 153),请打印所有的水仙花数。for (var i = 100; i < 1000; i++) { var x = parseInt(i / 100); var y = parseInt(i % 100 / 10); var z = parseInt(i % 100 % 10);
2020-12-22 10:01:42
274
原创 对象-构造函数-原型prototype-数组-数组的方法-去重函数
1、使用工厂创建对象/* * 创建一个对象 */ var obj = { name:"孙悟空", age:18, gender:"男", sayName:function(){ alert(this.name); } }; /* * 使用工厂方法创建对象 * 通过该方法可以大批量的创建对象 */function createPerson(name , age ,gender){
2020-12-22 09:13:40
319
原创 Date-Math-包装类-字符串的相关方法-正则表达式-DOM-事件
1、Date/* Date对象 *–在js中使用Date对象中表示一个时间 */ //创建一个Date对象 // 如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间 var d = new Date(); // console.log(d); //创建一个指定的时间对象 // 需要在构造函数中传递一个表示时间的字符串作为参数 // 日期的格式:月份/日/年 时:分:秒 var d2
2020-12-15 19:21:32
202
原创 学习js的第四天上
对象 * JS中数据类型 * - String 字符串 * - Number 数值 * - Boolean 布尔值 * - Null 空值 * - Undefined 未定义 * - 以上这五种类型属于基本数据类型,以后我们看到的值 * 只要不是上边的5种,全都是对象 * - Object 对象 * * * 基本数据类型都是单一的值"hello" 123 true, * 值和值之间没有任何的联系。
2020-12-13 17:05:34
102
原创 学习js第四天下
一、函数的参数function sum(a,b){ console.log(a+b);}2.调用函数时解析器也不会检查实参的数量多余的实参不会被赋值如果实参的数量少于形参的数量,则没有对应实参的形参将是undefined二、return1.创建一个函数,用来计算三个数的和function sum(a,b,c){ //alert(a+b+c); var d=a+b+c;return d;}可以使用return来设置函数的返回值语法:return 值retu
2020-12-13 17:04:41
371
原创 学习js的第一天-基础知识
1.js的输出语句<script> alert(" you are beautiful!"); document.write("succes!"); console.log("你好,控制台语句"); </script>2.嵌入外部js<script src="./js/index.js"></script>3.js注释//单行注释/*多行注释*/4.js书写规范1.js中严格区分大小
2020-12-12 11:55:17
113
原创 学习js的第三天
对象 * JS中数据类型 * - String 字符串 * - Number 数值 * - Boolean 布尔值 * - Null 空值 * - Undefined 未定义 * - 以上这五种类型属于基本数据类型,以后我们看到的值 * 只要不是上边的5种,全都是对象 * - Object 对象 * * * 基本数据类型都是单一的值"hello" 123 true, * 值和值之间没有任何的联系。
2020-12-12 11:54:43
113
1
原创 不起作用的浮动,你万万想不到
/*先贴html*/ <div class="subcont"> <img src="image/Latte.jpg" alt=""> <div class="subtext"> <h2>拿铁Caffè Latte</h2> <p&g.
2020-11-04 15:29:47
218
原创 JavaScript split() 方法
JavaScriptsplit()方法省略分割参数:var str="How are you doing today?";var n=str.split();n输出数组值得结果:How are you doing today?分割每个字符,包括空格:var str="How are you doing today?";var n=str.split("");n输出数组值得结果:H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d...
2020-11-01 19:57:15
492
原创 当鼠标悬停在超链接上不改变字体颜色的一种情况
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS练习</title> <style> table{ width: 300px; } .one { background-color: #3cc; .
2020-10-25 17:00:17
1418
原创 js报错missing ; before statement;怎么解决?
第一行报错:missing ; before statement请大佬指点!
2020-05-13 15:57:26
10065
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人