#新理解

深入理解javascript选择器API系列第一篇——4种元素选择器

  说到最常见的DOM应用,恐怕就要数取得特定的某个或某组元素的引用了。DOM定义了许多方式来选取元素,包括getElementById()、getElementsByTagName()、getElementsByName()和document.all4种。接下来,将对这4种方法进行详细介绍 getEleme...

理解jQuery对象$.html

  如果要比喻jQuery和原生javascript的关系,我个人认为是自动档和手动档汽车的区别。使用原生javascript,可以知道离合器以及档位的作用;而使用jQuery,则把离合器和手动档位封装到函数,直接前进、后退或驻车即可。所以,熟练使用原生javascript,再去使用jQuery是一个很自然的步骤。从本...
代码星球 代码星球·2020-05-24

深入理解DOM节点操作

  一般地,提起操作会想到“增删改查”这四个字,而DOM节点操作也类似地对应于此,接下来将详细介绍DOM的节点操作方法 前提  DOM提供节点操作的方法是因为DOM节点关系指针都是只读的  下列代码中想通过修改myUl的父级节点来修改其节点关系,但由于parentNode属性是只读的,...

深入理解DOM节点关系

  DOM可以将任何HTML描绘成一个由多层节点构成的结构。节点分为12种不同类型,每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法,也与其他节点存在某种关系。节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构。本文将详细描述DOM间的节点关系  节点中的各种关...

深入理解DOM节点类型第一篇——12种DOM节点类型概述

  DOM是javascript操作网页的接口,全称为文档对象模型(DocumentObjectModel)。它的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。DO...

理解javascript中的对话框

  通常我们调试程序时,如果需要阻塞效果,则要用到alert()。但除了alert()以外,window对象还提供了其他3种对话框。本文将详细介绍window对象中的对话框 定义  系统对话框与在浏览器中显示的网页没有关系,也不包含HTML。它们的外观由操作系统及浏览器设置决定,而不是由CSS决定。windo...

理解javascript中的浏览器窗口——窗口基本操作

  BOM全称browerobjectmodel(浏览器对象模型),用于管理窗口及窗口间的通讯,其核心对象是window。称其为窗口,可能并不准确。因为,有的浏览器窗口可能包含多个标签页,每个标签页都有自己的window对象。本文将详细该内容 窗口位置【1】获取  浏览器(firefox不支持)提供了scre...

深入理解定时器系列第三篇——定时器应用(时钟、倒计时、秒表和闹钟)

  本文属于定时器的应用部分,分别用于实现与时间相关的四个应用,包括时钟、倒计时、秒表和闹钟。与时间相关需要用到时间和日期对象Date,详细情况移步至此 时钟  最简单的时钟制作办法是通过正则表达式的exec()方法,将时间对象的字符串中的时间部分截取出来,使用定时器刷新即可<divid="myDiv"...

深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame

  与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFrame 引入  计时器一直是javascr...

深入理解定时器系列第一篇——理解setTimeout和setInterval

  很长时间以来,定时器一直是javascript动画的核心技术。但是,关于定时器,人们通常只了解如何使用setTimeout()和setInterval(),对它们的内在运行机制并不理解,对于与预想不同的实际运行状况也无法解决。本文将详细介绍定时器的相关内容 setTimeout()  setTimeout...

深入理解javascript对象系列第三篇——神秘的属性描述符

  对于操作系统中的文件,我们可以驾轻就熟将其设置为只读、隐藏、系统文件或普通文件。于对象来说,属性描述符提供类似的功能,用来描述对象的值、是否可配置、是否可修改以及是否可枚举。本文就来介绍对象中神秘的属性描述符 描述符类型  对象属性描述符的类型分为两种:数据属性和访问器属性数据属性  数据属性(datap...

深入理解javascript对象系列第二篇——属性操作

  对于对象来说,属性操作是绕不开的话题。类似于“增删改查”的基本操作,属性操作分为属性查询、属性设置、属性删除,还包括属性继承。本文是对象系列的第二篇——属性操作 属性查询  属性查询一般有两种方法,包括点运算符和方括号运算符varo={p:'HelloWor...

深入理解javascript对象系列第一篇——初识对象

  javascript中的难点是函数、对象和继承,前面已经介绍过函数系列。从本系列开始介绍对象部分,本文是该系列的第一篇——初识对象 对象定义  javascript的基本数据类型包括undefined、null、boolean、string、number和object。对象和其他基...

深入理解javascript函数系列第四篇——ES6函数扩展

  ES6标准关于函数扩展部分,主要涉及以下四个方面:参数默认值、rest参数、扩展运算符和箭头函数 参数默认值  一般地,为参数设置默认值需进行如下设置functionlog(x,y){y=y||'World';console.log(x,y);}  但这样设置实际上是有问题的,如果y的值本身是假值(包括f...

深入理解this机制系列第三篇——箭头函数

  this机制与函数调用有关,而作用域则与函数定义有关。有没有什么是可以将this机制和作用域联系起来的呢?本文将介绍ES6新增的内容——箭头函数 痛点  对于闭包的痛点在于,闭包的this默认绑定到window对象,但又常常需要访问嵌套函数的this,所以常常在嵌套函数中使用var...
首页上一页...4344454647...下一页尾页