|
| 1 | +# JavaScript 快速入门 |
| 2 | + |
| 3 | +## 支持语言 |
| 4 | + |
| 5 | +🇨🇳 [简体中文](README_zh.md) 🇪🇸 [Español](README_es.md) 🇫🇷 [Français](README_fr.md) 🇩🇪 [Deutsch](README_de.md) 🇯🇵 [日本語](README_ja.md) 🇷🇺 [Русский](README_ru.md) 🇰🇷 [한국어](README_ko.md) 🇧🇷 [Português](README_pt.md) 🇺🇸 [English](README.md) |
| 6 | + |
| 7 | +[](https://labex.io/zh/courses/javascript-practice-labs) |
| 8 | + |
| 9 | +[](https://labex.io/zh/courses/javascript-practice-labs) |
| 10 | + |
| 11 | +本课程专为想要学习 JavaScript 和编程基础的初学者设计。我们将尝试构建一个动态的个人财务追踪器,帮助你理解 JavaScript 的基础知识。 |
| 12 | + |
| 13 | + |
| 14 | + |
| 15 | + |
| 16 | +## 练习 |
| 17 | + |
| 18 | +| 序号 | 名称 | 难度 | 练习 | |
| 19 | +|--------|--------------------------------------------------|--------|-----------------------------------------------------------------------------------------------------------------------------------------| |
| 20 | +| 01 | 📖 🟢 你的第一个 JavaScript 实验 | 中级 | <a target='_blank' href='https://labex.io/zh/tutorials/your-first-javascript-lab-92948'>开始实验</a> | |
| 21 | +| 02 | 📖 🟢 JavaScript 和 DOM 基础 | 中级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-basic-javascript-and-dom-290729'>开始实验</a> | |
| 22 | +| 03 | 📖 🟢 数组和对象 | 中级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-arrays-and-objects-290728'>开始实验</a> | |
| 23 | +| 04 | 📖 🟢 数据存储与检索 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-data-storage-and-retrieval-290730'>开始实验</a> | |
| 24 | +| 05 | 📖 🟢 增强个人财务追踪器 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-enhancing-personal-finance-tracker-290731'>开始实验</a> | |
| 25 | +| 06 | 📖 🟢 实现财务汇总功能 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-implementing-the-summary-290732'>开始实验</a> | |
| 26 | +| 07 | 📖 🟢 值是否为 null | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-value-is-null-28429'>开始实验</a> | |
| 27 | +| 08 | 📖 🟢 值是否为未定义 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-value-is-undefined-28447'>开始实验</a> | |
| 28 | +| 09 | 📖 🟢 值是否为数字 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-value-is-number-28430'>开始实验</a> | |
| 29 | +| 10 | 📖 🟢 值是否为字符串 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-value-is-string-28444'>开始实验</a> | |
| 30 | +| 11 | 📖 🟢 值是否为布尔值 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-value-is-boolean-28412'>开始实验</a> | |
| 31 | +| 12 | 📖 🟢 值的类型 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-type-of-value-28673'>开始实验</a> | |
| 32 | +| 13 | 📖 🟢 将数字四舍五入到给定精度 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/round-number-to-given-precision-28605'>开始实验</a> | |
| 33 | +| 14 | 📖 🟢 在 JavaScript 中限制数字范围 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-clamping-numbers-in-javascript-28196'>开始实验</a> | |
| 34 | +| 15 | 📖 🟢 数字是否为偶数 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-number-is-even-28419'>开始实验</a> | |
| 35 | +| 16 | 📖 🟢 数字是否为奇数 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-number-is-odd-28433'>开始实验</a> | |
| 36 | +| 17 | 📖 🟢 范围内的随机数 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-random-number-in-range-28574'>开始实验</a> | |
| 37 | +| 18 | 📖 🟢 数字转换为货币字符串 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-number-to-currency-string-28516'>开始实验</a> | |
| 38 | +| 19 | 📖 🟢 在 JavaScript 中大写首字母 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-capitalize-first-letter-in-javascript-28188'>开始实验</a> | |
| 39 | +| 20 | 📖 🟢 使用 JavaScript 反转字符串 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-reverse-string-with-javascript-28600'>开始实验</a> | |
| 40 | +| 21 | 📖 🟢 使用 JavaScript 将字符串转换为驼峰命名法 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-convert-strings-to-camelcase-with-javascript-28648'>开始实验</a> | |
| 41 | +| 22 | 📖 🟢 在 JavaScript 中截断字符串 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-truncating-strings-in-javascript-28671'>开始实验</a> | |
| 42 | +| 23 | 📖 🟢 在 JavaScript 中填充字符串 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-padding-strings-in-javascript-28537'>开始实验</a> | |
| 43 | +| 24 | 📖 🟢 使用 JavaScript 进行字符串操作 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-string-manipulation-with-javascript-28590'>开始实验</a> | |
| 44 | +| 25 | 📖 🟢 数组的头部元素 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-head-of-array-28145'>开始实验</a> | |
| 45 | +| 26 | 📖 🟢 通过编码学习 JavaScript 基础 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-javascript-fundamentals-through-coding-28156'>开始实验</a> | |
| 46 | +| 27 | 📖 🟢 数组的最后一个元素 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-last-array-element-28463'>开始实验</a> | |
| 47 | +| 28 | 📖 🟢 不含最后一个元素的数组 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-array-without-last-element-28163'>开始实验</a> | |
| 48 | +| 29 | 📖 🟢 在 JavaScript 数组中过滤虚假值 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-filtering-falsy-values-in-javascript-arrays-28204'>开始实验</a> | |
| 49 | +| 30 | 📖 🟢 数组中的随机元素 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-random-element-in-array-28153'>开始实验</a> | |
| 50 | +| 31 | 📖 🟢 检查数组是否有重复项 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-check-if-array-has-duplicates-28142'>开始实验</a> | |
| 51 | +| 32 | 📖 🟢 检查数组是否包含所有值 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-check-if-array-includes-all-values-28146'>开始实验</a> | |
| 52 | +| 33 | 📖 🟢 检查数组是否包含任何值 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-check-if-array-includes-any-values-28147'>开始实验</a> | |
| 53 | +| 34 | 📖 🟢 筛选数组中的唯一值 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-filter-unique-array-values-28299'>开始实验</a> | |
| 54 | +| 35 | 📖 🟢 JavaScript 中的高效数组交集 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-efficient-array-intersection-in-javascript-28148'>开始实验</a> | |
| 55 | +| 36 | 📖 🟢 查找数组中元素的并集 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-find-union-of-elements-on-an-array-28161'>开始实验</a> | |
| 56 | +| 37 | 📖 🟢 浅克隆对象 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-shallow-clone-object-28613'>开始实验</a> | |
| 57 | +| 38 | 📖 🟢 选取对象键 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-pick-object-keys-28544'>开始实验</a> | |
| 58 | +| 39 | 📖 🟢 从对象中移除键 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-omit-object-keys-28529'>开始实验</a> | |
| 59 | +| 40 | 📖 🟢 使用 Reduce 和 Concat 合并 JavaScript 对象 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-merging-javascript-objects-with-reduce-and-concat-28495'>开始实验</a> | |
| 60 | +| 41 | 📖 🟢 将对象转换为键值对 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-convert-object-to-pairs-28523'>开始实验</a> | |
| 61 | +| 42 | 📖 🟢 从键值对创建对象 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-object-from-pairs-28519'>开始实验</a> | |
| 62 | +| 43 | 📖 🟢 在 JavaScript 中限制函数参数 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-limiting-function-arguments-in-javascript-28322'>开始实验</a> | |
| 63 | +| 44 | 📖 🟢 JavaScript 中的函数组合 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-function-composition-in-javascript-28208'>开始实验</a> | |
| 64 | +| 45 | 📖 🟢 在 JavaScript 中高效组合函数 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-composing-functions-efficiently-in-javascript-28546'>开始实验</a> | |
| 65 | +| 46 | 📖 🟢 使用记忆化优化 JavaScript 函数 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-optimizing-javascript-functions-with-memoization-28494'>开始实验</a> | |
| 66 | +| 47 | 📖 🟢 在 JavaScript 中实现防抖 Promise | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-debouncing-promises-in-javascript-28257'>开始实验</a> | |
| 67 | +| 48 | 📖 🟢 JavaScript 柯里化技术 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-javascript-currying-techniques-28233'>开始实验</a> | |
| 68 | +| 49 | 📖 🟢 检查闰年 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-check-for-leap-year-28423'>开始实验</a> | |
| 69 | +| 50 | 📖 🟢 探索 JavaScript 编程概念 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-explore-javascript-programming-concepts-28247'>开始实验</a> | |
| 70 | +| 51 | 📖 🟢 用 JavaScript 计算日期差 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-calculate-date-difference-in-javascript-28235'>开始实验</a> | |
| 71 | +| 52 | 📖 🟢 在 JavaScript 中按天数添加日期 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-add-date-by-days-in-javascript-28123'>开始实验</a> | |
| 72 | +| 53 | 📖 🟢 创建人类可读的时间格式 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-create-human-readable-time-formatting-28316'>开始实验</a> | |
| 73 | +| 54 | 📖 🟢 日期范围生成器 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-date-range-generator-28248'>开始实验</a> | |
| 74 | +| 55 | 📖 🟢 将异步函数转换为 Promise | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-asynchronous-functions-to-promises-28559'>开始实验</a> | |
| 75 | +| 56 | 📖 🟢 深度克隆对象 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-deep-clone-object-28260'>开始实验</a> | |
| 76 | +| 57 | 📖 🟢 字符串是否为有效 JSON | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-string-is-valid-json-28449'>开始实验</a> | |
| 77 | +| 58 | 📖 🟢 序列化包含循环引用的 JSON | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-stringify-circular-json-28629'>开始实验</a> | |
| 78 | +| 59 | 📖 🟢 使用递归扁平化 JavaScript 对象 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-flatten-javascript-object-with-recursion-28312'>开始实验</a> | |
| 79 | +| 60 | 📖 🟢 深度冻结对象 | 初级 | <a target='_blank' href='https://labex.io/zh/tutorials/javascript-deep-freeze-object-28263'>开始实验</a> | |
| 80 | + |
| 81 | +## 学习环境 |
| 82 | + |
| 83 | +LabEx 是一个专注于编程和技术的交互式动手学习平台。它结合了实验室、AI 辅助和虚拟机,提供无视频的实践学习体验。 |
| 84 | + |
| 85 | + |
| 86 | + |
| 87 | +- 严格的"边学边做"方法,提供独家动手实验,无视频。 |
| 88 | +- 浏览器内的交互式在线环境,具有自动化的逐步检查。 |
| 89 | +- 基于技能树的结构化内容组织系统。 |
| 90 | +- 不断增长的学习资源,包含 30 个技能树和超过 6,000 个实验。 |
| 91 | +- 基于最新 AI 模型构建的学习助手 Labby,提供对话式学习体验。 |
| 92 | + |
| 93 | +了解更多 [LabEx VM](https://support.labex.io/using-labex/virtual-machine). |
| 94 | + |
| 95 | +## 更多 |
| 96 | + |
| 97 | +- 🔗 [JavaScript 编程课程](https://github.com/labex-labs/awesome-programming-courses) |
| 98 | +- 🔗 [JavaScript 编程项目](https://github.com/labex-labs/awesome-programming-projects) |
| 99 | +- 🔗 [JavaScript 免费教程](https://github.com/labex-labs/javascript-free-tutorials) |
| 100 | + |
0 commit comments