随笔分类 -  Javascript

摘要:Web存储允许我们在浏览器里保存简单的键/值数据。Web存储和cookie很相似,但它有着更好的实现方式,能保存的数据量也很大。这两种类型共享相同的机制,但是被保存数据的可见性和寿命存在区别。 PS:还有一种存储规范名为“索引数据库API”(Indexed Database API),它允许保存富格 阅读全文
posted @ 2016-09-02 19:04 Luka.Ye 阅读(440) 评论(0) 推荐(0) 编辑
摘要:地理定位(Geolocation)API让我们可以获取用户当前地理位置的信息(或者至少是正在运行浏览器的系统的位置)。它不是HTML5规范的一部分,但经常被归组到与HTML5相关的新功能中。 1. 使用地理定位 我们通过全局属性 navigator.geolocation 访问地理定位功能,它会返回 阅读全文
posted @ 2016-09-02 19:02 Luka.Ye 阅读(719) 评论(0) 推荐(0) 编辑
摘要:HTML5 添加了对拖放(drag and drop)的支持。我们之前只能依靠jQuery 这样的JavaScript库才能处理这种操作。把拖放内置到浏览器的好处是它可以正确的集成到操作系统中,而且正如将要看到的,它能跨浏览器工作。 1. 创建来源项目 我们通过 draggable属性告诉浏览器文档 阅读全文
posted @ 2016-08-31 21:28 Luka.Ye 阅读(801) 评论(0) 推荐(0) 编辑
摘要:本文将继续介绍canvas的功能,展示如何绘制更复杂的图形(包括圆弧和曲线),如何使用剪裁区域来限制操作以及如何绘制文本。还是介绍可以应用在画布上的特效和变换,包括阴影、透明度、旋转和坐标重映射。 1. 用路径绘图 路径本质上是一组独立的线条(被称为子路径),它们组合到一起构成图形。我们绘制子路径的 阅读全文
posted @ 2016-08-31 20:30 Luka.Ye 阅读(1484) 评论(0) 推荐(0) 编辑
摘要:1. 开始使用 canvas 元素 canvas 元素非常简单,这是指它所有的功能都体现在一个JavaScript对象上,因此该元素本身只有两个属性:width 和 height。 canvas 元素里的内容会在浏览器不支持此元素时作为备用内容显示。下面例子展示了canvas 元素和一些简单的备用内 阅读全文
posted @ 2016-08-25 21:25 Luka.Ye 阅读(1459) 评论(0) 推荐(0) 编辑
摘要:1. 准备向服务器发送数据 Ajax 最常见的一大用途是向服务器发送数据。最典型的情况是从 客户端发送表单数据,即用户在form元素所含的各个 input 元素里输入的值。下面代码展示了一张简单的表单: 这个例子中的表单包含三个input元素和一个提交button 。这些input元素让用户可以指定 阅读全文
posted @ 2016-08-25 15:54 Luka.Ye 阅读(545) 评论(0) 推荐(0) 编辑
摘要:1. 使用简单事件处理器 可以用几种不同的方式处理事件。最直接的方式是用事件属性创建一个简单事件处理器(simple event handler)。元素为它们支持的每一种事件都定义了一个事件属性。举个例子,onmouseover事件属性对应全局事件mouseover,后者会在用户把光标移动到元素占据 阅读全文
posted @ 2016-08-17 19:41 Luka.Ye 阅读(582) 评论(0) 推荐(0) 编辑
摘要:1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表。 每个样式表 都由一个CSSStyleSheet 对象代表,它提供了一组属性和方法来操作文档里的样式。 1.1 获得样式表的基本信息 第一步 阅读全文
posted @ 2016-08-16 20:44 Luka.Ye 阅读(7261) 评论(0) 推荐(0) 编辑
摘要:1. 使用元素对象 HTMLElement对象提供了一组属性,可以用它们来读取和修改被代表的数据。下表介绍了这些属性。 下面代码展示了如何使用表中所列的一些基本属性。 从下图可以看到浏览器为这些属性所提供的结果。 1.1 使用类 可以用两种方式处理某个元素所属的类。第一种方式是使用className 阅读全文
posted @ 2016-08-11 19:33 Luka.Ye 阅读(430) 评论(0) 推荐(0) 编辑
摘要:1. 获取 Window 对象 可以用两种方式获得Window对象。正规的HTML5方式是在Document对象上使用defaultView属性。另一种是使用所有浏览器都支持的全局变量window 。 2. 获取窗口信息 顾名思义,Window对象的基本功能涉及当前文档所显示的窗口。下表列出了运作这 阅读全文
posted @ 2016-08-11 19:32 Luka.Ye 阅读(1349) 评论(0) 推荐(0) 编辑
摘要:Document 对象时通往DOM功能的入口,它向你提供了当前文档的信息,以及一组可供探索、导航、搜索或操作结构与内容的功能。 我们通过全局变量document访问Document对象,它是浏览器为我们创建的关键对象之一。Document对象提供了文档的整体信息,并让你能够访问模型里的各个对象。简单 阅读全文
posted @ 2016-08-06 16:36 Luka.Ye 阅读(1464) 评论(0) 推荐(0) 编辑
摘要:DOM(Document Object Model,文档对象模型)允许我们用 JavaScript 来探查和操作 HTML 文档里的内容。它对于创建丰富性内容而言是必不可少的一组功能。 1. 理解文档对象模型 DOM 是一组对象的集合,这些对象代表了HTML文档里的各个元素。顾名思义,DOM就像一个 阅读全文
posted @ 2016-07-23 10:25 Luka.Ye 阅读(439) 评论(1) 推荐(0) 编辑
摘要:Ajax 是现代Web 应用程序开发的一项关键工具。它让你能向服务器异步发送和接收数据,然后用 Javascript 解析。 Ajax 是 Asynchronous JavaScript and XML (异步JavaScript 与XML)的缩写。 Ajax 核心规范的名称继承于用来建立和发起请求 阅读全文
posted @ 2016-07-06 16:04 Luka.Ye 阅读(1461) 评论(0) 推荐(0) 编辑
摘要:JavaScript 中有两个特数值: undefined和null,在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined 值。 输出结果: Javascript 又定义了一个特殊值 null ,这个值与 undefined 略有不同。后者是在未定义值 阅读全文
posted @ 2016-05-16 11:26 Luka.Ye 阅读(1488) 评论(0) 推荐(0) 编辑
摘要:Javascript 数组的工作方式与大多数编程语言的数组类似。 创建数组的时候不需要声明数组中元素的个数。 Javascript数组会自动调整大小以便容纳所有元素。 不必声明数组所含数据的类型。JavaScript数组可以混合包含各种数据的类型 。 1. 使用数组字面量 使用字面量,可以在一条语句 阅读全文
posted @ 2016-05-13 11:28 Luka.Ye 阅读(391) 评论(0) 推荐(0) 编辑
摘要:1 创建对象 Javascript 支持对象的概率。有多种方法可以用来创建对象。 输出结果: 1.1 使用对象字面量 用对象字面向量的方式可以一口气定义一个对象及其属性。 1.2 将函数用作方法 对象可以添加属性,也能添加函数。属于一个对象的函数称为其方法。 2 使用对象 创建对象后,可以用来做许多 阅读全文
posted @ 2016-05-07 15:04 Luka.Ye 阅读(330) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示