- 博客(94)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 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
403
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
438
原创 每日一点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
63
原创 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
119
原创 每日一点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
151
原创 每日一点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
82
原创 操作符：逻辑或
逻辑或 || 值1 值2 结果 true true true true false true false true true false false false 规则:如果第一个操作数是对象，则返回第一个操作数 :如果第一个操作数是false，则返回第二个操作数 :如果两个操作数都是对象，则返回第一个操作数 :如果两个数都.
2022-05-04 14:03:19
140
原创 有顺序的执行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
1059
原创 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
4206
原创 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
109
原创 js原型理解
/*prototype(原型/原型对象):每一个函数天生自带一个属性叫做prototype，他是一个对象只要函数定义好了之后，这个prototype就出生了构造函数也是函数，构造函数也有prototype __proto__ 每一个对象天生自带一个属性，实例对象也是对象，叫做__proto__，指向所属构造函数的prototype */ // function Person(name, age) { // this.name = name; //
2022-03-23 21:58:11
178
原创 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
73
原创 实用小函数
数组随机化 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
97
原创 异步接口请求多个优化写法
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
121
原创 vuex页面实现多个页面跳转间的缓存
样例描述：现在有一个主页面叫home，有另一个页面叫音乐列表页面(qq-music)，剩下一个页面叫音乐详情页面(qq-music-detail)，现在要用vuex实现从home页面到音乐列表页面时，再从音乐列表到音乐详情页面。1.如果是从音乐详情页面返回音乐列表页面，则要把上次进入音乐列表页面的数据展示出来。2.如果是从首页进入音乐列表页面，则重新请求，不加载缓存数据如何用 vuex缓存数据在上一篇文章在已实现缓存的基础上，现在要解决的就是当从home页面进入音乐列表页面时如何清空缓存数据，如
2022-02-24 22:36:35
457
原创 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
1503
原创 函数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
228
原创 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
389
原创 antd组件给后端传值时的特性
最近写的时候发现前台传过去的空格在后端代码中会变成null，传空字符串也是1. a-input 输入框组件在点击了allow-clear的清除小图标(相当于手动把输入框内的值全删除)后会传''(空字符串)2. a-input-number 全部清除后传03. a-select 清除后会传undefined ...
2021-12-19 20:58:04
280
原创 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
54
原创 字符串方法：padStart(),padEnd()
padStart() , padEnd()通过原型可以访问：String.prototype.padStart(padLength [,padString]);String.prototype.padEnd(padLength [,padString]);它可以帮助我们实现用另一个字符串填充一个字符串，直到结果字符串达到给定的长度。padStart() 方法有两个参数：padLength 是填充后的结果字符串的长度。如果 padLength 小于字符串的长度，则字符串按原样返回，没有填充。p
2021-12-16 22:36:01
251
原创 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
2411
空空如也
求个优雅的格式时间的方法
2021-11-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人