js_css_html
文章平均质量分 64
wanbiaoTT
这个作者很懒,什么都没留下…
展开
-
把一组伪数组中的重复项合并,写出这项的长度,形成一个数组对象的形式
列如把 let s = [‘ccv’,‘ccv’,‘ccv’,‘cc1’,‘cc1’,‘c2’] 转化为 [{title:‘ccv’,num:3},{title:‘cc1’,num:2},{title:‘c2’,num:1}] ; function getRepeatNum(arr){ return arr.reduce(function(prev,next){ prev[next] = (prev[next] + 1) || 1; return p原创 2020-12-24 14:52:59 · 79 阅读 · 0 评论 -
数组对象转化为树形结构
function getTree(data) { let result = [] let map = {}; data.forEach(item => { map[item.id] = item; }); data.forEach(item => { .原创 2020-12-24 14:43:48 · 552 阅读 · 0 评论 -
在一组数组中查找连续的数组并归为一个子数组
function fn(arr){ var result = [], i = 0; result[i] = [arr[0]]; arr.reduce(function(prev, cur){ cur-prev === 1 ? result[i].push(cur) : result[++i] = [cur];..原创 2020-12-24 14:41:49 · 297 阅读 · 0 评论 -
CSS实现水平居中和垂直居中
1、水平居中(1) .box { width: 200px; height: 200px; margin: 0 auto; background-color: aqua; }(2) .box { position: absolute; left:50%; margin-left: -100px;原创 2020-12-31 15:04:17 · 311 阅读 · 0 评论 -
01、小白学习关于js变量提升
js变量提升有如下代码:console.log(a); var a = 1js在执行时 ,var定义的变量存在一个变量提升(即将定义提前执行了),其实按下面顺序执行:var a;console.log(a);a=1;所以执行结果是undefined还有存在变量提升的就是function(),在执行方法时,先调用封装函数,再执行结果,即执行一下代码也不会报错: console.log(add(2,3)); function add (a,b) { r原创 2020-11-30 20:45:48 · 140 阅读 · 0 评论 -
call,apply,bind区别
联系:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。区别:var xw = {name : “小王”,gender : “男”,age : 24,say : function() {alert(this.name + " , " + this.gender + " ,今年" + this.age);}}var xh = {name : “小红”,gender : “女”,age : 18}xw.say();转载 2020-12-25 11:41:45 · 59 阅读 · 0 评论 -
继承
一、原型链的缺点1.1 单纯的原型链继承最大的一个缺点,在于对原型中引用类型值的误修改。 先看一个例子:复制代码 //父类:人function Person () {this.head = ‘脑袋瓜子’;}//子类:学生,继承了“人”这个类function Student(studentID) {this.studentID = studentID;}Student.prototype = new Person();var stu1 = new Student(1001);转载 2020-12-25 11:35:48 · 82 阅读 · 0 评论 -
arguments对象理解
arguments是什么?在每一个函数内,都有一个内置的数组,是一个变量,叫做arguments。arguments可以存储当前函数传入的所有参数,而且,是通过传参的顺序,进行排列的。我们调用实参,就要知道有几个形参,但是当我们不确定有几个形参的时候,这时候我们就需要用到arguments接下来看这个输出的是第一个实参 4;虽然argument是一个对象,但是一个类数组对象,可以通过数组[ ]下标的形式调用。下面做一个用法...原创 2020-12-25 11:18:08 · 273 阅读 · 0 评论 -
指定盒子中的文字不能被选中
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;直接在样式 css 的类中用原创 2020-12-24 15:16:59 · 162 阅读 · 0 评论