修改代码后点击运行,即可查看效果

源代码
JavaScript 历史

JavaScript 由 Brendan Eich 在 Netscape 公司于 1995 年发明,最初命名为 Mocha,后改名为 LiveScript,最终定为 JavaScript。

发展历程:
  • 1995年 — 最初命名为 Mocha,后改名为 LiveScript,最终定名为 JavaScript。
  • 1996 — Microsoft 推出 JScript
  • 1997 — ECMAScript 第一版标准化
  • 2009 — ECMAScript 5 发布
  • 2015 — ECMAScript 2015 (ES6) 重大更新
最后总结:

JavaScript 诞生于 web 时代,最初用于网页交互,如今已成为 全栈开发的核心语言,应用于前端、后端、桌面应用、移动端、游戏开 发等多个领域,仍在持续进化。

热门教程
更多
JavaScript开发环境怎么搭建:Node.js安装与VS Code配置指南 本指南详尽讲解如何在本地计算机搭建标准的现代 JavaScript 开发环境:包括 Node.js LTS 版本的安装与系统环境变量验证、npm 镜像源加速设

JavaScript开发环境怎么搭建:Node.js安装与VS Code配置指南

本指南详尽讲解如何在本地计算机搭建标准的现代 JavaScript 开发环境:包括 Node.js LTS 版本的安装与系统环境变量验证、npm 镜像源加速设置、Visual Studio Code 编辑器核心配置与 ESLint、Prettier 扩展集成,以及项目创建、代码运行与断点调试的标准操作闭环。

什么是JavaScript回调函数?作为参数传递的实际案例 深入浅出解析JavaScript回调函数的底层机制与运作原理,详解函数作为参数传递的逻辑,结合数组处理、事件监听与异步模拟等实战案例,帮助开发者彻底掌握回调函数的用法及避坑指南。

什么是JavaScript回调函数?作为参数传递的实际案例

深入浅出解析JavaScript回调函数的底层机制与运作原理,详解函数作为参数传递的逻辑,结合数组处理、事件监听与异步模拟等实战案例,帮助开发者彻底掌握回调函数的用法及避坑指南。

原生JS鼠标事件模拟拖拽排序:兼容旧浏览器的实现思路 深入讲解使用原生JavaScript鼠标事件(mousedown、mousemove、mouseup)模拟列表拖拽排序的完整实现思路与兼容旧版浏览器的方案,涵盖事件垫片、占位符定位、几何

原生JS鼠标事件模拟拖拽排序:兼容旧浏览器的实现思路

深入讲解使用原生JavaScript鼠标事件(mousedown、mousemove、mouseup)模拟列表拖拽排序的完整实现思路与兼容旧版浏览器的方案,涵盖事件垫片、占位符定位、几何中线碰撞算法及性能优化。

JS判空时怎么避免0、false和NaN被误判为空 在JavaScript中进行判空时,直接使用!val或||常导致数字0、布尔值false以及NaN被错误当作空值处理。本文详细剖析JS中假值与空值的边界差异,提供空值合并运算符(??)、显

JS判空时怎么避免0、false和NaN被误判为空

在JavaScript中进行判空时,直接使用!val或||常导致数字0、布尔值false以及NaN被错误当作空值处理。本文详细剖析JS中假值与空值的边界差异,提供空值合并运算符(??)、显式类型校验以及生产级判空函数的具体实现与排查方法。

Node.js入门指南:使用JavaScript构建后端服务器 本教程从零讲解如何使用JavaScript和Node.js构建稳定高效的后端服务器,涵盖核心运行机制、原生HTTP服务搭建、路由解析与生产级框架实践。

Node.js入门指南:使用JavaScript构建后端服务器

本教程从零讲解如何使用JavaScript和Node.js构建稳定高效的后端服务器,涵盖核心运行机制、原生HTTP服务搭建、路由解析与生产级框架实践。

JS怎么使用JSON.stringify实现JSON格式化与缩进 详细讲解在 JavaScript 中使用 JSON.stringify 实现 JSON 数据格式化与层级缩进的方法,解析第三个参数 space 的数值与字符串规则,对比空格与

JS怎么使用JSON.stringify实现JSON格式化与缩进

详细讲解在 JavaScript 中使用 JSON.stringify 实现 JSON 数据格式化与层级缩进的方法,解析第三个参数 space 的数值与字符串规则,对比空格与制表符缩进差异,并提供实际操作步骤与常见避坑指南。

JS怎么获取body元素:document.body标准用法 本文详细讲解在JavaScript中获取body元素的标准方法document.body,剖析其底层机制、时序加载问题与常见报错,对比querySelector等其他方式,并给出

JS怎么获取body元素:document.body标准用法

本文详细讲解在JavaScript中获取body元素的标准方法document.body,剖析其底层机制、时序加载问题与常见报错,对比querySelector等其他方式,并给出最佳实践。

JS使用Array.from和Array.of创建数组的方法 深入解析JavaScript中Array.of与Array.from创建数组的方法,涵盖传统Array构造函数的参数陷阱、类数组与可迭代对象转换、内置映射管道与实战应用技巧。

JS使用Array.from和Array.of创建数组的方法

深入解析JavaScript中Array.of与Array.from创建数组的方法,涵盖传统Array构造函数的参数陷阱、类数组与可迭代对象转换、内置映射管道与实战应用技巧。

JS Map怎么遍历:forEach与for...of用法详解 深入详解 JavaScript 中 Map 对象的遍历方法,重点剖析 forEach 与 for...of 的用法细节、参数顺序、控制流支持、迭代器变体以及场景选型指南。

JS Map怎么遍历:forEach与for...of用法详解

深入详解 JavaScript 中 Map 对象的遍历方法,重点剖析 forEach 与 for...of 的用法细节、参数顺序、控制流支持、迭代器变体以及场景选型指南。

JavaScript与Java有什么区别?新手怎么区分 针对编程新手的实用指南,系统解析JavaScript与Java在设计目的、执行机制、类型系统与应用场景上的本质区别,提供四步排查法与完整代码示例,帮助初学者快速识别并准确区分两种语言。

JavaScript与Java有什么区别?新手怎么区分

针对编程新手的实用指南,系统解析JavaScript与Java在设计目的、执行机制、类型系统与应用场景上的本质区别,提供四步排查法与完整代码示例,帮助初学者快速识别并准确区分两种语言。

JS对象合并时属性覆盖顺序是怎么的 全面讲解 JavaScript 中合并对象时的属性覆盖顺序与执行机制,深入分析展开运算符与 Object.assign 的时序差异、浅拷贝陷阱、原型链与访问器属性处理以及工程最佳实践。

JS对象合并时属性覆盖顺序是怎么的

全面讲解 JavaScript 中合并对象时的属性覆盖顺序与执行机制,深入分析展开运算符与 Object.assign 的时序差异、浅拷贝陷阱、原型链与访问器属性处理以及工程最佳实践。

JS对象数组转字符串为什么推荐用JSON.stringify() 深入解析JavaScript中对象数组转字符串为什么推荐使用JSON.stringify(),剖析toString()陷阱、结构保真、字符安全转义机制、跨端通用性及边界限制。

JS对象数组转字符串为什么推荐用JSON.stringify()

深入解析JavaScript中对象数组转字符串为什么推荐使用JSON.stringify(),剖析toString()陷阱、结构保真、字符安全转义机制、跨端通用性及边界限制。

热门工具图片创意
更多
精选文章
JavaScript 基础
JavaScript 项目实战
Vue
Node.js 基础
AI 编程工具
Dreamweaver中编写JavaScript alert警告框的代码示例

详细介绍在Adobe Dreamweaver中编写JavaScript alert警告框的操作步骤与完整代码示例,涵盖页面加载弹窗、按钮点击触发、外部JS文件引入以及引号冲突和换行等常见问题排查。

11.13
Dreamweaver中编写JavaScript alert警告框的代码示例
JavaScript负数四舍五入取整的逻辑与注意事项

深入解析JavaScript中Math.round()对负数四舍五入的底层逻辑、向正无穷舍入机制、-0的特殊边界陷阱,以及如何实现数学对称四舍五入与工程避坑实践。

11.13
JavaScript负数四舍五入取整的逻辑与注意事项
JS中Boolean()构造函数与!!操作符转换字符串的区别

深入解析JavaScript中Boolean()函数与!!操作符转换字符串的底层机制、求值区别、包装对象陷阱以及工程开发中的选型实践。

11.13
JS中Boolean()构造函数与!!操作符转换字符串的区别
为什么JavaScript被称为脚本语言而非编译型语言

深入解析为什么JavaScript被称为脚本语言而非编译型语言。从代码交付形态、宿主环境依赖、运行时动态类型机制,到现代V8引擎JIT即时编译与反优化底层原理,全面拆解两者的本质界限。

11.13
为什么JavaScript被称为脚本语言而非编译型语言
JS字符串转UTF-8字节数组:TextEncoder标准用法

详细讲解现代JavaScript中使用TextEncoder将字符串编码为UTF-8字节数组(Uint8Array)的标准用法,包含基础编码、内存复用encodeInto、原理图解及常见注意事项。

11.13
JS字符串转UTF-8字节数组:TextEncoder标准用法
js字符串怎么转base64字符串

深入讲解在JavaScript中将字符串转换为Base64字符串的完整方案,涵盖浏览器环境纯ASCII与中文字符串转换、TextEncoder标准处理流程、Node.js服务端Buffer转换,以及反向解码与常见报错避坑指南。

11.13
js字符串怎么转base64字符串
JS字符串转16进制:基础ASCII字符转换实现

深入讲解JavaScript中基础ASCII字符串与十六进制之间的正反向转换实现,解析charCodeAt、toString(16)与padStart(2, '0')的底层原理、定长补齐必要性、逆向解码步骤及边界限制。

11.13
JS字符串转16进制:基础ASCII字符转换实现
JS实现精准四舍五入保留6位小数的封装函数

深入剖析JavaScript中toFixed与Math.round在保留6位小数时的精度丢失机理,提供基于指数平移与对称舍入的纯原生高精度封装函数,全面兼顾负数、科学计数法与补零格式。

11.13
JS实现精准四舍五入保留6位小数的封装函数
查看更多
游戏开发中JavaScript圆形碰撞检测算法实现

深入讲解2D游戏开发中基于JavaScript的圆形碰撞检测算法实现原理,解析避免开方运算的高性能平方判定技巧、穿透分离物理响应机制以及Canvas游戏循环实战。

11.13
游戏开发中JavaScript圆形碰撞检测算法实现
JavaScript简易计算器实现:从文本框取值到结果显示全流程

详细讲解使用JavaScript实现网页简易计算器的完整流程,涵盖HTML结构搭建、文本框字符串取值与数字校验、四则运算分支与除零及浮点精度处理、结果与错误状态回显,以及完整可运行代码。

11.13
JavaScript简易计算器实现:从文本框取值到结果显示全流程
dw怎么用javascript有哪些值得照着做的真实案例

深入讲解在Adobe Dreamweaver(DW)中使用JavaScript的基础工作流与代码组织方式,并详细解析表单即时验证、FAQ手风琴折叠、商品画廊切换与平滑返回顶部四个经典实战案例。

11.08
dw怎么用javascript有哪些值得照着做的真实案例
javascript下载安装手机版怎么做表单校验

针对手机端JavaScript运行环境特点与触屏交互场景,系统讲解如何在手机端准备开发工具,并基于原生JavaScript完整实现涵盖虚拟键盘适配、防抖监听、失焦校验、提交拦截与真机调试的高性能移动表单校验。

11.08
javascript下载安装手机版怎么做表单校验
JS脚本App能实现哪些自动化操作

深入解析移动端JS脚本App的核心能力与应用场景,涵盖小组件数据流、网络接口同步、无障碍界面自动化以及跨应用调度,并提供实操步骤与代码示例。

11.06
JS脚本App能实现哪些自动化操作
怎么在 sigma.js 中集成自定义图像作为节点图标

本文详细讲解在现代 sigma.js (v2/v3) 中集成自定义图像作为节点图标的完整实现方法,包括依赖配置、NodeImageProgram 注册、Graphology 数据模型构建、CORS 跨域处理及 WebGL 渲染管线深度解析。

11.06
怎么在 sigma.js 中集成自定义图像作为节点图标
reveal.js 移动端显示错乱怎么修复

针对 reveal.js 移动端显示错乱、字体极小、布局被截断或大面积黑边的问题,深入剖析其基于固定画板的等比缩放计算机制,提供视口元标签校准、核心初始化参数调优、CSS 响应式弹性重构与触控长内容处理的完整实用修复方案。

11.06
reveal.js 移动端显示错乱怎么修复
vtk.js 自定义 Actor 属性:修改颜色、透明度与映射规则

深入解析 vtk.js 中自定义 Actor 属性的完整方法,包含修改基础颜色、调整透明度、定制 Mapper 标量颜色映射表以及解决材质与标量映射冲突的排查实践。

11.06
vtk.js 自定义 Actor 属性:修改颜色、透明度与映射规则
查看更多
vue计算属性字符串转数组

在Vue中通过计算属性(computed)将字符串转换为数组的完整实战指南,涵盖响应式依赖缓存原理、多格式安全清洗流程、双向可写计算属性及常见边界问题排查。

11.13
vue计算属性字符串转数组
vue字符串怎么转数组v-for渲染

详细讲解在 Vue 中如何将各种格式的字符串安全转换为数组并通过 v-for 进行列表渲染。涵盖 split 分隔、JSON 字符串解析、字符展开以及 computed 计算属性缓存优化与避坑指南。

11.13
vue字符串怎么转数组v-for渲染
Vue.js 与 React 怎么选:学习曲线、生态与性能对比

面对新项目启动或技术栈演进,如何客观务实地在 Vue.js 与 React 之间做出决断?本文从心智学习曲线、底层运行机制与性能、生态工程治理三大核心维度展开详尽对比,并提供切实的场景决策路径。

11.06
Vue.js 与 React 怎么选:学习曲线、生态与性能对比
JSP+JS混合开发与现代前后端分离架构的对比

深入对比JSP+JS混合开发与现代前后端分离架构的运行机制、代码组织、团队协作与迁移实践,提供清晰的技术选型与平滑演进方案。

11.06
JSP+JS混合开发与现代前后端分离架构的对比
Vue 和 React 项目中封装 Video.js 的最佳实践

深入探讨在 Vue 3 与 React 18 项目中封装 Video.js 的最佳实践。分析 DOM 隔离、响应式代理陷阱、StrictMode 双重挂载防护、细粒度源更新及优雅销毁策略。

11.06
Vue 和 React 项目中封装 Video.js 的最佳实践
React 与 Vue 项目中怎么正确集成和销毁 PixiJS 应用

详解在 React 与 Vue 3 单页应用中集成 PixiJS 的正确方式,重点剖析 React StrictMode 双重挂载竞态、Vue 响应式代理陷阱,以及彻底销毁 Canvas、释放 WebGL 纹理与 Ticker 资源的完整方案。

11.05
React 与 Vue 项目中怎么正确集成和销毁 PixiJS 应用
怎么在 Vue 和 React 项目中正确集成 AOS.js

深入解析如何在 Vue 3 与 React 现代前端单页应用项目中正确集成 AOS.js 滚动动效库,涵盖样式引入、组件生命周期挂载、SPA 路由跳转刷新及异步数据渲染时的坐标校准方法。

11.05
怎么在 Vue 和 React 项目中正确集成 AOS.js
Vue3 项目中怎么集成 Mock.js 模拟后端接口

在 Vue3 项目中集成 Mock.js 的完整实践指南。涵盖依赖安装、规则定义、开发环境按需拦截、动态参数处理及生产构建隔离,帮助前端在脱离后端依赖时高效开发。

11.05
Vue3 项目中怎么集成 Mock.js 模拟后端接口
查看更多
Node.js官网下载速度慢?使用官方镜像节点加速下载

针对国内访问Node.js官网下载速度慢、频繁超时的痛点,全面介绍使用官方同步镜像节点加速下载的方法,包含npm与Node安装包镜像辨析、直接下载定位技巧、nvm多版本管理配置以及SHA256哈希安全校验。

11.13
Node.js官网下载速度慢?使用官方镜像节点加速下载
Node.js能做什么?从Web服务器到前端工具链的应用全景

全面解析Node.js的应用全景:从独立后端服务、高并发API、BFF中间层,到现代前端工程化工具链、自动化脚本与跨平台桌面应用,带你清晰了解Node.js的核心能力、运行机制与技术选型边界。

11.13
Node.js能做什么?从Web服务器到前端工具链的应用全景
Node.js主要应用场景有哪些:Web后端、API与前端工程化工具

全面解析Node.js的三大核心应用场景:Web后端与BFF服务层、高并发API与实时通信、前端工程化工具链。通过深入浅出的原理剖析、架构配图与实践代码,厘清技术优势与选型边界。

11.13
Node.js主要应用场景有哪些:Web后端、API与前端工程化工具
Node.js下载LTS还是Current版本?生产与开发环境选择建议

深入解析Node.js官方提供的LTS(长期支持版)与Current(当前最新版)的核心区别,结合官方发布周期、生态兼容性、原生C++模块支持以及生产与开发实战场景,提供清晰明确的选型决策与版本管理方案。

11.13
Node.js下载LTS还是Current版本?生产与开发环境选择建议
Node.js使用winreg模块操作Windows注册表教程

介绍如何在Windows环境下使用Node.js的winreg模块创建、写入、读取、枚举与删除注册表键和键值,包含Promise封装、32/64位视图切换及常见问题排查。

11.13
Node.js使用winreg模块操作Windows注册表教程
Node.js官网下载地址在哪里?怎么获取正版安装包

Node.js 官方唯一网站地址是 https://nodejs.org/,中文分流页面为 https://nodejs.org/zh-cn/。本文详细解答 Node.js 官网下载地址在哪里,如何根据操作系统架构获取正版安装包,辨别 LTS 稳定版与 Current 尝鲜版的差异,并通过 SHA-256 散列哈希值进行防伪防篡改校验,最后完成终端自检。

11.13
Node.js官网下载地址在哪里?怎么获取正版安装包
怎么使用nvm-windows管理Node.js版本以避免安装冲突

本文详细讲解如何使用nvm-windows在Windows环境下管理多版本Node.js,从清理历史残留、规划纯英无空格路径、剖析NTFS软链接工作机制,到常用版本切换命令与高频冲突排查,助你彻底避免Node.js环境与安装冲突。

11.13
怎么使用nvm-windows管理Node.js版本以避免安装冲突
Node.js官网地址是多少

Node.js官网地址是https://nodejs.org(中文入口为https://nodejs.org/zh-cn/)。本文详细解析官网核心功能分区、LTS与Current版本选型指南、安装包安全下载及本地环境验证步骤,帮助读者正确识别正版官网,远离第三方捆绑与仿冒风险。

11.13
Node.js官网地址是多少
查看更多
Cursor新增实时语音对话:可边通话边让Agent编程

Cursor新增实时语音对话,支持在Agent运行任务时交流并听取进度,覆盖Agents Window、IDE、网页端与iOS,语音通话需登录账号并开启麦克风权限。

11.10
Cursor新增实时语音对话:可边通话边让Agent编程
VS Code 1.145更新:Cron调度、远程预览与补丁修复

VS Code 1.145新增本地Cron调度,扩展远程Agent预览能力;后续1.145.1与1.145.2修正遥测归属和事件路由。文中区分正式、预览及实验性功能。

11.10
VS Code 1.145更新:Cron调度、远程预览与补丁修复
Gemini CLI 常用命令指南:怎么发起对话、上传文件与管理历史

本文介绍如何在 Windows 终端中使用 Gemini CLI 进行日常开发交互,涵盖启动对话、引用本地文件、管理会话历史及清理上下文等核心操作。

11.08
Gemini CLI 常用命令指南:怎么发起对话、上传文件与管理历史
Gemini CLI 报错排查:解决连接超时、认证失败及 API 配额限制

本文针对 Gemini CLI 使用中常见的连接超时、认证失败及 API 配额限制问题,提供分层排查方案。通过区分启动、登录与请求阶段的错误特征,指导用户依次检查网络代理配置、验证不同认证路径(Google 账号、API Key、Vertex AI)的设置细节,并核对相应的项目配额状态,帮助用户高效定位并解决问题。

11.08
Gemini CLI 报错排查:解决连接超时、认证失败及 API 配额限制
为什么AI率检测结果不准确?常见误报原因与优化策略

本文深入解析AI率检测中误报与漏报的成因,指出语言差异、文体特征及工具局限性对结果的影响。通过四步复核法,指导用户结合写作过程证据理性看待检测分数,避免盲目改写,提升判断准确性。

11.08
为什么AI率检测结果不准确?常见误报原因与优化策略
WebStorm怎么配置AI插件?JetBrains系列IDE智能编码推荐

本文详解如何在WebStorm中配置JetBrains AI Assistant,涵盖插件安装、模型服务选择、性能优化及故障排查,帮助开发者高效利用AI辅助编码。

11.08
WebStorm怎么配置AI插件?JetBrains系列IDE智能编码推荐
主流AI率检测工具对比:准确率、价格与适用场景评测

本文对比GPTZero、Turnitin、Copyleaks和Originality.ai等主流AI检测工具,从准确率指标解读、计费模式差异、多语言支持及隐私政策等维度进行分析,帮助用户根据个人、教育机构或内容团队的不同场景选择合适工具,并强调检测结果仅作为辅助参考而非最终定论。

11.08
主流AI率检测工具对比:准确率、价格与适用场景评测
AI生成代码能绕过检测吗?前端代码AI率检测的局限性

本文探讨前端代码AI率检测的技术局限,指出其仅能作为辅助提示而非确凿证据。文章分析了代码风格相似性、检测器泛化能力及实证研究结果,强调检测结果受语言、任务和数据集影响显著。建议开发者与管理者关注代码质量、可维护性及提交者的解释能力,而非依赖单一的AI检测分数进行裁决。

11.08
AI生成代码能绕过检测吗?前端代码AI率检测的局限性
查看更多