![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js / jQuery
文章平均质量分 87
我还记得那天夕阳下的奔跑
前端小白
展开
-
js动态生成的DOM绑定事件失效的问题
事件委托原理:事件冒泡机制。优点:1. 可以大量节省内存占用,减少事件注册。比如ul 上代理所有li 的click 事件。2. 可以实现当新增子对象时,无需再对其事件进行绑定。对动态内容部分尤为合适。缺点:如果把所有事件都用事件代理,可能会出现事件误判。即本不该触发的事件被绑上了事件。初学者会可能会遇到 在js 动态生成的DOM元素中直接绑定事件,事件没有生效的问题。因为网页只执行一次初始化绑定,...原创 2018-03-20 15:34:12 · 4972 阅读 · 0 评论 -
DOM1
DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口),DOM 定义了访问 HTML 和 XML 文档的标准。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。此处主要讨论与浏览器中的HTML 页面相关的DOM1 级的特性和应用,以及JavaScript 对DOM1 级的实现。 注意,IE 中的所有DOM 对象都是以COM 对象的形式实现的...原创 2018-08-28 18:02:27 · 1033 阅读 · 0 评论 -
js数组迭代方法
ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和(可选的)运行该函数的作用域对象–影响this的值。//其中(可选的)这个参数暂时未遇到过。 其中,函数都接收三个参数(数组中的每一项、每一项的索引值、数组对象本身)。 下面是5中方法的介绍: every() 对数组中的每一项执行函数,如果每一项都返回 true ,则该方法返回 true。 some() 对数...转载 2018-07-02 14:56:21 · 209 阅读 · 0 评论 -
BOM——history 对象
history 对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。因为history 是window对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的history 对象与特定的window对象关联。出于安全方面的考虑,开发人员无法得知用户浏览过的URL。不过,借由用户访问过的页面列表,同样可以在不知道实际URL 的情况下实现后退和前进。 使用go()方法可以在用户的历史记...原创 2018-06-15 09:54:12 · 266 阅读 · 0 评论 -
BOM——location 对象
location 是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。事实上,location 对象是很特别的一个对象,因为它既是window 对象的属性,也是document 对象的属性;换句话说,window.location和document.location引用的是同一个对象。location 对象的用处不只表现在它保存着当前文档的信息,还表现在它将U...原创 2018-06-14 16:03:46 · 189 阅读 · 0 评论 -
BOM——window 对象
BOM 的核心对象是window,它表示浏览器的一个实例。在浏览器中,window 对象既是通过JavaScript 访问浏览器窗口的一个接口,又是ECMAScript 规定的全局对象。因此所有在全局作用域中声明的变量、函数都会变成window 对象的属性和方法。 全局变量不能通过delete 操作符删除,而直接在window 对象上的定义的属性可以。var age = 29;wind...原创 2018-06-14 13:35:08 · 254 阅读 · 0 评论 -
闭包
闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数,以createComparisonFunction()函数为例。function createComparisonFunction(propertyName) { return function(object1, object2){ var value1 = objec...原创 2018-06-13 15:07:04 · 170 阅读 · 0 评论 -
递归函数
递归函数是在一个函数通过名字调用自身的情况下构成的,如下所示。function factorial(num){ if (num <= 1){ return 1; } else { return num * factorial(num-1); }}这是一个经典的递归阶乘函数。虽然这个函数表面看来没什么问题,但下面的代码却可能导致...原创 2018-06-11 10:54:51 · 178 阅读 · 0 评论 -
前端HTML5几种存储方式的总结
转自 http://www.cnblogs.com/LuckyWinty/p/5699117.html总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。 目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器 ...转载 2018-05-25 09:58:25 · 218 阅读 · 0 评论 -
js 引用类型 -- Object类型
引用类型的值(对象)是引用类型的一个实例。在JavaScript中,引用类型是一种数据结构,用于将数据和功能组织在一起。Object类型JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。创建Object 实例的方式有两种。第一种是使用new 操作符后跟Object 构造函数,如下所示:var person = new Object();person.name = "Nich...原创 2018-03-29 16:09:05 · 208 阅读 · 0 评论 -
RegExp 类型
RegExp 类型RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。正则表达式的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它“匹配”了,否则,该字符串就是不合法的。JavaScript有两种方式创建一个正则表达式,第一种方式是直接量语法 /pattern/attributes ;第二种方式是创建 RegExp 对象的语法:new Reg...原创 2018-04-04 18:12:16 · 218 阅读 · 0 评论 -
js 引用类型 -- Date类型
Date 类型JavaScript 中的Date 类型是在早期Java 中的java.util.Date 类基础上构建的。为此,Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970 年1 月1 日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下,Date 类型保存的日期能够精确到1970 年1月1 日之前或之后的285 616...原创 2018-04-04 10:09:12 · 451 阅读 · 0 评论 -
js 变量、作用域
1. 基本类型和引用类型的值ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值在内存中占据固定大小的空间,因此被保存在栈内存中;引用类型的值是对象,保存在堆内存中。在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。5 种基本数据类型(Undefined、Null、Boolean、Number 和String)是按值访问的,因为可以操作保存...原创 2018-03-28 17:40:48 · 171 阅读 · 0 评论 -
js 引用类型 -- Array类型
Array类型JavaScript 数组是可以包含任意数据类型的有序列表。也就是说,可以用数组的第一个位置来保存字符串,用第二位置来保存数值,用第三个位置来保存对象,以此类推。而且,JavaScript 数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。创建数组的基本方式有两种。第一种是使用Array 构造函数(可以省略new 操作符)。如下面的代码所示。var colors...原创 2018-04-02 18:34:13 · 149 阅读 · 0 评论 -
js 关系操作符、相等操作符
一、关系操作符【小于(<)、大于(>)、小于等于(<=)和大于等于(>=)】ECMAScript 中,当关系操作符的操作数使用了非数值时,也要进行数据转换或完成某些奇怪的操作。以下就是相应的规则。 如果两个操作数都是数值,则执行数值比较。 如果两个操作数都是字符串,则比较两个字符串对应的字符编码值。 如果一个操作数是数值,则将另一个操作数转换为一个数值,然后执行数值比...原创 2018-03-27 17:18:44 · 243 阅读 · 0 评论 -
js 引用类型 -- Function类型
函数实际上是对象。每个函数都是Function 类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。函数通常是使用函数声明语法定义的,如下面的例子所示。function sum (num1, num2) { return num1 + num2;}这与下面使用函数表达式定义函数的方式几乎相差无几。var ...原创 2018-04-18 18:06:19 · 271 阅读 · 0 评论 -
js数据类型
最近看了《JavaScript高级程序设计(第3版)》,对数据类型相关知识做了整理。ES5简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1 种复杂数据类型—Object,Object 本质上是由一组无序的名值对组成的。ECMAScript不支持任何创建自定义类型的机制,而所有值最终都将是上述6 种数据类型之一。1. typeof ...原创 2018-03-21 15:01:36 · 146 阅读 · 0 评论 -
DOM 扩展
对DOM 的两个主要的扩展是Selectors API(选择符API)和HTML5。以下内容注意兼容性。一、选择符API1、querySelector()方法接收一个参数,即CSS 选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。 2、querySelectorAll()方法接收一个参数,即CSS 选择符,但返回的是所有匹配的元素而不仅仅是一个元素。这个方法返...原创 2018-08-30 16:01:40 · 186 阅读 · 0 评论