2018年03月_jingtian678

转载 js实现两种实用的排序算法——冒泡、快速排序

零：数据准备，给定数组arr=[2,5,4,1,7,3,8,6,9,0];一：冒牌排序1思想：冒泡排序思想：每一次对比相邻两个数据的大小，小的排在前面，如果前面的数据比后面的大就交换这两个数的位置要实现上述规则需要用到两层for循环，外层从第一个数到倒数第二个数，内层从外层的后面一个数到最后一个数2特点：排序算法的基础。简单实用易于理解，缺点是比较次数多，效率较低。...

2018-03-29 00:15:58 159

转载 js判断各种数据类型通用方法

了解js的都知道，有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)如下实例：typeof 2 输出 numbertypeof null 输出 objecttypeof {} 输出 objecttypeof [] 输出 objecttypeof (functio...

2018-03-18 17:00:04 738

原创一道题目理解js中变量在作用域链与原型链中的查找顺序

js作用域链下面是一道js题目：[javascript] view plain copyfunction C1(name){ if(name){ this.name = name; } } function C2(name){ this.name = name; } function...

2018-03-16 00:44:17 837 1

转载 js原型继承的几种方式

1. 原型链继承2，构造函数继承（对象冒充继承）3，组合继承（原型链继承+构造函数继承）4，原型式继承5. 寄生组合式继承一。原型链继承function Show(){this.name="run";}function Run(){this.age="20"; //Run继承了Show,通过原型，形成链条}Run.prototype=new Show();va...

2018-03-15 03:30:18 566

转载 setTimeout(fn,0)的解释和应用

前言关于setTimeout，我之前的文章介绍过。setTimeout我们经常用来做延迟执行，那么setTimeout(fn,0)，是不是就不延迟执行了！答案肯定是否定的。这篇文章，我详细介绍一下setTimeout(fn,0)及其应用。案例分析for循环中有setTimeout，是我们在闭包案例中经常遇到和解决的一个问题，看一下下面这个案例for (var i = 0; i &...

2018-03-13 21:55:48 1468

原创 js动态轮播图最简单写法

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>轮播图</title></head><body><img src="img/1.jpg" id="myShow&

2018-03-13 01:49:52 1494

转载 JS中的call()方法和apply()方法用法总结

最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，th...

2018-03-11 23:53:24 118

转载 JavaScript instanceof 运算符深入剖析

instanceof 运算符简介在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的...

2018-03-10 21:26:59 298

转载 JavaScript中this指针指向的彻底理解

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。为什么要学习t...

2018-03-10 20:34:32 139

转载深入理解css3中的flex-grow、flex-shrink、flex-basis

转自：http://zhoon.github.io/css3/2014/08/23/flex.html 感谢他的整理 flex为css的布局带来了新的时代，作为一个重构工程师，我们再也不用局限于float和position，特别是在移动端，我们可以利用flex轻松实现以往float和psition很难实现甚至是无法实现的布局。本文主要讲解flex的三个子属性：flex-grow、flex-...

2018-03-04 00:58:08 433

jingtian678的博客