全部内容
JavaScript 创建与读取 Cookie 完整示例及正则提取法

本文详细讲解如何利用 JavaScript 创建、存储和读取 Cookie。通过 setCookie 函数设置有效期,使用 getCookie 函数解析 document.cookie 字符串。文章提供了两种提取方法:数组分割法与正则表达式匹配法,并附带完整的 HTML 测试代码,帮助开发者实现用户欢迎语、密码记忆及日期记录等功能。

2026-10-25 23:28:43
619
拾光
使用HTML、CSS和JS构建机器人总动员小游戏

本教程详细讲解如何利用HTML、CSS和JavaScript技术栈,从零开始构建一个名为“机器人总动员”的网页小游戏。内容涵盖项目基本结构搭建、HTML页面布局、CSS样式控制以及核心JavaScript逻辑实现,包括图片预加载机制。通过完整代码示例,帮助开发者掌握前端游戏开发的基础流程与关键技术点。

2026-10-25 23:28:19
100
竹影
JavaScript 检测浏览器类型与版本的方法

本文介绍如何利用 JavaScript 的 navigator.userAgent 属性结合正则表达式来识别浏览器类型(IE、Firefox、Chrome)及其版本号。通过解析用户代理字符串,提取关键信息并在页面中展示当前使用的浏览器名称及具体版本,适用于需要兼容不同浏览器的 Web 开发场景。

2026-10-25 23:27:27
337
窗边听雨
JavaScript 正则表达式基础与表单验证实战

本文介绍 JavaScript 中正则表达式的常用元字符与量词,并通过完整代码示例演示如何验证手机号、座机号及邮箱格式。包含前端 HTML 表单结构与后端 JS 逻辑,帮助开发者快速掌握前端数据校验技巧。

2026-10-25 23:26:21
586
异步漫步
JS结合定时器与事件监听实现轮播图切换

本文介绍如何使用JavaScript结合定时器与事件监听实现轮播图切换功能。通过HTML结构、CSS样式及JS逻辑,利用setInterval实现自动轮播,并通过事件监听实现手动切换。重点解析querySelector与querySelectorAll的区别及伪数组遍历处理。

2026-10-25 23:25:03
317
交互手记
JavaScript 倒计时程序实现与时间差计算解析

本文介绍一个基于JavaScript的倒计时程序实现。通过获取当前时间与用户输入的截止日期,计算剩余天数、小时、分钟和秒。代码特别处理了本地时间与格林威治标准时间(GMT)的分钟差,尽管作者对时区转换逻辑存在疑问,但提供了完整的HTML交互界面与JS核心逻辑,适用于基础前端时间处理场景。

2026-10-25 23:24:51
511
纸飞机
JavaScript实现实时显示当前时间的完整代码示例

本文提供了一段完整的JavaScript代码,用于在网页中实时显示当前日期和时间。通过HTML定义显示区域,利用Date对象获取时间数据,结合setInterval实现每秒更新,并处理了月份、日期和小时的补零逻辑以及星期的中文转换,最终动态写入页面元素。

2026-10-25 23:24:32
121
窗边听雨
JavaScript实现鼠标悬停改变列表背景色及CSS替代方案

本文介绍如何使用JavaScript监听鼠标经过和离开事件,通过动态添加或移除CSS类来改变列表项的背景色。同时提供了纯CSS的:hover伪类实现方案作为更简洁的替代方法,帮助开发者理解JS与CSS在交互效果上的不同实现路径。

2026-10-25 23:24:07
209
窗边听雨
JavaScript DOM 基本操作:获取元素、动态添加内容与创建节点

本文介绍 JavaScript 中 DOM 的基本操作方法,涵盖通过 getElementById 获取元素、动态修改 innerHTML 添加内容,以及利用 createElement 和 appendChild 动态创建并插入节点。示例演示了表单输入验证、焦点控制及动态生成 HTML 元素的具体实现步骤。

2026-10-25 23:23:44
85
白露
JavaScript正则表达式验证文件扩展名的实现方法

本文介绍如何使用JavaScript正则表达式验证文件扩展名,提供判断图片后缀及通用多后缀验证的公共方法。同时详解RegExp对象的定义方式,以及test、replace、search和match等常用正则方法的功能与区别,帮助开发者准确进行字符串匹配与替换操作。

2026-10-25 23:23:16
249
函数茶馆
HTML中嵌入JavaScript代码的3种方式详解

本文总结了在HTML中嵌入JavaScript代码的三种主要方式:行间事件、页面script标签嵌入以及引入外部独立JS文件。文章详细解析了每种方式的语法结构、执行顺序及注意事项,包括onclick等事件句柄的使用、script标签中src与type属性的配置,以及外部文件重复引入的实际效果,帮助开发者根据场景选择最佳实践。

2026-10-25 23:19:57
467
竹影
JS 加载性能 Tree Shaking 优化详解

本文深入解析 JavaScript 加载性能中的 Tree Shaking 技术。通过对比 JS 与图像资源的处理成本,阐述消除死代码对减小包体积的重要性。详细讲解如何在 Webpack 中利用 ES6 静态模块语法,配置 Babel 避免 CommonJS 转换,处理 side effects,并针对 Lodash 等第三方库进行针对性优化,最终实现显著的代码体积缩减。

2026-10-25 23:11:04
585
缓存笔记