2017年11月_CherryLee_1210

原创对JS中Object.prototype.toString.call([value])的理解

通过获取Object原型上的toString方法，让方法中的this变为需要检测的数据类型，并且让方法执行。在我们使用toString检测数据类型，不管你是什么类型的值，我们都可以正常检测出需要的结果（此方法检测是万能的）。typeof不能具体的检测出是数组类型还是正则类型；instanceof（当前实例是否所属这个类）不能检测出基本数据类型，instanceof检测的原理是基于原型链检测的：只要当

2017-11-20 23:14:42 1023

原创 window.onload与$(document).ready()的对比

jQuery中的$(document).ready()$(document).ready(function(){})也可以简写为$(function(){}) $(document).ready()必须等到页面中的DOM结构绘制完毕后被执行，可能DOM元素关联的东西并没有加载完。可以在同一个页面中使用多次，多次都生效（所以在使用JQ完成代码的时候，我们一般都会把代码放在回调函数中，首先不仅是等

2017-11-19 21:45:53 200

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-11-19 21:28:16 172

原创 JS中的while循环

while语句是根据括号内的判断条件进行判断是否继续循环，如果括号里面的条件成立，意思这个循环会无限执行下去，一直到条件不成立时才结束。while (条件){ 循环体}while(1==1){}//死循环当我们不知道要循环多少次的时候，就需要用到while循环，知道条件不成立即可，这样就可以跳出循环。如果条件恒成立，就会出现尴尬的局面“死循环”。。。

2017-11-17 23:49:02 848

原创 JS中for 循环与 for in 循环的区别

首先得先介绍一下什么是for 循环，什么是for in循环for循环语法： for (设置初始值;设置循环执行的条件;步长累加){ //条件成立，执行循环体中的内容（循环体中存放的就是我们需要重复处理的事情）。}第一步：设置初始值第二步：验证（设置）循环能够执行的条件第三步：条件成立，执行循环体中的内容，不成立直接结束循环。第四步：每一次执行完成循环体中的内容，为了能够执行下一次的循环，做

2017-11-16 23:55:22 1655

原创函数的三种角色

函数一共有三个角色，普通函数、类、普通对象。第一种角色：普通函数在函数当做普通函数的时候有以下内容栈内存作用域链形参argumentsreturn。。。第二种角色：类实例私有属性和公有属性prototype“__proto__”。。。第三种角色：键值对操作。。。函数的三种角色没有直接的关系function(){}fn();new fn();fn.prot

2017-11-15 21:01:59 493

原创 JS使用xxx.index=0 和 xxx.setAttribute(‘index’,0) 这两种设置自定义属性的区别？

在JS中有两种设置自定义属性的的方式：第一种是 xxx.index:是把当前元素当做一个普通对象，为其设置一个属性名（和页面中HTML没有关系）。第二种是 xxx.setAttribute：是把元素当做特殊元素来处理，设置的自定义属性是和页面结构中的DOM元素映射在一起的。在JS获取DOM的元素对象，我们可以理解为两种角色与页面中的HTML结构无关的普通对象与页面HTML结构的存在

2017-11-14 23:31:18 1871

原创 JS中获取以及操作DOM中的节点

获取DOM中节点节点的作用：节点是描述页面中每一部分之间的关系的。所以我们就要通过相关的属性和方法获取到页面中所有的节点。childNodes 获取当前元素的所有子节点（节点集合：类数组）在这里需要注意的是：不仅仅是元素节点，注释节点、文本节点等都会包含在内，格外需要注意的是子节点只在儿子辈分中查找！！！children 获取所有的元素子节点（元素集合）在IE6~

2017-11-14 01:23:55 883

原创 JS中DOM的节点

node：节点浏览器认为在HTML页面中所有的内容都是节点（包括标签、注释、文本、文档等）。元素节点：HTML标签文本节点：文字内容（高版本浏览器中会把空格和换行也当做文本节点）注释节点：注释内容document文档节点。。。元素节点nodeType:1nodeName:大写标签名（在部分浏览器的怪异模式下，我们写的的标签名是小写，它获取的就是小写，并不是大写的）nodeValue:

2017-11-14 00:41:35 344

原创 JS中获取DOM的方法

getElementById通过元素ID获取此方法的上下文只能是document。一个HTML页面中元素的ID理论上是不能重复的，但是重复了页面中也不会报错 1、如果页面中的ID重复了，我们获取的是第一个ID对应的元素对象。 2、在IE7及更低版本浏览器中，会把表单元素的name值当做ID来识别。（项目中尽量不要让表单的name和其他的元素的ID相同） 3、如果我们把JS放在

2017-11-13 23:30:27 434

原创 JS实现在不知道盒子宽高的情况下，默认让盒子在页面中水平垂直居中

当然在我们知道宽高的情况下， 1、我们通过CSS的中的绝对定位实现#box{ width:100px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px;}2、通过CSS中的margin=auto,四个方向都为0的方

2017-11-11 23:59:44 3496

原创 DOM元素中映射、重绘和回流

在DOM中存在映射机制、重绘和回流。映射机制所谓的映射原理就是，浏览器渲染页面的时候，每一个元素都设置了很多的内置属性（包含样式），当我们在JS中，把堆内存中的某一个。当内置属性的值修改了，大部分情况下，浏览器都会监听到你的修改，然后按照最新修改的值，重新渲染页面中的元素。但是我们应该注意的是：DOM的重新渲染比较消耗性能，我们最好尽量减少DOM的操作。DOM的重绘当一个元素的样式（

2017-11-10 21:33:25 594

原创关于JS中的继承（三）

ES6中的类及继承首先我们先说一下，ES6中的类，在ES6中定义类如下代码所示。class Fn {//ES6中定义类用class关键字，而不是function constructor(){//构造函数 //=>constructor:Fn //=>这里面的 this.xxx=xxx 是给当前实例设置的私有属性 } xxx(){}//=>这里设

2017-11-10 00:39:41 259

原创关于JS中的继承（二）

JS中的call继承在子类的构造体中，把父类当做普通方法执行，让父类方法中的this指向子类的实例。call继承的原理把父类构造体中私有的属性和方法，原封不动复制了一份给子类的实例（继承完成后，子类和父类是没关系的）。call继承的细节我们一般把call继承放在子类构造体中的第一行，也就是创建子类实例的时候，进来的第一件事情就是先继承，然后再给实例赋值自己私有的（好处：自己的可以把继承过来的

2017-11-10 00:31:01 260

原创关于JS中的继承（一）

首先我们要知道什么是类的继承？其实就是子类继承父类中的一些属性和方法。在JS中实现继承有多种方式，有原型继承、call继承、寄生组合继承、ES6中的类以及继承等几种方式。接下来，我将一一介绍每一种继承方式。原型继承所谓原型继承，指的是让子类的原型指向父类的实例Children.prototype=new Parent();我们要注意一些细节：一、我们首先让子类的原型指向父类的实例，再向子

2017-11-09 23:48:00 248

原创关于JS多态中的重载问题分析

在一些后台的面向对象的编程语言中，例如Java 、c#等里面出现的函数多态的重载的概念都是指的是，方法名相同，但是参数参数不同，叫做方法的重载。上代码帮助理解。public void sum(int num1,int num2){ //CODE}public void sum(int num1){ //CODE}public void sum(int num1,strin

2017-11-08 22:46:51 441

原创 obj[age]和obj[‘age‘]有什么区别？

age:变量名，代表的是它存储的值。 ‘age’：常量,字符串的具体值。var age = 'name';var obj ={ name='zhufeng', age:8};console.log(obj.age); //=> 8console.log(obj['age']);// =>8console.log(obj[age]); //=>obj[age变量] =>ob

2017-11-07 23:25:52 4532 2

原创外链式CSS与导入式CSS的区别

所谓外链式css指的是而导入式css指的是@import “cssstyle.css”.首先，让我们区别一下什么是链接外部样式和导入外部样式：我们知道，这两种引用外部样式的方式作用几乎是一样的，都是将独立的CSS样式文件引用到网页文件中来，但二者还是有一些细微的的差别的（因为设计都不会无聊到搞出两个完全一样的东西来），下面就根据我所了解到的两个方面进行探讨：1、使用link链接的css是客户端浏

2017-11-06 20:38:53 8851

原创 JS中关于原型与原型链

在JS中关于原型和原型链理解，我自己总结了三句话。我把这三句话称之为理解原型与原型链的“三板斧”第一句话：每一个函数数据类型（普通函数、类）都天生自带一个属性prototype（原型），它是一个对象数据类型的值，在当前prototype中，存储了类需要为其实例使用的公有的属性和方法。第二句话：prototype这个对象，浏览器天生为其开辟一个堆内存，在这个堆内存中天生自带一个属性constr

2017-11-05 14:58:39 370 1

原创关于JS中this的几种方式

首先关于this的指向问题，关于this我们得分为非严格模式和非严格模式。在JS非严格模式下给元素的某一个事件绑定方法，当事件触发，方法执行的时候，绑定的这个方法中的this一般是当前操作的这个DOM元素。oBox.onclick=function(){ //=>当绑定的方法执行，方法中的this:oBox //=>如何让绑定的方法执行： //1、手动点击oBox,经由

2017-11-04 23:28:15 616

原创将类数组转换成数组封装成方法

我们需要做到的是，兼容所有浏览器直接上代码var utils = (function(){ function toArray(array_like){//类数组 var ary=[]; try{ ary = Array.prototype.slice.call(array_like);//通过call方法将this指向array_l

2017-11-03 22:28:20 856

原创实现在一组数中找出最大值与最小值

废话不多说，直接上代码。。。第一种方法先利用数组中的sort方法对数组的数进行排序（我在这里采用升序的方式（return b-a;就是实现数组的降序）），然后排序后的数组首尾肯定是最小值和最大值。var ary = [12,13,5,18,30,24];ary.sort(function(a,b){ return a-b;});var numMin=ary[0];var nu

2017-11-02 23:44:37 14179

原创 JS中出现undefined与null几种常见情况

在我们执行JS的一些代码的时候，有的时候就会有一些结果出现null和undefined。我就为大家总结了一些常见的情况。undefined在变量提升（预解析）阶段，只声明未定义，默认值就是undefined。在JS的严格模式下（”use strict”），没有明确的主体，this指的就是undefined。函数定义没有返回值（return或者return后面什么也不带），默认的返回值就是und

2017-11-01 22:44:01 20542 6

CherryLee_1210的博客