自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 问答 (1)
  • 收藏
  • 关注

原创 响应式布局最最最简单的demo

首先要在head标签内引入这两句<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1, user-scalable=0" /><meta content="telephone=no,email=no" name="format-detection" /&g...

2019-08-27 12:02:13 266 1

原创 css3动画简单demo——掷骰子

简单模仿掷骰子的情景,正面的数字是随机的<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>掷骰子</title> <style> * { margin: 0; ...

2019-08-26 19:33:51 1936 1

原创 原型链继承的写法

/* 寄生组合式继承 这个例子高效率体现它只调用了一次SuperType构造函数, 并且因此避免了在SubType.prototype上面创建的不必要、多余的属性。 与此同时,原型链还能保持不变。 这是引用类型最理想的继承范式 */ ...

2019-08-08 10:21:50 365

原创 js原型模式图解(原型,原型链)

原型对象《js高程3》中对原型对象的解释我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。也就是说,prototype就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象的好处就是可以让所有对象实例共享它所包含的属性和方法。换句话说,不必在构造函数中定义对象实例的信息,而是...

2019-08-07 14:41:54 301

原创 构造函数的原型模式完美写法

function Stundent(name, age, id) { this.name = name; this.age = age; this.id = id; if (typeof this.setName != "function") { St...

2019-08-06 18:59:47 133

原创 js的Function类型

请记住!每个函数都是Function类型的实例,因此函数名实际上也是一个指向函数对象的指针。函数的形式函数声明alert(sum(10,10))function sum(sum1,sum2){ return sum1+sum2;}由于解析器会率先读取函数声明,并在全体代码执行前执行了它,所以不会报错。函数表达式alert(sum(10,10))var sum ...

2019-08-03 16:50:24 191

原创 JavaScript中slice()和splice()方法

slice()方法如果只有一个参数slice(i),则表示从第i个位置开始,显示到最后一个数据如果有两个参数slice(i,j),则表示从第i个位置开始,第j个位置结束显示该操作不会影响原来的数组 var arr = [1, 4, 5, 4, 5] console.log(arr.slice(1)) //4,5,4,5 console...

2019-08-02 16:56:03 289

原创 JS数组自带的排序函数reverse()和sort()

reverse()函数reverse()函数可反转数组项的顺序var values = [1,6,5,4,3];values.reverse();alert(values); //3,4,5,6,1sort()函数sort()函数适用于大多数数据类型,sort()方法会调用每个数组项的**toString()转型方法**,然后比较 得到的字符串。默认sort()...

2019-08-02 16:19:15 1431

原创 js访问对象属性

js访问对象属性有两种方法,第一种是常用的点表示法,比如x.name第二种是方括号语法,比如x["name"] ,注意要以字符串的形式表示。方括号语法的优点有两个:可以通过变量来访问属性var n = "name"x[n]当属性名包含会导致语法错误的字符,就可以用该方法,比如空格x["this is x"] = "my name is x"推荐使用点表示法。...

2019-08-02 11:08:24 261

原创 简单理解js的垃圾收集

js具有自动垃圾收集机制,所以开发人员一般不用操心内存管理的问题。局部变量只在函数执行的时候存在,当函数执行结束时,局部变量就没有存在的意义了,因此可以释放它们的内存。这时候垃圾收集器就会来收没用的变量了。垃圾收集器是周期性运行的。当全局变量不需要再使用的时候,可以赋值为null来解除引用,当赋值为null时,垃圾收集器下次运行就会再其回收,以此来减少内存的占用。...

2019-08-02 10:35:40 88

原创 JS中基本类型和引用类型的复制

ES变量分基本类型和引用类型基本类型:简单的数据段,即Undefined、Null、Boolean、Number和String引用类型:可能由多个值构成的对象,即Object基本类型的值是直接存储在栈里面的,而引用类型的值是存储在堆里面。由于js不允许直接操作对象的内存空间,所以在操作对象时,实际上是在操作对象的引用而不是实际的对象。举个例子,该代码的存储格式如下图所示 var ...

2019-08-01 23:20:52 282

原创 js参数

传进函数的参数的个数不一定要等于形参的个数 可以通过argument对象来访问传参数组,从而获取每个参数 arguments[n]表示第n+1的参数 可以通过arguments.length获取传参的个数 向arguments[0]赋值时,第一个参数的之也会同步更改。 function fun(sum){ console.log(arguments[0]) ...

2019-07-31 19:48:33 362

原创 == 和 === 的区别

==:先转换成数值再比较===:不转换就比较

2019-07-31 17:15:34 146

原创 加性操作符

加法如果两个操作符都是数值,则正常计算。如果有一个操作符是字符串,则会先将非字符串的操作符转成字符串,然后拼接起来。减法如果两个操作符都是数值,则正常计算。如果有一个操作符是非数值,则会先转换成数值,再进行计算。任何涉及NaN的操作都会返回NaN减法中关于非数值数据转换成数值的规则如下如果该操作数是字符串、布尔值、null或者undefined,则...

2019-07-31 17:06:28 107

原创 js逻辑与和逻辑或

逻辑与逻辑与操作符由两个和号(&&)表示,有两个操作数,如下var result = ture && false逻辑与的真值表 第一个操作数 第二个操作数 结果 true true true true false false false true false false fa...

2019-07-31 16:18:51 528 1

原创 一元加减操作符

一元加减操作符(+)放在数值面前,不会有影响var num = 25num =+num //仍然是25在对非数值应用一元操作符时,该操作符会类似Number()转型函数一样对这个值执行转换。比如true和false会被转换成1和0,字符串值会被按照一组特殊的规则进行解析,对象是先调用它们的valueOf()和(或)toString()方法,再转换得到的值。一元加操作符示例一元减运算...

2019-07-31 11:43:48 1169

原创 简单理解操作符i++和++i的区别

++即自增无论是x++,或者是++x,自增的结果就是x=x+1--即自减无论是x--,或者是--x,自减的结果就是x=x-1而x++和++x的区别就在于过程,我们把(x++)和(++x)看成是过程看个实例var i = 1alert(i++) //1 alert(i) //2 (i=i+1)var j = 1alert(++j) //2alert...

2019-07-31 11:14:28 157

原创 javaScript数据类型总结

javaScript数据类型六种简单的数据类型:Undefined、Null、Boolean、Number、String、Symbol(ES6新增,表示独一无二的值)一种复杂数据类型——Object数据类型内存的存储和引用可以参考:JS中简单数据类型和复杂数据类型在内存中的存储和引用 Undefined类型 在使用var声明变量但未对其加以初始化时,这个变量的值就是und...

2019-07-28 00:01:41 193

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除