- 博客(9)
- 收藏
- 关注
RSS订阅原创 解构赋值和箭头函数
解构赋值 解构赋值：可以解构对象和数组。 demo： 先创建一个对象， let person={name：‘张三’，age：18}； 想输出张三可以是console.log(person.name)； 如果用解构赋值的话，就是let{name:name}=person；console.log(name)这个代码还可以简写为let{name}=person；console.log(name)这两个是一样的。 数组同理也是这样 箭头函数 箭头函数的this永远指向父级，而普通的function函数this指向的
2020-11-02 11:16:41
146
原创 清除浮动的方法
1.额外标签 在浮动元素的最后面额外添加一个空标签，设置clear：both 2.设置父级元素 对父级元素设置overflow：hidden，通过触发BFC的方式来清除浮动 3.伪元素 就是添加特定的代码 .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ *zoom:1; /*ie6清除浮动的方式 只有IE6-IE7执行/ } 或者添加下面这段代码 .clearf
2020-10-24 12:00:22
99
原创 对rem适配布局的了解
对rem布局的一些小了解 首先解读一下rem，rem是一个单位，是相对于html元素的字体大小。 比如我设置了html的字体大小为100px，然后下面把一个盒子的宽高设置为0.5rem，那么这个盒子的宽高就是50px；如果把这个盒子的宽高设置为3rem，那么这个盒子的宽高就是300px，这样子页面就会随着html字体的大小来变化。 rem适配布局时可以采用媒体查询（这个方法这里没有讲，可以自己去看看）的方法，使用这个方法来看当前的页面大小是多少，根据这个页面的大小来动态对html字体的大小进行赋值。 上面
2020-10-24 11:52:58
149
原创 对flex布局的总结
flex布局就是给父级盒子设置display：flex，来改变子元素的排列方式。 flex布局中父级元素可以设置的属性 1.flex-directory 用来设置主轴的方向，然后子元素会跟着这个方向来排列，默认值是row行，也可以是column列。 2.justify-content 用来设置主轴上子元素的排列方式，默认值是flex-start，也可以是flex-end，这两个属性就是设置靠着哪边来排。 当值为center时，子元素会居中。 当值为space-around时，会完完全全的平均分配空间。（在主
2020-10-23 16:33:37
227
原创 一个盒子垂直水平居中的方法
flex方法 display：flex; justify-content:center; align-item:center; 定位 首先子绝父相，然后子级盒子的top：50%；left：50%；tranform:translate(-50%,-50%); margin margin:0 auto;
2020-10-20 13:28:45
151
原创 DOM操作总结
创建元素 1.Document.write() [不推荐] 括号里面写上要添加的字符串，如果在一个加载完成的文档上调用会清除原来文档的内容，在新的文档中显示括号里的内容。 2.Document.innerHTML = " " 设置 innerHTML 的值可以替换新的内容 3.Document.createElement() document.createElement(tagName); (innerHTML采用数组的方式来创建元素时，执行效率要比createElement高) 增加元素 1.eleme
2020-10-20 13:13:48
145
原创 原型链的理解
原型链的理解 2020-10-16 昨天晚上突然想到了原型链的问题，对原型链还不太了解，就在晚上看了一些相关的文档，但是看的还是比较模糊，后来翻了一下‘红宝书’，瞬间就明白了很多很多，现在把书里面我觉得很好的东西在这里给大家伙看一下，看过能有收获就最好不过了。 构造函数，原型，实例之间的关系是：每个构造函数都有一个原型对象，原型有一个属性指回了构造函数，实例有一个内部指针指向原型。 而原型链就是：在上面的基础上，如果原型是另一个类型的实例的，那么这个原型（另一个实例）就有一个内部指针指向另一个原型，这另一
2020-10-16 09:50:49
206
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人