- 博客(9)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 浅谈Javascript深浅拷贝
1.总述 在JavaScript中深浅拷贝均针对于引用数据类型。为了验证各种拷贝，准备三层深入结构的Object对象类型数据。 var obj = { level1stu:[ {name:"frank1", girlFriends:["迪丽肉巴1","古力nong扎1","玛尔扎哈1"]}, {name:"frank2", girlFriends:["迪丽肉巴2","古力nong扎2","玛尔扎.
2020-09-22 19:49:38
176
转载 js中this的四种使用场景
最近读到了一篇介绍js中this的四种使用场景的文章，感觉总结的很好，所以我认真读了读，并且动手实践了其中的demo，与大家共享。原文链接：https://github.com/alsotang/n...遇到this，一直要记得这句：函数执行时，this总是指向调用该函数的对象（即：判断this所在的函数属于谁）。1、函数有所属对象，则指向所属对象var myObject={ value:100};myObject.getValue=function(){ console.l
2020-09-22 17:20:22
398
原创 Javascript中的map()函数与filter()函数的区别
1.相似语法上来看两者相似，都能接受一个回调函数，并作用于调用者。 var arr = [1,2,3,4,5,6]; var mapArr = arr.map(item=>item+=1); var filterArr = arr.filter(item=>item+=1); console.log(mapArr); console.log(filterArr);2.区别不同点在于：当回调函数为【布尔函数】时map()函数会.
2020-09-21 17:49:42
1101
原创 visibility:collapse的作用
1.简述 今天被萌新问了个问题：visibility:hidden和visibility:collapse到底什么区别？感觉都是把元素变的不可见，却能保留在文档流中的位置，但是他们两个到底什么区别？尴尬的是我真不知道这属性啥意思，平时用的时候最多就是默认visible和hidden。最后搞明白了之后记录一下。2.说明 visibility属性用于设置html元素在页面中的可见性，其常见属性值有visible(默认)、hidden，而collapse是一个相对前两者来说并不怎么常见的一个...
2020-09-18 18:39:09
4562
5
转载 css中元素居中总结
很多时候，我们需要让元素居中显示：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下(这篇文章也在 imooc 里发表过手记，可是因为板式的原因不太容易读懂。)：更新(20181115)：让元素水平垂直居中，也可以使用让元素显示为单元格，让单元格原本的垂直居中发挥作用：<div class="parent"> <div
2020-09-18 16:56:43
343
原创 CSS中display:block与display:table在参与处理BFC时的区别
1.问题 在页面父子级结构中：若父级结构与相邻子级结构之间没有内容，且父级不存在border的情况下。父级与子级元素的margin会发生合并，也就是所谓的margin击穿问题。 <style> *{ margin: 0; padding: 0; } .father{ margin-top: 50px; } .son{ width: 100px; ..
2020-09-18 16:52:35
1036
转载 圣杯布局和双飞翼布局的理解与思考
圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。圣杯布局来源于文章In Search of the Holy Grail，而双飞翼布局来源于淘宝UED。虽然两者的实现方法略有差异，不过都遵循了以下要点：两侧宽度固定，中间宽度自适应 中间部分在DOM结构上优先，以便先行渲染 允许三列中的任意一列成为最高列 只需要使用一个额外的<div>标签下面我将依次介绍圣杯布局和双飞翼布局的实现方法，并在最后
2020-09-17 10:58:19
439
1
转载 CSSmargin击穿问题（子元素margin-top会影响父元素）
最近写一个H5页面的时候发现了这个被忽视的问题，一时没想到什么原因，搜了半天，记录一下，方便他人踩坑。唉，有些东西不用就忘。一、问题描述最终效果：会发现在元素上面会有20px的空白，然而我们并没有对父元素设置margin，可见是子元素的 margin-top：20px 影响到了父元素。二、原因：MDN的文档：如果没有边框border，内边距padding，行内内容，也没有创建块级格式上下文或清除浮动来分开一个块级元素的上边界margin-top与其内一个或多个后代块级元素的上边界m..
2020-09-17 10:49:22
406
原创 paperJS框架学习破冰01-鼠标跟随式三D球状动画效果
目录1.引言2.基本描述3.开始使用3.1.入门3.2.基础构建4.案例：鼠标跟随式3d球状动画4.1.尝试构建4.2.多个path4.3.动画4.4.长度变化速率曲线4.5.颜色渐变4.6.增大数量4.7.鼠标跟随4.8.裸眼3D5.总结1.引言 最近工作中对HTML页面特效有一些需求，于是在工作之余就找了一些封装的非常酷...
2020-09-14 10:39:14
387
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人