JavaScript 编程项目实战

September 26, 2025 · View on GitHub

支持语言

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

通过这个结构化的学习路径，学习网络编程语言 JavaScript。这些全面的 JavaScript 课程专为初学者量身定制，提供清晰的学习路线图，帮助您掌握核心概念、DOM 操作和异步编程。通过动手实践、非视频课程和交互式 JS 编程环境中的编码练习，培养创建动态 Web 应用程序的实用技能。

练习

序号名称难度练习
001使用 ChatGPT 构建 VSCode 扩展初级🚀 开始实验
002构建一个井字棋网页应用初级🚀 开始实验
003创建打地鼠网页游戏初级🚀 开始实验
004使用 React 创建一个笔记应用初级🚀 开始实验
005构建现代费用分摊 Web 应用初级🚀 开始实验
006创建一个画板 Web 应用初级🚀 开始实验
007创建一个任务计时器 Web 应用初级🚀 开始实验
008创建一个 Swiper 轮播图 Web 应用初级🚀 开始实验
009蒙提霍尔问题模拟网页应用初级🚀 开始实验
010构建一个网页版躲避方块游戏中级🚀 开始实验
011使用 jQuery 开发 2048 网页游戏初级🚀 开始实验
012使用 JavaScript 构建滑动拼图游戏初级🚀 开始实验
013使用 React 创建像素艺术动画工具初级🚀 开始实验
014jQuery 翻转拼图游戏初级🚀 开始实验
015使用 JavaScript 创建扫雷游戏初级🚀 开始实验
016构建一个带有实时预览的简单 Markdown 编辑器初级🚀 开始实验
017使用 Canvas 实现放大镜效果初级🚀 开始实验
018使用 HTML5 构建图像裁剪工具初级🚀 开始实验
019使用 React 构建圣诞愿望清单生成器中级🚀 开始实验
020构建一个 React 拖放拼图游戏初级🚀 开始实验
021构建一个 React GitHub 热力图贡献日历中级🚀 开始实验
022使用 TensorFlow.js 和 Flask 部署 MobileNet初级🚀 开始实验
023别踩白块初级🚀 开始实验
024构建一个刮刮卡网页游戏初级🚀 开始实验
025使用 Flask 和 MySQL 构建一个简单的 URL 缩短器高级🚀 开始实验
026使用 Vue.js 实现实时句子搜索初级🚀 开始实验
027Vue.js 搜索功能开发初级🚀 开始实验
028学海无涯初级🚀 开始实验
029外卖评价系统初级🚀 开始实验
030地址管理 Web 应用程序初级🚀 开始实验
031冰墩墩情绪量表初级🚀 开始实验
032使用 JavaScript 构建交通灯系统中级🚀 开始实验
033构建一个简单的搜索功能初级🚀 开始实验
034使用 Axios 实现分页功能初级🚀 开始实验
035逃离双矢量箔初级🚀 开始实验
036构建猜硬币游戏初级🚀 开始实验
037随机贺卡生成器初级🚀 开始实验
038电影票预订系统初级🚀 开始实验
039Axios 驱动的咒语寻宝初级🚀 开始实验
040创建响应式模态框初级🚀 开始实验
041构建可复用的分页组件初级🚀 开始实验
042拼出未来初级🚀 开始实验
043基于 Web 的 HTML 演示文稿构建工具初级🚀 开始实验
044使用 Vue.js 实现自定义表单验证初级🚀 开始实验
045空 pathMatch 的正确路径计算初级🚀 开始实验
046Vue.js 拖拽购物车初级🚀 开始实验
047使用 Vue.js 实现搜索建议功能初级🚀 开始实验
048带布局切换功能的产品列表初级🚀 开始实验
049Vue.js 按钮与数值更新初级🚀 开始实验
050使用 Vue.js 构建动态菜单树搜索功能初级🚀 开始实验
051修复 Vue Router 的 cleanPath 函数初级🚀 开始实验
052构建一个 Vue.js 电子书阅读器初级🚀 开始实验
053从查询中获取对象参数初级🚀 开始实验
054构建 Vue.js 购物车初级🚀 开始实验
055构建一个 Vue.js 店铺状态切换器初级🚀 开始实验
056使用 Vue.js 实现高效虚拟滚动初级🚀 开始实验
057图像中的景深效果初级🚀 开始实验
058使用 Vue.js 进行数据格式化与可视化初级🚀 开始实验
059使用自定义 React Hook 实现响应式导航中级🚀 开始实验
060React 主题切换应用中级🚀 开始实验
061React 颜色过滤器应用中级🚀 开始实验
062实现 React 导航功能中级🚀 开始实验
063使用 React 创建响应式名片中级🚀 开始实验
064构建交互式 React 组件初级🚀 开始实验
065手机号码验证初级🚀 开始实验
066正确警告不正确的 v-Slot 使用初级🚀 开始实验
067为 Vue Router 添加弃用警告初级🚀 开始实验
068首页数据动态化初级🚀 开始实验
069修复 async.spec.js 中的测试问题初级🚀 开始实验
070使用 Echarts 和 JSON 进行数据可视化初级🚀 开始实验
071正确处理空值初级🚀 开始实验
072让我们一起开会初级🚀 开始实验
073使用 Vue.js 和 Vuex 构建登录功能初级🚀 开始实验
074修复 pathMatch 生成的警告初级🚀 开始实验
075重新访问路由触发过早初级🚀 开始实验
076路由查询值变更问题初级🚀 开始实验
077构建灵活的骨架屏初级🚀 开始实验
078使用 Vue.js 的时间转换工具初级🚀 开始实验
079构建一个 Vue.js 任务管理器初级🚀 开始实验
080互动电影收藏网页应用初级🚀 开始实验
081构建响应式手风琴界面初级🚀 开始实验
082使用 HTML、CSS、JavaScript 制作水果配对游戏中级🚀 开始实验
083使用 HTML、CSS、JavaScript 制作水果堆叠游戏中级🚀 开始实验
084简单抽奖应用程序中级🚀 开始实验
085构建投票应用程序中级🚀 开始实验
086每周天气预报应用开发初级🚀 开始实验
087天道酬勤初级🚀 开始实验
088使用 Echarts 构建实时销售仪表盘中级🚀 开始实验
089使用 ECharts 创建交互式柱状图初级🚀 开始实验
090与手机共度时光初级🚀 开始实验
091使用 Vue 和 Echarts 创建天气趋势图初级🚀 开始实验
092课程表 CRUD 操作与 MyBatis初级🚀 开始实验
093在 MyBatis 中配置日志记录和批量别名初级🚀 开始实验
094扩展实体类的自定义属性初级🚀 开始实验
095使用 JS 实现 AJAX 请求初级🚀 开始实验
096使用 AJAX 进行 JSON 数据传输初级🚀 开始实验
097使用 Log4j2 记录项目信息初级🚀 开始实验
098操作课程表初级🚀 开始实验
099resultMap 的实际应用初级🚀 开始实验
100基于 JavaScript 的用户权限管理系统初级🚀 开始实验
101将基于回调的异步函数 Promise 化初级🚀 开始实验
102使用 Node.js 构建新闻 API初级🚀 开始实验
103使用 Node.js 构建用户管理 RESTful API初级🚀 开始实验
104构建一个 Node.js 反向代理初级🚀 开始实验

更多