gaoyuan1044704446的博客

原创 数组的操作

Array（数组对象）Array对数组的内部支持Array.concat( )连接数组Array.join( )将数组元素连接起来以构建一个字符串Array.length数组的大小Array.pop( )删除并返回数组的最后一个元素Array.push( )给数组添加元素Array.reverse( )颠倒数组中元素的顺序Array.shift( )将元素移出数组Array.slice( )返回数...

转载 arguments

1.概念：js在函数使用中，会把传入到这个函数的全部参数存储在一个叫做arguments的东西里面，这个的东西是一个对象，一个特殊的对象。2.特殊地方：它并不是真正的数组，只是可以类似数组那样通过数字下标访问其中的元素；                   而且它也有length属性标识它的元素的个数，很多时候我们把这种对象叫做类数组对象（因为并没有数组属性方法的全部）。3.验证代码：functi...

转载 js去重

方法一：遍历数组思路：新建一数组，遍历传入数组，若元素不在新数组中就添加到新数组中。function unique1(arr) { var newArr = []; //新建一个数组 for (var i = 0, len = arr.length; i < len; i++) { if (newArr.indexOf(arr[i]) == -1) { //若...

转载 js中call、 apply、 bind的用法

在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。1.首先搞清楚call，apply和bind方法的来历在js中所有的函数都是Function的实...

原创 定位

◆绝对定位  Position:absolute;特点：★元素使用绝对定位之后不占据原来的位置（脱标）★元素使用绝对定位，位置是从浏览器出发。★嵌套的盒子，父盒子没有使用定位，子盒子绝对定位，子盒子位置是从浏览器出发。★嵌套的盒子，父盒子使用定位，子盒子绝对定位，子盒子位置是从父元素位置出发。★给行内元素使用绝对定位之后，转换为行内块。（不推荐使用，推荐使用display:inline-block...

翻译 跨域

同源同源策略是浏览器的一种安全策略，所谓同源是指，域名，协议，端口完全相同。URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.jshttp://www....

原创 mvc开发模式以及在angularjs中的使用

1.概念：MVC是一种开发模式，由模型（Model）、视图（View）、控制器（Controller）3部分构成，采用这种开发模式为合理组织代码提供了方便、降低了代码间的耦合度、功能结构清晰可见。2.模型（Model）一般用来处理数据（读取/设置），一般指操作数据库。  视图（View）一般用来展示数据，比如通过HTML展示。  控制器（Controller）一般用做连接模型和视图的桥梁。3.使用...

原创 js代码执行的步骤

（1）预解析：JavaScript代码在预解析阶段，会对以var声明的变量名和function开头的语句块，进行提升（hoisting）操作。（函数表达式不会被提升）例子：    //变量的提升      //        alert(a);      //        var a = 1; //提升之后的代码模拟      //        var a;      //        al...

原创 作用域

1.作用域：起作用的范围（1）块级作用域：JavaScript中没有块级作用域（2）词法作用域：在代码写好的那一刻，变量的作用域已经确定好了，这个作用域叫做词法作用域，它与动态作用域相对。（3）在JavaScript中唯一能产生作用域的东西是—函数2.词法作用域的规则：        //函数允许访问函数外的数据.（函数外不允许访问函数内的数据）        //整个代码结构中只有函数可以限定作...

原创 递归

1.递归：在函数内调用函数自己，就是递归。2.函数调用的时候开辟内存空间，没有递归结束条件的递归，就是死递归。（1） 自己调用自己（2） 要有结束的条件3.递归的思想：化归思想，将一个问题由难化易，由繁化简，由复杂化简单的过程称为化归，它是转化和归结的简称...

原创 继承的3种方式

（1）混入式继承使用for in遍历对象1的属性，将所有属性添加到另外一个对象2上，这时称对象2 继承自对象1 （3）原型继承a.利用对象的动态特性，为原型对象添加成员b.直接替换成员替换前的对象在替换之后，所有成员丢失；替换原型对象的时候，需要手动去指定原型对象的construtor属性c.利用混入式给原型对象替换成员（4）经典继承Var 对象1 = Object.create（对象2）这个时候...

原创 原型、原型继承、原型链

1.原型：在构造函数被创建出来的时候，系统会自默认的帮构造函数创建并关联一个神秘的对象，这个对象就是原型，原型默认的是一个空的对象。2.原型作用：原型中的属性和方法 可以被使用该构造函数创建出来的对象使用。3.如何访问原型？   构造函数.prototype注意： （1）prototype是构造函数的属性，跟对象没有关系           （2）__proto__属性（两个下划线，通过对象访问原...

原创 构造函数

1.自定义构造函数：构造函数名，首字母大写        Function Person（）{               this.name = …；               }       var p = new Person();2.构造函数(用来初始化一个对象的)的执行过程        //1.使用new关键字创建对象        //2.调用构造函数，把新创建出来的对象赋值给构造...

原创 创建一个对象的3种方式

（1）对象字面量{key：value，key：value…..}缺点：只能创建一次对象那个，复用性较差，如果要创建多个对象，代码冗余度高。（2） 使用构造函数Var obj= new Object（）；（3） 封装简单的工厂函数 (不推荐使用了)...

原创 面向对象的基本概念

面向过程的思维方式：把解决问题的关注点，放在解决问题的每一个详细的步骤上。面向对象的思维方式：就是把解决问题的关注点，放在解决问题需要的一系列对象上。１.现实中的对象：对象：万物皆对象。具体到某一个事物。对象的特征：描述对象的相关信息。对象的行为：描述对象的行为２.ｊｓ中的对象对象：键值对的组合（但是它是无序的，数组是有序的）对象的特征：js对象的属性对象的行为：js对象的方法３.注意：面向对象是...

原创 定义函数的3种方法

1.三种方法：（1）函数声明function funcName(){}（2）函数表达式var funcName = function（）{}注意：在使用函数表达式声明函数的时候，function后面可以跟函数名，但是这个函数名，只限在函数内部使用，外部无法访问。（3）var funcName = new Function（）；语法：       （1）只传一个参数，这个参数就是函数体       ...

原创 ｊｓ中的数据类型

１.分为基本数据类型和复杂数据类型：（１）基本数据类型：string、 boolean、number、undefined（２）复杂数据类型（引用类型）：Array、Data、Object、RegExp、String、Boolean、Number、function、null、Math２.如何获取一个数据的数据类型：使用关键字typeof（要判断的数据）　　注意：typeof返回值为string类型３...

原创 Ｄｏｍ和Ｂｏｍ的区别

１.联系：（１）ECMAScript是javascript的核心；（２）BOM的核心是windows，表示的是一个浏览器的实例，在网页中自定义的任何一个对象、变量和函数，都以windows作为其全局对象；（３）DOM是针对HTML和XML文档的一个API；２.ｂｏｍ：（Browser Object Model）浏览器对象模型（１）window对象：　　　window对象是JavaScript中的顶...

转载 ｃｏｎｆｉｒｍ（）

转自http://blog.csdn.net/enlyhua/article/details/47168925定义和用法 confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 语法confirm(message)1 说明 如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。 在用户点击确定按钮或取消按钮...

原创 JQuery和js对dom节点操作的区别

注意：1. 通常创建文本节点和创建元素节点配合使用，比如：   var textEl = document.createTextNode("Hello World.");   var pEl = document.createElement("p");   pEl.appendChild(textEl);2. 克隆节点要避免`ID重复，true：深层复制，false：浅层复制3. 替换时oldNo...

原创 HTTP请求（TCP的三次握手四次挥手、TCP和UDP的关系）

1.http 请求的两个方法：GET方法 和 POST方法。    （1）GET 用于获取数据。GET 是在 URL 中传递数据，它的安全性低，容量低。    （2）POST 用于上传数据。POST 安全性一般，容量几乎无限。2.TCP和UDP的区别与联系，都有哪些应用用到了TCP或UDP协议，各自数据包的特点    （1）TCP：是一种面向连接、可靠的、基于数据流、相对比较慢、点对点的传输层协议...

原创 ajax的基本概念及使用

1.概念：（1）同步：必须等待前面的任务完成,才能继续后面的任务（学生排队打饭，排到你，才能打上饭）            （2）异步：不受当前任务的影响（在排队打饭过程中，玩手机不受排队的影响）2.（1）同步更新：我们浏览一个网站，当这个网站页面发生更改时，你必须通过刷新才能看到更改的内容，刷新相当于页面重新加载一次，会感觉很慢，体验不好。  （2）异步更新：实际情况是，我们在访问新浪微博时,当...

转载 js事件监听

js事件监听1、事件监听的定义在Javascript中，浏览器一般分为两大类：① 基于IE内核的浏览器（版本号小于9的IE浏览器）② 基于W3C内核的浏览器（版本号大于9的IE浏览器、Firefox、Google等浏览器） 1）基本语法：基于IE内核浏览器dom对象.attachEvent(type，callback，capture) ：为元素绑定事件监听程序参数说明：type：绑定的事件类型，如...

转载 URL和URI的区别

1.概念.URL：（Uniform Resource Locator）：统一资源定位符          URI：（Uniform Resource Identifier）：统一资源标识符2.两者关系：URL是URI的一个子集3.统一资源标志符URI：就是在某一规则下能把一个资源独一无二地标识出来。拿人做例子，假设这个世界上所有人的名字都不能重复，那么名字就是URI的一个实例，通过名字这个字符串就...

原创 eval（）函数的使用

1.eval() 函数作用：可以接受一个字符串str作为参数，并把这个参数作为脚本代码来执行。2.参数情况：（1）如果参数是一个表达式，eval() 函数将执行表达式；                  （2） 如果参数是Javascript语句，eval()将执行 Javascript 语句3.注意：（如果执行结果是一个值就返回，不是就返回undefined，如果参数不是一个字符串，则直接返回该...

原创 use strict

1.概念：运行模式中，除了正常模式，ECMAscript 5提出了第二种运行模式：”严格模式”（strict mode）。这种模式使得Javascript在更严格的条件下运行。目的是帮助消除那些容易出错的语法和限制使用容易导致问题的编程方式。所以相当于一个Javascript的子集，因此用严格模式编写的javascript代码是可以在所有javascript的解释器中正常运行的。2.特点：“严格模...

原创 通过transform来实现的2D/3D的转换

转换：是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放，甚至支持矩阵方式，配合过渡和动画知识，可以取代大量之前只能靠Flash才可以实现的效果。在css3 当中，通过transform(变形) 来实现2d 或者3d 转换,有四种，缩放，移动，旋转，倾斜。（1）缩放：scale（x,y）对元素进行水平和垂直方向的缩放，x、y的取值可为小数，                   ...

原创 盒模型

1.概念：CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。box-sizing 有两个值:content-box  border-box2.可以分成两种情况：      content-box:对象的实际宽度等于设置的width值和border、padding之和     border-box： ...

原创 栅格系统

  1.原理：    栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。•“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。•通过“行（row）”在水平方向创建一组“列（column）”。•你的...

原创 绝对定位、相对定位、固定定位的区别

◆绝对定位 Position:absolute;特点：★元素使用绝对定位之后不占据原来的位置（脱标）★元素使用绝对定位，位置是从浏览器出发。★嵌套的盒子，父盒子没有使用定位，子盒子绝对定位，子盒子位置是从浏览器出发。★嵌套的盒子，父盒子使用定位，子盒子绝对定位，子盒子位置是从父元素位置出发。★给行内元素使用绝对定位之后，转换为行内块。（不推荐使用，推荐使用display:inline-block;...

原创 浮动

1.概念：将元素从常规文档流中拿出来。2.作用：实现文字环绕效果             让原本上下堆叠的的块级元素实现左右排列3.特点：向左向右float left/right              碰到父盒子的边界，停下来             浮动元素脱离文档流，不占用位置             浮动盒子左右排列，超出父盒子宽度，换行             浮动图片后边未浮动盒子内...

原创 浏览器加载、渲染页面的过程

本文参照这个优秀宝宝的http://blog.csdn.net/XIAOZHUXMEN/article/details/52014901参照链接：https://www.jianshu.com/p/f59bc859d7711.渲染引擎在内容后的基本流程：（1）浏览器解析html源码，然后创建一个 DOM树。（自上而下，深层遍历）在DOM树中，每一个HTML标签都有一个对应的节点，每一个文本也有一个...

原创 开闭原则

开闭原则:是面向对象设计中"可复用设计"的基石，是面向对象设计中最重要的原则之一，其它很多的设计原则都是实现开闭原则的一种手段。(1)对于扩展是开放的(Open forextension)。这意味着模块的行为是可以扩展的。当应用的需求改变时，我们可以对模块进行扩展，使其具有满足那些改变的新行为。也就是说，我们可以改变模块的功能。(2)对于修改是关闭的(Closed formodification)...

原创 函数、变量方面小知识

函数：1.函数不调用，不执行。2.函数名就等于整个函数。3.加载函数的时候，只加载函数名，不加载函数体。4.两个平级的函数中，变量不会相互影响，可以使用同样的形参名。变量：5.参数相当于局部变量。6.就近原则使用变量。...

原创 数组的定义（两种）

1.定义一：字面量定义2.定义二：对象创建注意：当括号为一个数字时，默认此数字为数组长度，而非定义为只有一个数值的数组。要想定义一个只有一个数值的数组，必须：arr1[0]=3;   console.log(arr1)...

原创 函数位置放置，导致输出位置不同的问题

情况一：情况二：

原创 斐波那契数列学习

1.斐波那契数列排序规律：前两项之和为第三项1，1，2，3，5，8，132.例题： 有个人想知道，一年之内一对兔子能繁殖多少对？于是就筑了一道围墙把一对兔子关在里面。已知一对兔子每个月可以生一对小兔子，而一对兔子从出生后第3个月起每月生一对小兔子。假如一年内没有发生死亡现象，问一对兔子一年内（12个月）能繁殖成多少对？（1）思路：设置两个变量，分别代表第一个和第二个数值，然后从第三项开始，当前项等...

原创 运算优先级和&&和||运算

1.运算优先级2.&&和||运算

原创 闭包

闭包1.概念：一个具有封闭的对外不公开的包裹结构，或空间，js中的闭包就是函数。2.原理：上级作用域无法访问下级作用域中的变量，如函数外部不能访问函数内部的函数。3.要解决的问题：（1）闭包内的数据不允许外界访问                           （2）怎么间接访问闭包内的数据呢4.基本模式：                  //在外部函数（foo）内创建函数(inner)，在...

原创 js中null与undefined的区别