JavaScript 教程

我们的 JavaScript 教程为学习动态 Web 编程提供了系统方法。教程涵盖 JS 基础知识、DOM 操作和异步编程,适合初学者和中级开发者。通过实践实验室和实用代码示例,你将获得创建交互式 Web 应用的经验。我们的 JS 练习场让你可以试验 JavaScript 特性并实时查看结果。

使用 HTML5 构建图像裁剪工具

使用 HTML5 构建图像裁剪工具

本项目将指导你完成创建一个简单图像裁剪工具的过程。最终,你将拥有一个交互式应用程序,允许用户上传、显示和裁剪图像。
JavaScriptHTMLCSS
构建响应式手风琴界面

构建响应式手风琴界面

在本项目中,你将学习如何使用 HTML、CSS 和 JavaScript 创建一个简单的折叠式手风琴。折叠式手风琴是一种常见的用户界面元素,它允许用户展开和折叠内容部分,使其成为以紧凑且有条理的方式显示信息的实用功能。
JavaScript
构建井字棋 Web 应用

构建井字棋 Web 应用

在这个项目中,你将学习如何使用 HTML、CSS 和 JavaScript 创建一个井字棋游戏。井字棋是一款双人游戏,玩家轮流在 3x3 的网格中标记 X 或 O。游戏目标是先在横向、纵向或对角线上连成一线。你将逐步创建所需的 HTML、CSS 和 JavaScript 文件,并实现游戏逻辑。
JavaScriptCSSHTML
构建一个投票应用程序

构建一个投票应用程序

在这个项目中,你将学习如何构建一个投票应用程序,该应用程序允许用户创建和管理投票选项,并在需要时删除选项。该应用程序还包括多选支持和公开投票结果等功能。
JavaScript
使用 HTML、CSS、JavaScript 制作水果匹配游戏

使用 HTML、CSS、JavaScript 制作水果匹配游戏

在本项目中,你将学习如何使用 HTML、CSS 和 JavaScript 创建一个简单的“水果趣玩”游戏。该游戏通过点击游戏板上的方块来匹配成对的水果图像。
JavaScript
使用 HTML、CSS、JavaScript 的水果堆叠游戏

使用 HTML、CSS、JavaScript 的水果堆叠游戏

在本项目中,你将学习如何使用 HTML、CSS 和 JavaScript 创建一个简单的水果堆叠游戏。目标是将页面顶部掉落的水果物品堆叠到页面底部的盒子中。如果盒子里有三个相同的水果,它们将被自动移除。
JavaScript
构建一款网页躲避方块游戏

构建一款网页躲避方块游戏

在这个项目中,我们将使用 HTML、CSS 和 JavaScript 构建一款有趣且简单的躲避方块游戏。这款游戏涉及移动方块,玩家必须点击黑色方块得分,并避免点击白色方块。让我们一步步开始构建吧!
JavaScriptHTMLCSS
构建一个现代化的费用分摊网络应用程序

构建一个现代化的费用分摊网络应用程序

在这个循序渐进的项目中,我们将使用 HTML、CSS 和 JavaScript 创建一个现代且视觉上吸引人的费用分摊网络应用程序。这个应用程序将允许你在一群人之间分摊费用,并计算谁欠谁多少钱。我们将从头开始,逐步涵盖构建项目的每个步骤。
JavaScriptHTMLCSS
在 React 中构建 GitHub 热图贡献日历

在 React 中构建 GitHub 热图贡献日历

本项目将引导你在 React 中创建一个类似于 GitHub 贡献图的热图日历。这种日历是一种直观展示随时间变化的活动数据的有效方式,颜色深浅代表特定日期的活动强度。完成本项目后,你将清楚了解如何在 React 应用中集成和使用日历热图。
ReactJavaScriptCSS
使用 ChatGPT 构建 VSCode 扩展

使用 ChatGPT 构建 VSCode 扩展

在这个项目中,我们将创建一个 VSCode 扩展,允许用户调整所选 Markdown 文本的标题级别。
JavaScript
使用 jQuery 的 2048 网页游戏

使用 jQuery 的 2048 网页游戏

2048 是一款极其受欢迎且易于上手的游戏,风靡全球。如果你还没玩过,可以在手机上下载体验。本项目将指导你使用 HTML、CSS、JavaScript 和 jQuery 创建一个网页版的 2048 游戏。
JavaScript
使用 JavaScript 构建滑动拼图游戏

使用 JavaScript 构建滑动拼图游戏

欢迎来到这个使用 JavaScript 构建简单滑动拼图游戏的项目。在本指南结束时,你将拥有一个可以在浏览器中玩的 3x3 滑动拼图游戏。该游戏将具有编号方块、计时器以及用于开始、暂停和重置游戏的控件。
JavaScriptHTMLCSS
使用 Echarts 的实时销售仪表盘

使用 Echarts 的实时销售仪表盘

在本项目中,你将学习如何使用 Echarts 库创建一个实时销售仪表盘。该仪表盘将以直观且易于理解的格式显示销售和销量数据。
JavaScript
交互式电影收藏网络应用程序

交互式电影收藏网络应用程序

在本项目中,你将学习如何使用 HTML、CSS 和 JavaScript(jQuery)创建一个交互式电影收藏网络应用程序。该应用程序允许用户标记他们喜欢的电影,当创建了一个喜欢的电影集合时,会显示一条成功消息。
JavaScript
jQuery 翻转拼图游戏

jQuery 翻转拼图游戏

本项目“jQuery 翻转拼图游戏”提供了网页开发的实践经验,重点在于 JavaScript、jQuery 和 Bootstrap。它涉及 JavaScript 中的面向对象编程,并解决了网页开发环境中常见的“this”绑定问题。该游戏使用 jQuery 和 Bootstrap 3 实现用户界面。虽然熟悉 Bootstrap 会有帮助,但项目的核心逻辑是用 jQuery 和 JavaScript 构建的。
JavaScriptCSSHTML
简易抽奖应用程序

简易抽奖应用程序

在本项目中,你将学习如何使用 JavaScript 和 jQuery 创建一个简易抽奖应用程序。该应用程序将通过旋转奖品列表并在旋转停止时显示中奖奖品来模拟抽奖过程。
JavaScript
构建一个 React 拖放式拼图游戏

构建一个 React 拖放式拼图游戏

在这个项目中,我们将使用 React 创建一个拖放式拼图游戏。这是一个让初学者学习 React 组件、状态管理和处理用户交互的绝佳项目。在这个项目结束时,你将拥有一个功能齐全的拼图游戏。
ReactJavaScriptCSS
开发具有实时预览功能的 Markdown 编辑器

开发具有实时预览功能的 Markdown 编辑器

在本项目中,我们将创建一个简单的基于网络的 Markdown 编辑器,它在你输入时提供实时 HTML 预览。使用 Ace Editor、marked 和 highlight.js 等库,你将开发一个直观的编辑器,它不仅允许使用 Markdown 进行编写,还能在不同浏览器会话中保存数据,并在预览中突出显示代码片段。
JavaScriptHTMLCSS
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 56
  • 下一页