- 博客(94)
- 问答 (1)
- 收藏
- 关注
原创 vue插槽
3.2 Son.vue实现方法,插槽上定义变量名称userInfo,把user变量赋值给userInfo 如下 ,3.1 需求:现在Son.vue组件中有个user变量要在Parent.vue组件中使用,如下。3.3 Parent.vue组件获取值。
2024-02-02 14:54:30
470
1
原创 js类的继承写法
// 父>>>子继承class Enemy{ constructor(power){ this.power=power } attack=()=>console.log(`i'm attacking with a power of ${this.power}!`)}class Alien extends Enemy{ constructor(name,phrase,power){ super(power)
2022-05-27 16:52:25
531
原创 每日一点03(array.reduce实用)
array.reduce实用小技巧1.二维数组转一维 const arr = [ [2, 3], [4, 5], [6, 7], ]; let res = arr.reduce((pre, cur) => { return pre.concat(cur); }, []); console.log("res", res);2.统计每个元素出现的次数 const arr3=['apple','brannar',
2022-05-17 22:49:16
94
原创 js扁平数组转树结构
export default { data() { return { lineData: [ { id: "01", title: "低压车间", procedureId: "" }, { id: "02", title: "拉丝工序", procedureId: "01" }, { id: "03", title: "绞线工序", procedureId: "01" }, { id: "05", title: "拉丝1
2022-05-16 22:37:11
170
原创 每日一点02(reduce)
reduce数组对象求和用到另外一个对象方法:Object.keys()Object.keys()用法示例:let obj={a:1,b:2,c:3}Object.keys(obj)// ['a', 'b', 'c']求和示例 const arrObject = [ { a: 1, b: 2, c: 3 }, { a: 2, b: 2, c: 3 }, { a: 3, b: 3, c: 3 }, ]; let re
2022-05-11 22:44:00
285
原创 每日一点01(array.reduce)
reduce(function(previousValue,currentValue,currentIndex,array){},initalValue) 参数详解: previousValue:上一次调用callbackFn时的返回值。在第一次调用时,若指定了初始值initialValue,其值为initialValue,否则为数组索引为0的元素array[0] currentValue:数组中正在处理的元素,在第一次调用时,若指定了初始值initialValu.
2022-05-10 22:05:17
114
原创 操作符:逻辑或
逻辑或 || 值1 值2 结果 true true true true false true false true true false false false 规则:如果第一个操作数是对象,则返回第一个操作数 :如果第一个操作数是false,则返回第二个操作数 :如果两个操作数都是对象,则返回第一个操作数 :如果两个数都.
2022-05-04 14:03:19
174
原创 有顺序的执行js异步接口
接口一: testCnode().then((res) => { console.log("res2", res); });接口二: let str = "ct=24&qqmusic_ver=1298&new_json=1&remoteplace=txt.yqq.song&searchid=69020128776265001&t=0&aggr=1&cr=1&catZhida=1&lossl
2022-04-28 21:13:48
1135
原创 vue vant中循环复选框
vant中循环复选框,效果如下一开始不知道复选框的checked该从返回的列表中绑定什么值,随便绑定的话要不就是全选状态,要不就是不全选状态,无法做到一个一个控制实现代码:要素【利用对象属性没有时为undefined】 <van-swipe-cell v-for="(item, index) in dataList" :key="index"> <van-row style="display: flex; align-items: center">
2022-04-26 22:19:05
4415
原创 sql用法记录
格式时间: select to_char(to_date('2022-03'|| '-01 08:00:00','YYYY-MM-DD HH24:MI:SS'),'YYYYMMDDHH24MISS') from dual; select to_char(LAST_DAY(TO_DATE(('2022-03' || '-01 08:00:00'),'YYYY-MM-DD HH24:MI:SS')) + 1,'YYYYMMDDHH24MISS') from dual;with as 用法with a
2022-03-28 22:10:39
134
原创 js原型理解
/*prototype(原型/原型对象):每一个函数天生自带一个属性叫做prototype,他是一个对象只要函数定义好了之后,这个prototype就出生了构造函数也是函数,构造函数也有prototype __proto__ 每一个对象天生自带一个属性,实例对象也是对象,叫做__proto__,指向所属构造函数的prototype */ // function Person(name, age) { // this.name = name; //
2022-03-23 21:58:11
216
原创 async/await
1.使用async关键字可以让函数具有异步特征,但总体上其代码仍然是同步求值的 async function foo(){ console.log(1) } foo(); console.log(2); //1 //22.异步函数如果使用return 关键字返回了值(如果没有return会返回undefined),这个值会被Promise.resolve()包装成一个期约对象。在这个函数外部可以得到它返回的期约 async functi
2022-03-01 22:38:59
110
原创 实用小函数
数组随机化 const fn1 = (arrlist) => { arrlist.sort(() => Math.random() - 0.5); return arrlist; }; let arr = [1, 2, 3, 4, 5]; console.log(fn1(arr), "fn1(arr)");获取随机十六进制颜色const generateRandomHexColor = () => `#${Math.flo
2022-02-27 22:15:56
124
原创 异步接口请求多个优化写法
async init() { // 数据字典:库区号 await this.$http .get("/api/ms/api/getlist1") .then((res) => { this.stockNo = res.data.map((ele) => { return { value: ele.stockId, label: ele.stockName }; });
2022-02-25 23:08:35
160
原创 vuex页面实现多个页面跳转间的缓存
样例描述:现在有一个主页面叫home,有另一个页面叫音乐列表页面(qq-music),剩下一个页面叫音乐详情页面(qq-music-detail),现在要用vuex实现从home页面到音乐列表页面时,再从音乐列表到音乐详情页面。1.如果是从音乐详情页面返回音乐列表页面,则要把上次进入音乐列表页面的数据展示出来。2.如果是从首页进入音乐列表页面,则重新请求,不加载缓存数据如何用 vuex缓存数据在上一篇文章在已实现缓存的基础上,现在要解决的就是当从home页面进入音乐列表页面时如何清空缓存数据,如
2022-02-24 22:36:35
522
原创 vuex实现缓存
本样例以qq音乐搜索接口为样例,实现的效果为:点击上图中四个歌手的名称,把相应的音乐列表展示在右侧框框中,但如果点过一次后的接口则不再请求接口,使用vuex中第一次缓存下的数据展示。也就最后不管点击多少次,请求接口的次数最大为4次。代码实现如下:1: api.jsexport function getNewQqMusic(params) { return fetch({ url: "/splcloud/fcgi-bin/smartbox_new.fcg", method: "GE.
2022-02-22 20:48:24
1567
原创 函数arguments初识
使用function关键字定义(非箭头)函数时, 可以函数内部访问arguments对,从中取得传进来的每个参数值。arguments对象是一个类数组对象,不是Array的实例,因此可以使用中括号语法访问其中的元素,第一个参数是arguments[0],第二个参数是arguments[1],如果要确定传入多少个参数,可以访问arguments.length属性。function sayHi(name,message){ console.log('name'+name,'message'+mes
2021-12-28 21:49:51
263
原创 flex布局
flex-direction:row <div class="container"> <p>one</p> <p>two</p> <p>three</p> </div> .container{ margin:20px 20px; width:300px; height:200px; box-sizing: border-box; paddin
2021-12-24 23:07:24
421
原创 antd组件给后端传值时的特性
最近写的时候发现前台传过去的空格在后端代码中会变成null,传空字符串也是1. a-input 输入框组件在点击了allow-clear的清除小图标(相当于手动把输入框内的值全删除)后会传''(空字符串)2. a-input-number 全部清除后传03. a-select 清除后会传undefined ...
2021-12-19 20:58:04
340
原创 let块级作用域的体现
for(let i=0;i<3;i++){ let i='aaa' console.log(i) // 输出3次aaa, 循环条件的i和循环体的i处于不同的作用域,因为同一作用域下不可能同时声明两个i变量}
2021-12-17 23:08:45
80
原创 字符串方法:padStart(),padEnd()
padStart() , padEnd()通过原型可以访问:String.prototype.padStart(padLength [,padString]);String.prototype.padEnd(padLength [,padString]);它可以帮助我们实现用另一个字符串填充一个字符串,直到结果字符串达到给定的长度。padStart() 方法有两个参数:padLength 是填充后的结果字符串的长度。如果 padLength 小于字符串的长度,则字符串按原样返回,没有填充。p
2021-12-16 22:36:01
316
原创 reduce数组对象求和
reduce函数注意点:传入参数:pre[累加值],ele[当前值],index[索引],array[当前数组]当reduce没有传入初始值的时候,pre取的是数组的第一项,ele为数组的第二项当reduce有传入初始值的时候,pre取的是初始值,ele为数组的第一项 let list = [ { stove1: '12', stove2: '13', stove3: '14' }, { stove1: '12', stove2: '13', stove3: '14'
2021-12-13 21:10:54
2479
空空如也
求个优雅的格式时间的方法
2021-11-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人