Zmarvin-CSDN博客

原创高仿网易云音乐

高仿网易云音乐链接：高仿网易云音乐数据源自网易云音乐 API，由于接口不全，主页一些section使用的是本地json。swift 5编写。StreamingKit实现音频。ijkplayer实现卡片视频。主要实现了主页，歌单，播放器效果图（考虑到文件大小，降低了渲染效果。）...

2021-02-01 15:21:36 243

原创 JavaScript学习-操作样式的DOM API

1，介绍定义样式的方式有3种通过link元素包含外部样式表文件。使用style元素定义嵌入式样式。使用style特性定义针对特定元素的样式。确定浏览器是否支持DOM2级定义的CSS能力，可以使用一下代码。var supportsDOM2CSS = document.implementation.hasFeature("CSS","2.0");var supportsDOM2CSS2 =

2017-05-20 21:23:19 394

原创 JavaScript学习-DOM2和DOM3的变化

1，介绍DOM1级主要定义的是HTML和XML文档的底层结构。DOM2和DOM3级则在这个结构的基础上引入了更多的交互能力，也支持了更高级的XML特性。DOM2和DOM3级分为许多模块（模块之间具有某种关联），分别描述了DOM的某个非常具体的子集。这些模块如下。 DOM3级又增加了“XPath”模块和“加载与保存”（Load and Save）模块。DOM2和3级的目的在于扩展DOM API，

2017-05-12 23:34:38 497

原创 JavaScript学习-DOM扩展_专有扩展

1，介绍有大量专有的DOM扩展没有成为标准，但这并不是说它们将来不会被写进标准。2，children属性这个属性是HTMLCollection的实例。只包含元素中同样还是元素的子节点，除此之外，children属性与childNodes没有什么区别。3，contains()方法确定某个节点是不是另一个节点的后代。支持contains()方法的浏览器有IE、Firefox 9+、Safa

2017-05-08 23:51:53 259

原创 JavaScript学习-DOM扩展_HTML5

1，与类相关的扩充getElementsByClassName() 可通过Document对象及所有HTML元素调用。接收一个参数，包含一或多个类名的字符串。传入多个类名时，类名的先后顺序不重要。返回带有指定类的所有元素的NodeList。classList属性在操作类名时，通过className属性的话，若是多个类名一起的字符串，那么修改类名的时候，就需要有关于字符串操作的方法来修改

2017-05-03 20:38:49 467

原创 JavaScript学习-DOM扩展_元素遍历

1，介绍对于元素间的空格，IE9及之前的版本不会反悔文本节点，而其他所有浏览器都会返回文本节点。这样就导致了再使用childNodes和firstChild等属性时的行为不一致。为了弥补这一差异，而同时DOM规范不变，Element Traversal规范新定义了一组属性。2，添加的5个属性childElementCount:返回子元素（不包括文本节点和注释）的个数。firstElement

2017-05-03 19:34:03 253

原创 JavaScript学习-DOM扩展_选择符API

JavaScript学习-DOM扩展-选择符API1，介绍根据CSS选择符查询DOM文档中某个模式匹配的元素。2，Selectors API Level 1核心是两个方法：querySelector()和querySelectorAll()。通过Document及Element类型的实例调用它们。querySelector()参数接收一个CSS选择符，返回与该模式匹配的第一个元素，若没找到，

2017-05-01 20:51:17 240

原创 JavaScript学习-DOM操作技术

1，动态脚本创建动态脚本也有两种方式插入外部文件代码示例，也可以把这个元素添加到元素中function loadScript(url){ var script = document.createElement("script"); script.type = "text.javascript"; script.src = url; document.body.app

2017-04-27 19:46:58 306

原创 JavaScript学习-Text类型

1，介绍表示文本的节点。可以包含纯文本，转义后的HTML字符，但不能包含HTML代码。代码示例<div></div><div> </div><div>hello world!</div>2，属性nodeType的值为3。nodeName的值为“#text

2017-04-23 20:51:56 555

原创 JavaScript学习-Element类型

1，介绍Element类型用于表现XML或HTML元素，提供了对元素标签名、子节点及特性的访问。2，获取标签名nodeName属性和tagName属性这两个属性会返回相同的值，以下面元素为例：<div id="myDiv"></div>可以像下面这样取得这个元素及其标签名var div = document.getElementById("myDiv");alert(div.tagName)

2017-04-22 22:46:00 684

原创 JavaScript学习-Document类型

1，介绍document对象是HTMLDocument(继承自Document类型)的一个实例，表示整个HTML页面。document对象是window对象的一个属性，可作为全局对象访问。2，属性documentElement该属性始终指向元素示例var html = document.documentElement;alert(html === document.childNodes[

2017-04-19 23:54:19 256

原创 JavaScript学习-DOM-Node类型

1，介绍DOM(文档对象模型)是针对HTML和XML的一个API（应用程序编程接口）DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。DOM已经成为表现和操作页面标记的真正的跨平台、语言中立的方式。2，节点特点综述节点分为几种不同的类型，每种类型分别表示文档中不同的信息（或）标记。每个节点都拥有各自的特点、数据和方法，另外也和其他节点存在某种关系。节点之间

2017-04-18 16:30:57 216

原创 JavaScript学习-history对象

1，介绍history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。出于安全原因，开发人员无法得知用户浏览过的URL。不过可以在不知道实际URL的情况下实现后退和前进。2，go()方法代码说话//后退一页history.go(-1);//前进一页history.go(1);//前进两页history.go(2);3，back()和forward()方法顾名思义实现后

2017-04-14 01:40:22 264

原创 JavaScript学习-screen对象

1，介绍screen对象在JavaScript编程中用处不大。screen对象基本上只用来表明客户端的能力。其中包括浏览器窗口外部的显示器信息，如像素宽度和高度等。2，screen属性每个浏览器中的screen对象都包含着各不相同的属性。

2017-04-14 01:28:54 252

原创 JavaScript学习-navigator对象

1，介绍navigator对象是所有支持JavaScript的浏览器所共有的。每个浏览器中的navigator对象都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持他们的浏览器版本。 2，检测插件对于非IE浏览器，可以使用plugins数组来达到这个目的plugins数组中每一项都包含下列属性 name:插件的名字。descrition:插件的描述。filenam

2017-04-12 23:09:55 364

原创 JavaScript学习-location对象

1，介绍location是最有用的BOM对象之一，它提供了当前窗口中加载的文档有关的信息，还提供了一些导航功能。它既是window对象的属性，也是document对象的属性。它将URL解析为独立的片段，让开发人员可以通过不同的属性访问这些片段，下表列出了location对象的所有属性。 2，查询字符串参数其中通过上表的属性访问URL包含的查询字符串的属性并不方便。可以像下面这样创建一个函数，

2017-04-12 01:17:42 287

原创 JavaScript学习-间歇调用和超时调用

setTimeout()方法(超时调用）接收两个参数：要执行的代码可以是一个包含JavaScript代码的字符串（和eval()函数中使用的字符串一样），也可以是一个函数以毫秒表示的时间clearTimeout() var timeoutId = setTimeout(function(){ alert("Hello world");},1000);// 取消clearTi

2017-04-11 10:58:54 217

原创 JavaScript学习-window对象

1介绍2全局作用域3窗口关系及框架4窗口位置5窗口大小6导航和打开窗口1，介绍BOM介绍 ECMAScript是JavaScript的核心，如果要在Web中使用JavaScript，那么BOM（浏览器对象模型）则无疑才是真正的核心。BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页无关。浏览器提供商会按照各自的想法区扩展它，于是，浏览器之间共有的对象就成了事实上的标准。

2017-04-07 23:40:33 268

原创 JavaScript学习-私有变量

1，简述任何在函数中定义的变量，都可以认为是私有变量，因为不能在函数的外部访问这些变量，私有变量包括函数的参数，局部变量和在函数内部定义的其他函数。我们把有权访问私有变量和私有函数的公有方法称为特权方法，基本模式如下代码所示：function MyObject(){ // 私有变量和私有函数 var privateVariable = 10; function privat

2017-04-07 00:01:13 250

原创 JavaScript学习-模仿块级作用域

1，介绍JavaScript没有块级作用域的概念，在块语句中定义的变量，实际上是在包含函数中而非语句中创建的。2，语法可以用匿名函数来模仿块级作用域，块级作用域通常称为私有作用域，语法如下：(function(){ // 这里是块级作用域})();3，使用无论什么地方，只要临时需要一些变量，就可以使用私有作用域，例如：function outputNumbere(count){

2017-04-05 18:14:58 236

原创 JavaScript学习-闭包

1，匿名函数创建一个函数并将它赋值给变量，这种情况下创建的函数叫匿名函数。匿名函数有时候也叫拉姆达函数。2，闭包概念闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式就是，在一个函数内部创建另一个函数。闭包与变量作用域链的配置机制会有一个副作用，即闭包只能取得包含函数中任何变量的最后一个值，例如下面说明这个问题，最后每个i的值都是10。function createFun

2017-04-05 00:37:11 231

原创 JavaScript学习-继承

1，介绍ECMAScript实现继承依靠原型链来实现的。2，原型链基本思想原型链的基本思想是利用原型让一个引用类型继承另一个另一个引用类型的属性和方法。基本概念假如我们让原型对象等于另一个类型的实例，显然，此时的原型对象将包含一个指向另一个原型的指针，相应的，另一个实例中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立，如此层层递进，就构成了

2017-04-02 19:09:14 321

原创 JavaScript学习-组合使用构造函数和原型模式

JavaScript学习-创建对象之组合使用构造函数和原型模式1. 介绍构造函数模式用于定义实例属性，而原型模式用于定义方法和共享属性。实例属性在构造函数中，实例方法使用原型模式创建。2. 代码实例集两种模式之长。示例function Person(name,age,job){ this.name = name; this.age = age; this.job =

2017-03-31 16:08:22 386

原创 JavaScript学习-创建对象

JavaScript学习-创建对象##1，构造函数模式1. 介绍创建自定义的构造函数.2. 代码示例 ``` function Person(name,age,job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert

2017-03-30 19:38:30 225

原创 JavaScript学习-对象

JavaScript学习-对象1, 介绍ECMAScript中没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。ECMA-262对对象的定义：无序属性的集合，其属性可以包含基本值、对象或者函数。可以将ECMAScript的对象想象成散列表，名值对。2，属性类型ECMAScriptr定义只有内部采用的特性（attribute），描述属性的各种特征

2017-03-29 19:52:10 227

原创 JavaScript学习-单体内置对象

1，介绍ECMAScript实现提供，不依赖于宿主环境的对象。这些对象在ECMAScript程序执行之前就已经存在了。Object、Array、和String等都是内置对象。2，Global对象介绍 ECMAScript中最特别的对象，因为不管从什么角度上看，这个对象都是不存在的。不属于任何其他对象的属性和方法，最终都是它的属性和方法。事实上没有全局变量和全局函数，所有在全局作用域中定

2017-03-28 19:15:11 321

原创 JavaScript学习-String的方法

JavaScript学习-String的方法1, 字符方法访问字符串中特定字符的方法，这两个方法都接收一个参数，即基于0的字符位置。charAt() 返回给定位置的字符（ECMAScript没有字符类型）。charCodeAt() 返回给定位置的字符编码。使用方括号加数字索引 ECMAScript 5定义的访问方法，在IE及更早的版本中，会返回undefined值。2，字符串操作方法

2017-03-27 19:47:03 256

原创 JavaScript学习-基本包装类型

JavaScript学习-基本包装类型1，介绍ECMAScript提供了3个特殊的引用类型:Boolean、Number和String。实际上，每当读取一个基本类型值得时候，后台就会创建一个对应的基本包装类型的对象。其他引用类型与基本包装类型的主要区别就是对象的生存期，自动创建的基本包装类型的对象，只存在于一行代码的执行瞬，然后立即被销毁。这意味着不能在运行时为基本数据值添加属性和方法。

2017-03-27 18:49:56 207

原创 JavaScript学习-Function类型

JavaScript学习-Function类型1，介绍函数世界上是对象，每个函数都是Function类型的实例。和其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上是一个指向对象的指针，不会与某个函数绑定。2，定义使用函数声明语法定义function sum(num1,num2){ return num1 + num2;}

2017-03-26 15:22:52 355

原创 JavaScript学习-RegExp类型

1，介绍ECMAScript 通过RegExp类型来支持正则表达式。2，创建字面量创建使用下面类似Perl的语法，创建一个正则表达式，一个正则表达式就是一个模式和3个标志的组合体。例： var expression = / pattern / flags ; 标志（flags）每个正则表达式都可带有一个或多个标志（flags），用以标明正则表达式的行为。 g：表示全局（global）

2017-03-25 18:47:04 362

原创 JavaScript学习-Date类型

1，介绍ECMAScript中的Date类型使用UTC(Coordinated Universal Time，国际协调时间)1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。2，创建不传递参数新创建的对象获得当前日期和时间。 var now = new Date();传表示日期的毫秒数（即从UTC时间1970年1月1日午夜起至该日期经过的毫秒数），为了简化计算毫秒数这一计算过程，E

2017-03-24 18:50:58 206

原创 JavaScript学习-Array的方法

JavaScript学习-Array的方法1，转换方法toString() 返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。为了创建这个字符串，会调用数组的每一项的toString()方法。valueOf() 返回的是数组。

2017-03-23 23:57:48 309

原创 JavaScript学习-Array类型

JavaScript学习-Array1，介绍ECMAScript数组的每一项可以保存任何类型的数据。而且ECMAScript数组的大小是可以动态调整的，即可以随着数据的添加自动增长以容纳新数据。2，创建方式使用new构造函数在使用Array构造函数时可以省略new操作符。若预先知道元素数量，可将该数量作为参数传递给构造函数，而该数量会自动变成length属性的值，

2017-03-22 17:01:40 231

原创 JavaScript学习-引用类型

1，介绍引用类型，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不妥当，它并不具备传统的面向对象语言所支持的类和接口等基本结构。对象是某个特定引用类型的实例。ECMAScript提供了很多原生引用类型，以便开发人员用以常见的计算任务。2，创建方式注：下以Object类型为例。 Object类型是ECMAScript中使用最多的一个类型，在应用程序中存储和传输数据而言，是理想的选择。

2017-03-22 15:58:29 237

原创 JavaScript学习-垃圾收集

JavaScript具有垃圾收集机制，垃圾收集器周期性运行。“标记清除”是目前主流的垃圾收集算法，这种算法的思想是给当前不使用的值加上标记，然后再回收其内存。另一种垃圾收集算法是“引用计数”，这种算法的思想跟中记录所有值被引用的次数。JavaScript目前都不在使用这种算法。离开作用域的值将被自动标记为可以回收，因此将在垃圾收集期间被删除。解除变量的引用不仅有助于消除循环引用现象，而且对

2017-03-21 19:37:05 176

原创 JavaScript学习-执行环境和作用域

JavaScript学习-执行环境和作用域1，执行环境执行环境，有时也称为“环境”，执行环境定义了变量和函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中，我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。全局执行环境是最外围的一个执行环境。每个函数都有自己的执行环境。

2017-03-21 18:55:39 243

原创 JavaScript学习-函数

1，定义ECMAScript中的函数使用function关键字来声明。2，返回值ECMAScript中的函数在定义时不必指定是否返回值。实际上，任何函数在任何时候都可以通过return语句后跟返回的值来实现返回值。实际上，未指定返回值的函数返回的是一个特殊的undefined的值。3，参数ECMAScript中没有函数签名的概念，因为函数参数是以一个包含0或多个值得数组的形式传递的。可

2017-03-20 15:50:55 191

原创 JavaScript学习-操作符

1，一元操作符递增和递减操作符操作符对任何值都适用，不仅适用于整数，还可以用于字符串，布尔值，浮点数值和对象。遵循规则查阅《JavaScript高级程序设计》p37页。一元加和减操作符对非数值应用一元加操作符时，该操作符会像Number()转型函数一样对这个值执行转换。2，位操作符ECMAScript中所有数值都是以IEEE-754 64位格式存储，但操作符并不直接操作64位的值，

2017-03-19 18:28:45 237

原创 JavaScript学习-变量

概述 ECMAScript 的变量是松散类型的，松散类型就是可以用来保存任何类型的数据。未被初始化的变量，会保存一个特殊的值—undefined。声明用var操作符定义的变量将成为定义该变量的作用域中的局部变量。即在作用域结束后，变量会被销毁。省略var操作符，变量就成了全局变量，只要运行过这段代码，就可以作用域外部的任何地方被访问到。

2017-03-18 18:40:16 283

概述ECMAScript 中有5种简单的数据类型（也称基本数据类型）： Undefined,Null,Boolean,Number,String,还有一种复杂数据类型—Object,Object是由一组无序的名值对组成的。1，typeof操作符鉴于ECMAScript是松散类型的，因此需要一种手段来检测给定变量的数据类型—typeof。typeof操作符的操作数可以使变量，也可以是数值字面量，注：

2017-03-18 18:38:01 185

空空如也

空空如也