2018年09月_courageFei

原创正则表达式

标题正则表达式（regular expression）是什么呢？正则表达式是按照某种规则组成的一个表达式。作用就是为了匹配字符串，让它符合某一种规律。那正则表达式到底是什么样的呢？正则表达式也叫规则表达式，就是普通字符和元字符（元字符就是具有特殊含义的的字符）组成的。正则表达式中常用的元字符有哪些呢？. 用这个符号可以表示除了换行和回车之外的任意字符。\d用这个符号可...

2018-09-27 22:36:17 128

转载 JavaScript基本包装类型

基本包装类型为了便于操作基本类型值，ECMAScript还提供了3个特殊的引用类型：Boolean、Number和String。这些类型与其它引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。如：var s1 = “some text”;var s2 = s1....

2018-09-22 20:27:29 928

转载 getComputedStyle()与currentStyle()、style()方法

JS使用getComputedStyle()方法获取CSS属性值在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下： 1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/c...

2018-09-19 19:20:45 7375 4

转载 HTML 与 CSS3 动画

1、纯CSS3实现超炫酷的萤火虫动画今天要为大家带来一款很有意思的纯CSS3动画，这次我们要利用CSS3的一些动画属性来绘制一只闪闪发光的萤火虫，和之前分享的纯CSS3蚱蜢与纯CSS3打火机类似，这只萤火虫也是用CSS3绘制，并且点击萤火虫可以关闭和打开它的翅膀，同时萤火虫的闪闪发光也可以控制。   在线演示   源码下...

2018-09-17 20:29:07 260

原创函数进阶

函数成员arguments 实参集合caller 函数的调用者，谁调用就是谁。length 形参的个数name 函数的名称只读不可以修改。 function fn(x, y, z) { console.log(fn.length) // 3 形参的个数 console.log(arguments) // [3,2,1] 是一个伪数组实...

2018-09-17 08:42:57 210

原创 JS 的上下文调用模式

上下文调用模式也叫方法借用模式，分为apply与callcall方法可以调用一个函数，并且可以指定这个函数的this指向所有的函数都可以使用call进行调用参数1：指定函数的this，如果不传，则this指向window其余参数：和函数的参数列表一模一样。 call方法也可以和()一样，进行函数调用，call方法的第一个参数可以指定函数内部的this指向。 fn.call...

2018-09-15 23:31:27 769

原创函数的调用方式

函数的调用方式普通函数构造函数对象方法借用调用模式函数内 this 指向的不同场景函数的调用方式决定了 this 指向的不同：普通函数调用一般情况下指向window ，严格模式下是 undefined 构造函数调用一般指向实例对象，原型方法中 this 也是实例对象对象方法调用指向调用者事件绑定方法指向绑定事件对象...

2018-09-14 23:26:07 243

转载继承

什么是继承构造函数的属性继承：借用构造函数function Person (name, age) { this.type = 'human' this.name = name this.age = age}function Student (name, age) { // 借用构造函数继承属性成员 Person.call(this, name, age)}v...

2018-09-14 23:22:45 134

原创 JavaScript原型对象

- 属性搜索原则*属性一般访问的时候都是沿河原型链往上访问，找到的话就返回，找不到继续往上走。每当代码读取某个对象的某个属性时，都会执行一次搜索，目标是具有给定名字的属性搜索会从实例对象自己本身的属性开始搜索，找到了返回，不在继续往上找了。如果没有找到，则继续搜索指针指向的原型对象，在原型对象中查找具有给定名字的属性如果在原型对象中找到了这个属性，则返回该属性的值总之就是说...

2018-09-12 23:39:39 137

原创 Javascript原型

JavaScript中的原型Javascript 中每一个构造函数都有一个 prototype 属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。这也就意味着，我们可以把所有对象实例需要共享的属性和方法直接定义在 prototype 对象上。function Person (name, age) { this.name = name this.age =...

2018-09-12 23:28:49 126

原创定义函数的三种方式

函数声明函数声明可以先调用，在声明fn(); function fn(){ console.log(“函数体”) }函数表达式就是将一个匿名函数整体赋值给一个变量，就是函数表达式的形式。函数表达式必须先声明，再调用 var fn = function() { console.log(“函数体”); } fn();构造函数Function 函数也是对象，可以...

2018-09-12 23:18:05 7344

转载 JavaScript程序中面向对象的基本体现

程序中面向对象的基本体现在 JavaScript 中，所有数据类型都可以视为对象，当然也可以自定义对象。自定义的对象数据类型就是面向对象中的类（ Class ）的概念。我们以一个例子来说明面向过程和面向对象在程序流程上的不同之处。假设我们要处理学生的成绩表，为了表示一个学生的成绩，面向过程的程序可以用一个对象表示：var std1 = { name: 'Michael', sc...

2018-09-12 23:08:08 206

转载对象到底是什么，我们可以从两次层次来理解。

对象到底是什么，我们可以从两次层次来理解。(1) 对象是具体事物的抽象。一本书、一辆汽车、一个人都可以是对象，当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。(2)对象是无序键值对的集合，其属性可以包含基本值、对象或者函数每个对象都是基于一个引用类型创建的，这些类型可以是系统内置的原生类型，也可以是开发人员自定义的类型。什么是...

2018-09-10 10:31:37 535

原创 JavaScript 中的数据类型

JavaScript 中的数据类型JavaScript 有 5 种简单数据类型：Undefined、Null、Boolean、Number、String 和 1 种复杂数据类型 Object 。基本类型（值类型）UndefinedNullBooleanNumberString复杂类型（引用类型）ObjectArrayDateRegExpFunction基...

2018-09-10 10:18:27 113

转载用 js 实现的拖拽页面上的某框

// 鼠标点击，显示遮罩层与登录框 document.getElementById("link").onclick = function () { document.getElementById("login").style.display = "block"; document.getElementById("bg").style.display = "bloc...

2018-09-08 23:33:37 552

转载用js实现高清放大图片效果

var box = my$("box"); var small = box.children[0]; var big = box.children[1]; var mask = small.children[1]; var bigImg = big.children[0]; //鼠标进入显示遮挡层和大图div box.onmouseover = ...

2018-09-08 23:31:38 2896

原创用 js 实现的简单的倒计时，天数，小时，分钟，秒

2018-09-08 23:26:47 3453

转载用js原生实现多个属性的缓动动画函数

2018-09-08 23:18:10 973

转载用JS实现完整轮播图

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

2018-09-03 19:43:19 173

courageFei的博客