Liushen01-优快云博客

原创 JavaScript初探-----闭包的理解

前言闭包是js中一个比较深奥晦涩的概念，需要好好理解，下面我就从各个方面来理解一下闭包。首先，闭包和匿名函数是完全不一样的概念，闭包是指有权访问另一个函数作用域中的变量的函数，其实就是将函数内部和函数外部连接起来的一座桥梁。匿名函数就是没有名字的函数。闭包的用途我们先来看两个例子：var a = 10;function fn(){ alert(a);};fn(...

2018-05-09 11:48:01 194

原创关于Vue生命周期

前言在使用Vue框架时，熟悉生命周期是非常重要的，接下来就来全面认识理解一下Vue的生命周期钩子函数。钩子函数首先，我们来理解一下钩子函数的含义，它翻译成hook，在Vue中是一种事件劫持机制，就是说它会比你的事件更早进行执行处理，而且可以让你自己去配置。对应的就存在一个回调函数，回调函数其实就是调用者把回调函数的函数指针传递给调用函数，当调用函数执行完毕时，通过函数指针来...

2018-05-09 10:15:44 915

原创 jQuery自定义导航插件的开发过程

前言在开发过程中，我们经常会使用到插件，其具有方便灵活的特点，但是如果在市面上找不到自己满意的插件，或者想自己封装一个插件提供给别人使用时，就需要自己编写一个jQuery插件了。按照功能来分类，插件可以分为以下三类：封装对象方法的插件（就是基于DOM元素的jQuery对象，具有局部性）封装全局函数的插件（全局性的封装）选择器插件（类似于.find()）经过这么长时间的插件开发...

2018-05-08 21:39:19 498

原创关于JavaScript中的浅拷贝和深拷贝

前言在JavaScript中，目前的基本类型是：Boolean、Null、Undefined、Number、String、Symbol(ES6)，引用类型有Object、Array、Function。对于基本类型的值，我们来看下面这个例子：//例子1var a = 10,b = a;a = 20 ;console.log(a); //20console.log(b); //1...

2018-05-08 17:18:39 188

原创原生JavaScript实现淡入淡出效果

前言一提到淡入淡出效果，大家可能会想到jQuery的fadeIn(),fadeOut()和fadeToggle()函数，它们被封装到库中，很方便被调用。但是有时候只为了一个简单的淡入淡出效果，并不需要去调用庞大的jQuery库，所以，下面我们用纯js代码实现淡入淡出的效果。需求分析要实现淡入淡出效果，就是要使用到setInterval()函数，改变element节点透明度opa...

2018-05-07 21:51:27 17238 2

原创 css-----居中方式整理

前言CSS中的居中可分为水平居中和垂直居中。水平居中分为行内元素居中和块状元素居中两种情况，而块状元素又分为定宽块状元素居中和不定宽块状元素居中。下面来详细介绍一下这几种方式的具体实现。一、水平居中1.行内元素居中行内元素只针对行内元素，比如文本（text），图片（img），按钮（button）等行内元素，就可以通过给父元素设置text-align:center来实现。实现居中的方...

2018-05-01 23:11:58 168

原创 JavaScript初探-----实现继承方式的整理

前言JavaScript是作为面向对象的弱类型语言，继承是其非常强大的特性。许多OO语言都支持两种继承方式，就是接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。因为函数没有签名，所以在ECMAScript中无法实现接口继承，只支持实现继承，而实现继承又主要依靠原型链来实现。为了实现继承，我们先定义一个父类：function Person(){ thi...

2018-05-01 20:28:49 158

原创 JavaScript中的prototype属性理解

1.prototype的定义在JavaScript中，我们创建的每一个对象都有一个prototype属性，这个属性会返回对象类型原型的引用，所以它就能为一个特定的类声明通用的变量或函数。 prototype属性不需要显式声明，它在构造函数中已经存在：function Test(){}alert(Test.prototype); //Objectprototype是一个对象，所...

2018-05-01 11:42:02 407

原创 JavaScript初探-----创建对象方式的整理

最近正在学习前端知识，所以想通过写写博客来总结一下，加深自己的理解。关于对象程序员怎么可能会有对象！对象是某个特定引用类型的实例，在JavaScript中就是Object类型。创建Object实例的方法有以下两种：//第一种：使用new操作符后跟Object构造函数var person = new Object();person.name = "Mike";p...

2018-05-01 09:41:53 159

Liushen01的博客