HTML5 API 学习之旅
关注
分享
扫一扫
文章平均质量分 96
桃园码工
清楚自己的需求，选择最适合自己的方案，这样才能达到最佳效果。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
21_HTML5 WebSocket --[HTML5 API 学习之旅]
HTML5 WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它使得客户端和服务器之间可以保持一个持久连接，并允许双方实时地向对方发送数据。WebSocket 协议不同于传统的 HTTP 请求-响应模式，因为它建立了一个持久性的通道，减少了不必要的网络流量和延迟，特别适用于需要频繁更新的数据应用，如在线游戏、聊天应用、股票行情等。原创 2024-12-27 11:03:29 · 1273 阅读 · 0 评论 -
20_HTML5 SSE --[HTML5 API 学习之旅]
HTML5 Server-Sent Events (SSE) 是一种技术，它允许服务器向浏览器推送更新。与传统的轮询不同，SSE提供了真正的单向实时通信通道：服务器可以主动发送数据到客户端，而不需要客户端发起请求。这对于实现实时更新的应用非常有用，比如股票行情、社交网络更新、聊天应用等。原创 2024-12-26 20:40:45 · 900 阅读 · 1 评论 -
19_HTML5 Web Workers --[HTML5 API 学习之旅]
HTML5 Web Workers 是一种允许 JavaScript 在后台线程中运行的技术，从而不会阻塞用户界面或其他脚本的执行。通过使用 Web Workers，你可以执行复杂的计算任务而不影响页面的响应速度，提升用户体验。原创 2024-12-26 08:52:36 · 819 阅读 · 0 评论 -
18_HTML5 Web IndexedDB 数据库 --[HTML5 API 学习之旅]
HTML5 Web IndexedDB API 是一种在用户浏览器中存储大量结构化数据的机制，它允许存储和检索键值对，其中键可以是任何有效的JavaScript对象。IndexedDB 主要用于需要复杂查询的数据密集型Web应用。原创 2024-12-25 18:40:32 · 1329 阅读 · 0 评论 -
17_HTML5 Web 存储 --[HTML5 API 学习之旅]
HTML5 Web 存储（Web Storage）是 HTML5 引入的一种在用户浏览器中存储数据的机制。它提供了比传统的 cookies 更加方便和强大的功能，包括更大的存储空间、更好的性能以及更简单的 API。Web 存储主要分为两种类型：`localStorage` 和 `sessionStorage`。原创 2024-12-25 08:52:52 · 1504 阅读 · 0 评论 -
16_HTML5 语义元素 --[HTML5 API 学习之旅]
HTML5 引入了许多新的语义元素，这些元素有助于创建结构更清晰、更具描述性的网页。语义化 HTML 不仅改善了代码的可读性，还增强了搜索引擎优化（SEO），提高了无障碍访问性，并使得开发者更容易理解和维护代码。以下是 HTML5 中一些重要的语义元素及其用途：原创 2024-12-24 20:06:42 · 1100 阅读 · 0 评论 -
15_HTML5 表单属性 --[HTML5 API 学习之旅]
HTML5 为 `form` 和 `input` 标签添加了多个新属性，以增强表单的功能性和用户体验。以下是一些新增的属性：原创 2024-12-24 10:05:36 · 1314 阅读 · 0 评论 -
14_HTML5 input类型 --[HTML5 API 学习之旅]
HTML5 引入了许多新的 `input` 类型，这些类型提供了更专业的数据输入控件，并且可以在支持的浏览器中提供更好的用户体验和输入验证。以下是一些 HTML5 中引入的 `input` 类型：原创 2024-12-23 09:20:29 · 1355 阅读 · 0 评论 -
13_HTML5 Audio(音频) --[HTML5 API 学习之旅]
HTML5 引入了 `audio` 标签，使得在网页中嵌入音频文件变得更加简单和直接。使用 `audio` 标签，开发者可以为网站添加音频播放功能而不需要依赖第三方插件，比如 Flash。原创 2024-12-22 11:19:02 · 1678 阅读 · 0 评论 -
12_HTML5 Video(视频) --[HTML5 API 学习之旅]
HTML5 引入了 `video` 标签，使得在网页中嵌入和控制视频变得非常简单。`video` 元素允许你直接在 HTML 中指定视频文件，并提供了多种属性和方法来控制视频的播放、暂停、音量等。原创 2024-12-21 20:46:48 · 1290 阅读 · 0 评论 -
11_HTML5 拖放 --[HTML5 API 学习之旅]
HTML5 拖放（Drag and Drop，简称 DnD）API 提供了一种直观的方式让用户通过鼠标或触摸屏拖动网页中的元素，并将它们放置在其他位置。以下是关于 HTML5 拖放的基本概念的详细介绍：原创 2024-12-21 09:36:41 · 913 阅读 · 0 评论 -
10_HTML5 MathML --[HTML5 API 学习之旅]
HTML5 中的 MathML（Mathematical Markup Language）是一种用于在网页上显示复杂数学符号和公式的标记语言。它允许以结构化的方式描述数学表达式，从而确保公式能够被正确渲染，并且可以与其他Web技术如CSS、JavaScript等结合使用。原创 2024-12-20 18:30:33 · 1457 阅读 · 0 评论 -
9_HTML5 SVG (5) --[HTML5 API 学习之旅]
HTML5中的SVG（可缩放矢量图形）允许我们创建高质量的二维图形，包括应用各种滤镜效果。模糊效果是通过`feGaussianBlur`滤镜原语来实现的。下面我将给出4个使用SVG进行模糊效果处理的示例，并为每个代码段添加详细的注释。原创 2024-12-20 09:13:02 · 1064 阅读 · 0 评论 -
8_HTML5 SVG (4) --[HTML5 API 学习之旅]
HTML5 中的 SVG（可缩放矢量图形）允许你直接在网页中嵌入图形，并且可以使用 `text` 元素来添加文本到这些图形中。以下是四个带有详细注释的 SVG 文本示例，展示了如何在不同情况下使用 `text` 元素。原创 2024-12-19 18:28:02 · 1222 阅读 · 0 评论 -
7_HTML5 SVG (3) --[HTML5 API 学习之旅]
SVG（Scalable Vector Graphics）是一种用于描述二维图形的XML语言。在SVG中，``元素用于绘制直线。下面是关于如何使用``元素创建直线的讲解，并附有四个带有详细注释的示例代码。原创 2024-12-19 08:02:01 · 937 阅读 · 0 评论 -
6_HTML5 SVG (2) --[HTML5 API 学习之旅]
SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于 XML 的标记语言，用于描述二维图形。`` 是 SVG 中的一个基本形状元素，用来绘制矩形。下面我将提供四个不同场景下的 `` 示例，帮助你了解如何使用这个元素。原创 2024-12-18 13:29:29 · 1302 阅读 · 0 评论 -
5_HTML5 SVG (1) --[HTML5 API 学习之旅]
SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于 XML 的标记语言，用于描述二维图形和图形应用。它允许开发者创建具有文本和图形元素的图像文件，这些文件可以在不损失清晰度的情况下任意缩放。SVG 是 W3C 标准的一部分，并且得到了广泛的支持，特别是在现代 Web 浏览器中。原创 2024-12-18 08:24:45 · 1126 阅读 · 0 评论 -
4_使用 HTML5 Canvas API (3) --[HTML5 API 学习之旅]
在 canvas中缩放对象可以通过 `scale` 方法来实现。这个方法会根据提供的参数对之后绘制的所有内容进行缩放。下面是两个具体的示例，展示如何使用 `scale` 方法来缩放 canvas 上的对象。原创 2024-12-17 20:02:08 · 1384 阅读 · 0 评论 -
3_使用 HTML5 Canvas API (2) --[HTML5 API 学习之旅]
当然，我将给出两个使用 `` 填充矩形区域的示例。这两个示例将展示如何使用纯色填充和线性渐变填充来绘制矩形。原创 2024-12-17 08:29:24 · 1302 阅读 · 0 评论 -
2_使用 HTML5 Canvas API (1) --[HTML5 API 学习之旅]
在网页中加入 `` 元素可以通过简单的 HTML 和 JavaScript 实现。以下是两个具体的示例，展示了如何在页面中使用 `` 绘制图形和处理用户交互。原创 2024-12-16 19:13:09 · 858 阅读 · 0 评论 -
1_HTML5 Canvas 概述 --[HTML5 API 学习之旅]
HTML5 `` 元素的历史可以追溯到2004年，当时它是由苹果公司（Apple Inc.）为他们的 Mac OS X Dashboard Widgets 开发的。随后，`` 元素被引入到了 Safari 浏览器中，并迅速引起了其他浏览器厂商的兴趣和支持。原创 2024-12-16 15:48:18 · 1317 阅读 · 0 评论