摘要:浏览器包含一些非常强大的图形编程工具,从可缩放矢量图形(Scalable Vector Graphics,简称 SVG)语言到用于在 HTML <canvas> 元素上绘制图形的 API(参阅 Canvas API 和 WebGL)。本文对 <canvas> 进行介绍,并提供更多的学习资源。 网络图
阅读全文
摘要:到目前为止我们已经介绍的 API 是内置在浏览器中的,但并不是所有的 API 都是。许多大型网站和服务(例如 Google 地图,Twitter,Facebook,PayPal 等)提供的 API 允许开发者使用他们的数据(例如在博客上显示您的 Twitter 流)或服务(例如在您的网站上显示自定义
阅读全文
摘要:在现代网站和应用中另一个常见的任务是从服务端获取个别数据来更新部分网页而不用加载整个页面。这看起来是小细节却对网站性能和行为产生巨大的影响。所以我们将在这篇文章介绍概念和技术使它成为可能,例如:XMLHttpRequest 和 Fetch API. 这里有什么问题? 最初加载页面很简单 -- 你为网
阅读全文
摘要:在编写 web 页面或应用时,你最想做的事情之一就是以某种方式操作文档结构。这通常使用一套大量使用Document对象来控制 HTML 和样式信息的文档对象模型(DOM)来实现,在本文中,我们可以更详细的看到怎样使用 DOM,连同一些其他有趣的 API 以有趣的方式改变你的环境 web 浏览器的重要
阅读全文
摘要:首先,我们将从一个高层次看看 API - 它们是什么;他们如何工作;如何在代码中使用它们,以及它们是如何组织的。我们也将看看不同主要类别的 API 以及它们的用途。 什么是 API? 应用程序接口(API,Application Programming Interface)是基于编程语言构建的结构,
阅读全文
摘要:在"异步 JavaScript" 模块的最后一篇文章中,我们将介绍 workers,它使您能够在单独执行 线程 中运行一些任务。 在本模块的第一篇文章中,我们看到了当在你的程序中具有一个长期运行的的同步任务时发生了什么 ── 整个窗口变得完全没有响应。从根本上讲,出现这种情况的原因是程序是单线程的。
阅读全文
摘要:在上一篇文章中,我们讨论了如何使用返回 promises 的 APIs。在本文中,我们将研究另一方面--如何实现返回 promises 的 APIs。跟使用基于 promise 的 APIs 相比,这是一个不太常见的任务,但它仍然值得了解。 通常情况下,当你实现一个基于 promise 的 API
阅读全文
摘要:Promise 是现代 JavaScript 中异步编程的基础,是一个由异步函数返回的可以向我们指示当前操作所处的状态的对象。在 Promise 返回给调用者的时候,操作往往还没有完成,但 Promise 对象可以让我们操作最终完成时对其进行处理(无论成功还是失败)。 在上一篇文章中,我们谈到使用回
阅读全文
摘要:在本文中,我们将解释什么是异步编程,为什么我们需要它,并简要讨论 JavaScript 历史上异步函数是怎样被实现的。 异步编程技术使你的程序可以在执行一个可能长期运行的任务的同时继续对其他事件做出反应而不必等待任务完成。与此同时,你的程序也将在任务完成后显示结果。 浏览器提供的许多功能(尤其是最有
阅读全文
摘要:在前面的文章中,我们学习了 JavaScript 的面向对象理论和基本的语法知识,为之后的学习建立了良好的基础。这篇文章中我们将进行一次实战演练,通过构造 JavaScript 对象得到生动有趣的成果! 弹跳吧!小彩球! 本文通过编写一个弹球 demo 来展示 JavaScript 中对象的重要性。
阅读全文
摘要:JavaScript 对象表示法(JSON)是用于将结构化数据表示为 JavaScript 对象的标准格式,通常用于在网站上表示和传输数据(例如从服务器向客户端发送一些数据,因此可以将其显示在网页上)。您会经常遇到它,所以在本文中,我们向您提供使用 JavaScript 处理 JSON 的所有工作,
阅读全文
摘要:在上一篇文章中,我们介绍了面向对象编程(OOP)的基本概念,并介绍了一个使用 OOP 原则对学校的教授和学生进行建模的示例。 我们还讨论了如何使用原型和构造函数来实现这样的模型,而 JavaScript 还提供了更接近经典 OOP 概念的特性。 在本文中,我们将介绍这些特性。注意,这里描述的特性并不
阅读全文
摘要:面向对象编程(OOP)是如今多种编程语言所实现的一种编程范式,包括 Java、C++。在本文中,我们会简要介绍面向对象编程(OOP)的基本概念,其中包括三个主要概念:类与实例、继承、封装。现在,我们会脱离特定的 JavaScript 代码来探讨这些概念,所有提及到的例子将会以伪代码 (en-US)的
阅读全文
摘要:通过原型这种机制,JavaScript 中的对象从其他对象继承功能特性;这种继承机制与经典的面向对象编程语言的继承机制不同。本文将探讨这些差别,解释原型链如何工作,并了解如何通过 prototype 属性向已有的构造器添加方法 基于原型的语言? JavaScript 常被描述为一种基于原型的语言 (
阅读全文
摘要:在这学习 JavaScript 的对象的首篇文章中,我们将会学习有关对象基础的语法,并且回顾一些之前学过的 JavaScript 的一些特点,使你明白你所使用过的一些功能实际上是由对象提供的。 对象基础 对象是一个包含相关数据和方法的集合(通常由一些变量和函数组成,我们称之为对象里面的属性和方法),
阅读全文
摘要:事件是您在编程时系统内发生的动作或者发生的事情,系统响应事件后,如果需要,您可以某种方式对事件做出回应。例如:如果用户在网页上单击一个按钮,您可能想通过显示一个信息框来响应这个动作。在这篇文章中,我们将讨论一些关于事件的重要概念,并且观察它们在浏览器上如何运行。这篇文章不会面面俱到,仅聚焦于您现阶段
阅读全文
摘要:函数返回值 - 是本章中最后一个基础概念,让我们一起来瞧瞧.。有些函数在执行完毕后不会返回一个有用的值,但有些会,重要的是理解返回的是什么,怎样使用这些值在你的代码中,我们将在下面讨论这些。 什么是返回值? 返回值意如其名,是指函数执行完毕后返回的值。你已经多次遇见过返回值,尽管你可能没有明确的考虑
阅读全文
摘要:我们在之前的文章里大多学的是理论,这篇文章将提供一个练习的机会——您将练习构建一些您自己风格的函数。在练习过程中,我们也会解释一些针对函数的更深层的实用细节。 先活跃下气氛:构建一个函数 我们将构建的传统函数将被命名为 displayMessage(),它向用户展示一个传统的消息盒子于 web 页面
阅读全文
摘要:在 JavaScript 中另一个基本概念是函数, 它允许你在一个代码块中存储一段用于处理单任务的代码,然后在任何你需要的时候用一个简短的命令来调用,而不是把相同的代码写很多次。在本文中,我们将探索函数的基本概念,如基本语法、如何定义和调用、范围和参数。 我能在哪找到函数? 在 JavaScript
阅读全文
摘要:编程语言可以很迅速方便地帮我们完成一些重复性的任务,从多个基本计算到几乎完成了很多类似工作的其他情况。现在我们来看看处理这种需求的 JavaScript 中可用的循环结构。 来一起循环 循环,循环,循环。就与这些:popular breakfast cereals, roller coasters
阅读全文