js
关注
分享
扫一扫
文章平均质量分 73
js
一个什么都不会的前端
一个什么都不会的前端开发工程师
展开
-
使用es6的class类进行模块化封装、请求
es6中的class类出来以后，es5的构造函数我都用得比较少了，虽然以前项目用到的class类也有但是很少，这次用的很普遍，记录一下一些小问题子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类自己的this对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法，然后再对其进行加工，加上子类自己的实例属性和方法。如果不调用super方法，子类就得不到this对象ES6 的继承实质是先将父类实例对象的属性和方法，加到this上面（所以必须先调用su原创 2021-04-12 16:29:03 · 1227 阅读 · 0 评论 -
对象的扩展与深、浅层拷贝
1、对象的扩展这部分只介绍开发中用的比较多的地方对象属性名的简写//当key、value相同的时候我们可以简写成这样const name = '1212'let obj = { name }现在我们有一个对象和字符串，我们怎么让这个字符串作为对象的key呢let s = 'school'let obj = { name: 1212, age: 3434, [school]: '我是学校', //es6中对象方法的简写 stydy(){ console.log(this.n原创 2021-03-23 11:12:19 · 178 阅读 · 0 评论 -
超实用js技巧，帮你提升代码质量
**1、改写多个if else**某一天我看见了这样一段代码，看的真是心里难受。。。。。if (index === '1') { return 'index';} else if (index === '2') { return 'my';} else if (index === '3') { return 'classify';} else if (index === '4') { return 'shopcart';} else if(index === '5'){ re原创 2021-03-16 10:36:34 · 313 阅读 · 0 评论 -
js求时长
function getTimeDuration(startTime, endTime) { if (!endTime) { console.log(没有结束时间"); return 0; } let tTime = new Date(endTime.replace(' ', 'T')) - new Date(startTime.replace(' ', 'T')); tTime = tTime / 1000 / 60; if (tTime &原创 2020-09-12 10:24:31 · 1055 阅读 · 0 评论 -
js比较2个时间的大小
首先要获取到2个时间点，格式是yyyy-MM-dd HH:mm:ssstartTime是开始的时间（后台返回的），endTime是结束的时间（我自己获取的当前时间）首先对获取的当前时间进行处理let date = new Date() let year = date.getFullYear() < 10 ? "0" + date.getFullYear() : date.getFullYear() let month = date.getMonth() < 10 ? "0原创 2020-09-02 20:56:11 · 1293 阅读 · 0 评论 -
抖音时钟效果
原文链接:时钟特效转载 2020-06-16 15:08:57 · 653 阅读 · 0 评论 -
js数组去重
!<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> let arr = [ {name:'1111'}, {name:'2222'}, {name:'3333'}, {name:'4444'}, {name:'5555'}, {name原创 2020-06-08 18:33:30 · 142 阅读 · 0 评论 -
js给数组里的每一个值加key的方法（每一个值变成obj）
我们现在想要把数组里的每一个值变成对象，这个值作为对象的value，前面加上统一的key：name第一种方法let arr = [1, 2, 3, 4, 5]; var newArr = [];newArr = arr.map(item => ({x:item}));console.log(newArr);**第二种方法**let arr = [1, 2, 3, 4, 5];//reduce() ===>将数组中的每个值（从左到右）开始缩减，最终计算为一个值。cons转载 2020-06-08 18:15:49 · 5160 阅读 · 0 评论