- 博客(7)
- 收藏
- 关注
RSS订阅原创 彻底理解原型对象与原型链机制
一、引JavaScript中的原型对象与原型链是一个一度令初学者头疼的问题。因为它描述起来总给一种“套娃”的感觉。今天就通过一张图来说说原型对象与原型链吧，看她究竟是如何“套娃”的。二 原型对象1. 构造函数的缺点在说原型对象之前，我们先来看一下构造函数。大家都知道，JavaScript中创建对象的模板是构造函数（ES6之后出现了类），构造函数方法很好用，却存在浪费内存的问题。这是因为每创建一个实例对象，都需要开辟新的空间来存储，例如我们创建构造函数Person并通过构造函数创建两个实例成员如下：。
2020-10-06 21:08:14
565
原创 实现元素水平垂直居中的4种方法
引元素的垂直水平居中在网页开发中极为常见，其实现方法也多种多样，接下来将介绍4种实现元素垂直水平居中的方法。实现效果如图：<body> <div class="father"> <div class="son"></div> </div></body>一、 使用弹性盒模型flex实现设置父元素的布局方式为flex， display: flex;设置父元素在水平方向上的对齐方式为居中对齐，j
2020-09-30 19:42:17
4211
原创 清除浮动的本质及方法
引 为什么要清除浮动？元素浮动在网页开发中十分常见，但很多时候会发现，浮动的元素会影响其他元素的排列。这是因为浮动元素会脱离标准流，不再保留原来的位置，其后面的标准流元素会补上浮动元素空出来的位置，从而会影响其后面的标准流。一 清除浮动的本质先来看一下浮动会产生的影响：所以，清除浮动的本质是清除浮动元素造成的影响，若父元素本身有高度，则不需要清除浮动。清除浮动后，父级就会根据浮动的自盒子自动检测高度，父级有了高度，就不会影响其后面的标准流了。二 清除浮动的方法清除浮动主要有四种方法：额外标
2020-09-14 17:34:44
536
原创 CSS中外边距(margin)合并问题
引使用margin定义块级元素的垂直外边距时，可能出现外边距的合并。主要有以下两种情况：相邻块元素垂直外边距的合并嵌套块元素垂直外边距的塌陷一 相邻块元素垂直外边距的合并当上下相邻的两个块元素(兄弟关系)垂直排列时，如果上面的元素有margin-bottom,下面的元素有margin-top，则他们之间的垂直距离不是margin-bottom与margin-top之和，而是取两个值中较大的一个。上图中：设置box1的margin-bottom为20px，box2的margin-top值为1
2020-09-13 21:04:35
923
原创 CSS中三角形的绘制与巧妙应用
引网页中常见的一些三角形，无需制作成图片或者字体图标，使用CSS就可以直接画出来。如小米官网中：以及京东网页中的：那么这些三角通过是CSS怎么实现的呢？三角的实现我们可以通过将一个div容器的宽和高都设置为0，通过设置容器的边框来实现。.box { height: 0; width: 0; border-color: wheat skyblue pink rgb(154, 121, 230); bo
2020-09-10 18:49:27
277
原创 【JS】深拷贝与浅拷贝，用递归实现深拷贝
引js中的深浅拷贝的区别主要是针对Object和Array这种复杂类型的数据而言的。简单来说，浅拷贝只复制最外层的数据，对于更深层级的数据复制的是地址，复制前后的数据指向相同的存储地址。而深拷贝复制了所有层级的数据。一 浅拷贝复制最外层的数据，对于更深层级的数据复制了地址，将对象oldObj拷贝给对象newObj后，修改newObj中的属性，oldObj中的内容也会跟着变化。<script> var oldObj = { id: 1,
2020-09-06 15:56:00
490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人