跳到主要内容位置

One doc tagged with "图书"

查看所有标签

​Audio API:音频播放、录制和处理

Audio API 是一个 Web API,它提供了一组 JavaScript 接口,用于在浏览器中播放音频和控制音频的播放状态。使用 Audio API,我们可以在 Web 应用程序中实现音频播放、音频录制、音频处理等功能。

​​Clipboard API:剪贴板读取和写入

Clipboard API 是一个 Web API,它可以让开发者通过 JavaScript 代码来读取或写入剪贴板中的内容。这个 API 包含两种操作:读取剪贴板内容和写入剪贴板内容。

Cookie API:创建、读取和删除 Cookie

Cookie 是一个小型的文本文件,它存储在用户的计算机上,并在浏览器和服务器之间传递。Cookie 通常用于存储一些用户偏好设置、网站登录信息、购物车内容等等。通过使用 Cookie,网站可以为用户提供个性化的服务。

Document API 操作网页 DOM

我们知道,仅仅编写 HTML 而产生的页面是静态的,用户没办法和它进行交互,例如点击按钮,提交表单等,正因为如此,浏览器厂商推动了 JavaScript 语言,来专门为 HTML 页面添加交互。

DOM 操作简介

我们知道,仅仅编写 HTML 而产生的页面是静态的,用户没办法和它进行交互,例如点击按钮,提交表单等,正因为如此,浏览器厂商推动了 JavaScript 语言,来专门为 HTML 页面添加交互。

​Fetch API:异步请求远程数据

Fetch API 是一种现代的 Web API,用于在浏览器中进行网络请求。它提供了一种更简单、更直观的方式来处理网络数据,比传统的 XMLHttpRequest(XHR)更加易用。

Location 对象操作浏览器地址栏 URL

在 Web 应用程序中,我们经常需要对 URL 进行操作,例如:跳转到某个页面、获取当前页面的 URL、修改 URL 中的参数等等。在 JavaScript 中,我们可以使用 `window.location` 对象来完成这些操作。

Navigator API 获取浏览器信息

Navigator API 是 Web API 的一部分,它提供了关于浏览器的信息和功能的接口。使用 Navigator API,我们可以获取浏览器的基本信息,例如浏览器的名称、版本、操作系统等,并且还可以实现一些功能,例如获取用户的地理位置、访问媒体设备、注册 Service Worker 等。

Tuple 类型

Tuple 类型是一种类数组的解构,具有深度不可变的特点,即每个元素都是只读的,不能直接修改,对 tuple 的操作都会返回一个新的 tuple 实例。

Video API:视频播放、录制和处理

Video API 是一个 Web API,它提供了一组 JavaScript 接口,用于在浏览器中播放视频和控制视频的播放状态。使用 Video API,我们可以在 Web 应用程序中实现视频播放、视频录制、视频处理等功能。

Web APIs

Web API 是浏览器提供给开发者使用的一系列接口,它允许开发者通过 JavaScript 操作浏览器和操作系统的功能。Web API 包括 DOM API、BOM API、Canvas API、Web Storage API、XMLHttpRequest API 等,每个 API 都有其特定的功能,可以让开发者实现丰富的交互体验和功能。

Window API 操作浏览器窗口

我们知道,仅仅编写 HTML 而产生的页面是静态的,用户没办法和它进行交互,例如点击按钮,提交表单等,正因为如此,浏览器厂商推动了 JavaScript 语言,来专门为 HTML 页面添加交互。

为什么获取不到 DOM 元素实例?

在进行 DOM 操作时,有时会遇到无法获取 DOM 实例的问题。这可能是由于许多原因导致的,其中一些常见原因包括脚本尚未加载完成、DOM 元素尚未被创建、网络连接出现问题等。

修改 DOM 元素属性

在学习了如何触发事件和访问 DOM 元素属性之后,我们来看一下如何修改它们。修改 DOM 元素属性是实现交互式页面的途径之一,我们可以通过 JavaScript 修改现有 DOM 属性的内容,从而在用户交互后,例如点击按钮,或者从后台请求数据之后,把新的内容更新到页面上。

创建 DOM 元素

创建 DOM 元素是 Web 开发中常见的操作之一。在前端开发中,我们需要动态地创建和修改 DOM 元素,以实现交互效果、更新数据等功能。本节将介绍如何使用 JavaScript 来创建 DOM 元素。

处理键盘事件

键盘事件是 Web 开发中常见的一种用户交互方式。当用户按下或释放键盘上的某个键时,浏览器会触发相应的键盘事件。本节将讨论如何使用 JavaScript 处理键盘事件,并介绍一些常用的技巧和最佳实践。

处理鼠标事件

鼠标事件是 Web 开发中常见的一种用户交互方式。当用户在页面上单击、双击、移动或滚动鼠标时,浏览器会触发相应的鼠标事件。在本文中,我们将讨论如何使用 JavaScript 处理鼠标事件,并介绍一些常用的技巧和最佳实践。

安装 babel

在本小节中,我们将学习如何安装 Babel,并将代码转译为 ES6。

引言

在 JavaScript 交由 ECMAScript 组织进行版本规范定制以后,新特性的更新速度变快了,现在以每年更新一个版本的速度进行更新,每次都会有不少新特性加入进来,如此快速的迭代速度,是纸质书籍无法跟上的。所以在这里,作为书中内容的补充,会定期更新 JavaScript 版本的新特性。

监听和处理事件

在介绍如何修改或创建 DOM 之前,我们先简单的学习一下 DOM 事件的处理,因为绝大多数情况下,需要在用户交互的时候修改 DOM,例如用户点击按钮修改某个元素的颜色,或者添加一个新的列表项到列表中。

表单 form 元素事件处理

表单提交事件 (submit) 在用户提交表单时触发。通过监听提交事件,我们可以在提交表单之前对表单数据进行验证,或者在提交表单之后执行一些操作,例如向后端服务器发送表单数据。

表单控件事件处理

表单控件是 Web 前端开发中最基础的组件之一,包括输入框、密码框、下拉框等,这些控件都有自己的事件,例如输入框有 input 事件、下拉框有 change 事件等。在实际开发中,我们需要掌握如何处理这些事件,以实现相应的业务逻辑。

访问 DOM 元素属性

在获取到 DOM 实例之后,就可以访问 DOM 的属性(Attributes)了,例如获取图片的 src、超链接的 href、表单 input 的 value 值(用户的输入)等。访问 DOM 元素属性的方式不只有一种,我们分别来看一下。

选择 DOM 元素

要想修改 HTML 元素,我们需要先在 DOM 树中找到它。而找元素的方式,需要用到一个叫做选择器的概念。

遍历 DOM 节点

在获取到某个 DOM 元素之后,可以通过 DOM 元素提供的遍历 API 来获取它的子节点、兄弟节点和父节点。通过遍历,我们可以获取其它相关节点的信息,以便于实现相关的业务逻辑。