lion冲鸭-CSDN博客

原创 JS实现浅拷贝和深拷贝的几种方法

JS中的数据类型有两种，分别是基本数据类型和引用数据类型，前者存放在栈中，我们可以通过值的形式去访问；后者则是存放在堆和栈中，我们不能直接操作对象的堆内存空间，只能按照引用进行访问，即只能访问栈中的“地址”，这个地址指向存储在堆中的对象。我们首先来实现个浅拷贝。 var obj={ name:'zs', age:18, friends:['K...

2018-12-03 19:23:54 6614 4

原创 Vue中样式绑定的几种方法

由于class与style均为样式属性，因此可以通过v-bind指令进行属性绑定，属性表达式结果的类型可以是对象或数组。本章就介绍下绑定样式属性的四种方法。以对象的形式绑定class属性 <style> .actived{color:red;} </style> 给标签动态添加属性名为actived的class属性，属性的样式用changeStyle变量表示，...

2018-11-18 15:30:55 2946

原创 Vue中父子组件的传值

学习vue的过程中，我们总会遇到组件中数据传递的问题，比如将父组件的数据传递给子组件，或者将子组件的数据传递给父组件。作为一个初学者，看到这些过程难免有些头疼，今天就总结了下具体的过程。目标：当点击button按钮时，输入到input中的文本内容会在页面中显示。逻辑：由于input中的数据在父组件中的list数组内部储存，为了在子组件todoItem中渲染出数据，就要将数据从父组件中传递...

2018-11-17 18:12:38 180

原创清除浮动的方法

清除浮动清除浮动的作用为了解决父级元素因为子级元素浮动导致高度为0的问题,将浮动的盒子圈在内部，让父盒子闭合出口和入口，防止子元素影响其他元素。(准确地说，并不是清除浮动，而是清除浮动后造成的影响) 在CSS中，clear属性用于清除浮动清除浮动的方法额外标签法:在最后浮动的盒子后加div标签，如<div class="clear"></div>，并在css中赋予...

2018-11-16 10:24:07 168

原创堆和栈的个人理解

在了解堆和栈的概念之前，首先明确下数据类型的分类。基本数据类型：Number、String、Boolean、undefined、null 引用数据类型：Object 其中基本数据类型存放在栈中，而引用数据类型存放在堆和栈中，那么堆和栈到底有什么区别呢？先看下百度百科的解释。堆栈空间分配栈：由操作系统自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。堆...

2018-11-16 10:21:31 147

原创 DOM基础操作

原理分析：HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，获取DOM上的元素节点后，操作时修改的便是该元素的属性。我们可以通过DOM节点来访问与之相关的其他节点，比如父节点、兄弟节点和子节点。以上就是获取节点的方式，可以调用这些方法获取相应的节点，需要注意兼容性的问题。另外，由于childNodes方法会获取DOM树中所有的节点（包括元素节点、文本节点等）因此需要...

2018-11-16 10:20:52 95

原创作用域

函数基本概念函数的概念：函数就是把完成特定功能的一段代码抽取出来，使之成为程序中的一个独立实体，起个名字（函数名）。可以再同一个程序或其他程序中多次重复使用。（通过函数名调用）函数的功能：可以封装任意多条语句，而且可以在任何时候调用执行。（封装函数时，函数名=标识符，要体现出函数的功能）函数的作用：使程序变得简短清晰；有利于程序的维护；提高开发效率；提高代码的重用性。函数的分类： ...

2018-11-16 10:19:55 106

原创闭包

闭包的概念函数在嵌套区域内，如果内部函数被保存到了外部，就会生成闭包，由于闭包会导致原有的作用域链不释放，因此内存会被占用的越来越多，造成堵塞。闭包的例子 b函数没有被执行，而是被返回到了全局中，此时b函数带着a函数原有的执行期上下文在全局内执行，b函数会优先在自己的范围内查找aaa的值，之后再沿着作用域链进行查找，此时变量aaa可以被输出（结果为123）如果去掉b函数没有被返回到外...

2018-11-16 10:18:10 584

原创对象

原型为了更好理解原型的概念，先做一个准备工作。首先创建一个新数组，并为其中一个变量添加属性和方法，该变量可以实现属性和方法的调用。其次创建另一个变量，并调用之前变量的属性和方法，可以发现调用的结果是undefined和报错，那么问题来了，如何才能让arr1也能调出arr的属性和方法呢？这里就涉及到了原型的概念。原型：创建的每一个函数都有一个prototype属性，这个属性是一个指针...

2018-11-16 10:16:47 102

原创 JQ实现简易轮播图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

2018-11-16 10:12:58 1670

原创瀑布流实现

<div id="all"> <div class="box"><div class="pic"><img src="images/img01.jpg" alt=""></div></div> &amp

2018-11-15 18:03:50 164

程程程程的博客