随笔分类 - JS学习
Set和Map数据结构
摘要:Set 介绍:它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成 Set 数据结构。 Set 实例的属性和方法 Set 结构的实例有以下属性。 Set.prototype.constructor:构造函数,默认就是Set函数。 Set.prototype.size
阅读全文
ES6常用语法(二)
摘要:arrow functions (箭头函数) 函数的快捷写法。不需要 function 关键字来创建函数,省略 return 关键字,继承当前上下文的 this 关键字 // ES5 var arr1 = [1, 2, 3]; var newArr1 = arr1.map(function(x) {
阅读全文
ES6常用语法
摘要:ECMAScript 和 JavaScript 的关系:前者是后者的语法规格,后者是前者的一种实现 新特性 let、const let 定义的变量不会被变量提升,const 定义的常量不能被修改,let 和 const 都是块级作用域 ES6前,js 是没有块级作用域 {} 的概念的。(有函数作用域
阅读全文
ECMAScript 6基础
摘要:ECMAScript 和 JavaScript 是什么关系? 1996 年 11 月,JavaScript 的创造者 Netscape 公司,希望JavaScript能够成为国际标准,将其提交给标准化组织 ECMA。次年,ECMA 发布了ECMAScript 1.0 版。不叫 JavaScript的
阅读全文
浏览器对象模型
摘要:在web中使用JavaScript,BOM是真正的核心。BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。 1 window对象 BOM的核心对象是window,表示浏览器的一个实例。在浏览器中,window对象既是通过JavaScript访问浏览器窗口的一个接口,又是ECMA
阅读全文
JS事件
摘要:事件概念 就是一种浏览器通知,告诉当前窗口在文档中要进行哪种交互。文档中的很多交互需要有前置条件,只有满足这些前置条件时,才会去触发执行某个动作。而正是事件实现了这种交互。 事件类型 事件类型也就是事件名称,以字符串的形式存在,用于指定要发生哪种事件。常用的事件类型: 表单:focus、blur、s
阅读全文
CSS操作
摘要:CSS 与 JavaScript 是两个有着明确分工的领域,前者负责页面的视觉效果,后者负责与用户的行为互动。但是,它们毕竟同属网页开发的前端,因此不可避免有着交叉和互相配合。 1. 使用JavaScript操作Inline Styles 所有的文档元素都有style属性,我们可以通过直接操作sty
阅读全文
Element节点
摘要:Element节点对象对应网页的 HTML 元素。每一个 HTML 元素,在 DOM 树上都会转化成一个Element节点对象(以下简称元素节点)。元素节点的nodeType属性都是1。Element对象继承了Node接口,因此Node的属性和方法在Element对象都存在。并且元素节点不是一种对象
阅读全文
Document节点
摘要:概述 document节点对象代表整个文档,每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用。 document对象有不同的办法可以获取。 正常的网页,直接使用document或window.d
阅读全文
Dom中的一些接口
摘要:节点都是单个对象,有时需要一种数据结构,能够容纳多个节点。DOM 提供两种节点集合,用于容纳多个节点:NodeList和HTMLCollection。这两种集合都属于接口规范。许多 DOM 属性和方法,返回的结果是NodeList实例或HTMLCollection实例。主要区别是,NodeList可
阅读全文
DOM节点的属性和方法
摘要:DOM DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。它只是一个接口规范,可以用各种语言实现。所以严格地说,DOM 不是 Jav
阅读全文
异步操作
摘要:单线程模型 单线程模型指的是,JavaScript 只在一个线程上运行。JavaScript只能执行一个任务,其他任务都必须在后面排队等待。JavaScript 在一个线程上运行,并不是 JavaScript 引擎只有一个线程。JavaScript 引擎有多个线程,单个脚本只能在一个线程上运行(称为
阅读全文
Object的对象的相关方法
摘要:Object.getPrototypeOf() Object.getPrototypeOf方法返回参数对象的原型。这是获取原型对象的标准方法。 var F = function () {}; var f = new F(); Object.getPrototypeOf(f) F.prototype
阅读全文
面向对象基础
摘要:对象是什么 从两个层次来理解。 (1)对象是单个实物的抽象。 一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。 (2)对象是一个容器,封装了属性(pro
阅读全文
Math, Date,JSON对象
摘要:Math 对象 Math是 JavaScript 的原生对象,提供各种数学功能。该对象不是构造函数,不能生成实例,所有的属性和方法都必须在Math对象上调用。 静态属性 Math对象的静态属性,提供以下一些数学常数。 Math.E:常数e。 Math.LN2:2 的自然对数。 Math.LN10:1
阅读全文
包装对象
摘要:对象是 JavaScript 语言最主要的数据类型,三种原始类型的值:数值、字符串、布尔值,在一定条件下,也会自动转为对象,也就是原始类型的“包装对象”(wrapper)。所谓“包装对象”,指的是与数值、字符串、布尔值分别相对应的Number、String、Boolean三个原生对象。这三个原生对象
阅读全文
Array对象
摘要:构造函数 Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组。 var arr = new Array(2); Array构造函数的参数2,表示生成一个两个成员的数组,每个位置都是空值。如果没有使用new,运行结果也是一样的。 var arr = new Ar
阅读全文
属性描述对象
摘要:概述 JavaScript 提供了一个内部数据结构,用来描述对象的属性,控制它的行为,比如该属性是否可写、可遍历等等。这个内部数据结构称为“属性描述对象”(attributes object)。每个属性都有自己对应的属性描述对象,保存该属性的一些元信息。 { value: 123, writable
阅读全文
Console对象与错误处理机制
摘要:console的常见用途有两个。 调试程序,显示网页代码运行时的错误信息。 提供了一个命令行接口,用来与网页代码互动。 console对象的浏览器实现,包含在浏览器自带的开发工具之中。按 F12 打开 Console面板基本上就是一个命令行窗口,你可以在提示符下,键入各种命令。 console 对象
阅读全文
浙公网安备 33010602011771号