全部内容
JavaScript Event Loop 运行机制详解:从单线程到异步队列

本文深入解析 JavaScript 的单线程模型及其采用原因,阐述同步任务与异步任务的执行差异。重点介绍事件循环(Event Loop)机制,说明主线程、调用栈与任务队列如何协同工作,以及异步任务如何通过回调函数重新进入主线程执行的全过程。

2026-10-23 19:20:06
476
木棉
JavaScript Canvas 实现五子棋人机对战完整教程

本文详细解析如何使用原生JavaScript结合HTML5 Canvas元素实现一个完整的人机对战五子棋游戏。内容涵盖从实例创建、棋盘绘制、棋子渲染、鼠标交互聚焦,到核心胜负算法初始化及计算机智能落子逻辑的完整实现过程。通过分步代码演示,帮助开发者掌握Canvas绘图API应用及基础游戏AI逻辑。

2026-10-23 19:16:55
600
像素猫
JavaScript 删除数组指定值的常用方法详解

本文详解在 JavaScript 中删除数组指定值的多种实现方式。针对删除所有匹配值,分析了正向遍历 splice 的风险及逆向遍历、filter 过滤等安全方案;针对删除单个值,介绍了利用 some 短路特性与 findIndex 定位下标的方法,帮助开发者根据场景选择合适策略。

2026-10-23 19:16:45
431
青柠
Node.js 实现 WebSocket 监听的三种方式:原生、ws 与 Socket.IO

本文详细介绍在 Node.js 中创建 WebSocket 监听的三种主要方式。首先解析基于原生 net 模块的基础实现,其次讲解使用 ws 库的标准做法,最后介绍流行的 Socket.IO 框架应用。通过对比三种方案的特点与代码示例,帮助开发者根据项目需求选择最适合的 WebSocket 通信实现方案。

2026-10-23 19:16:14
94
慢半拍
使用JavaScript或jQuery实现网站夜间模式与高亮模式切换

本文介绍如何在网页中实现夜间模式与高亮模式的切换功能。通过创建HTML文档、编写CSS样式,并利用JavaScript的toggle方法或jQuery的addClass/removeClass方法,可以添加一个开关按钮来实现明暗主题的动态切换。

2026-10-23 19:10:44
436
代码拾荒
JavaScript 类继承详解:extends 与 super 关键字用法

本文详细介绍 JavaScript 中类的继承机制,重点解析 extends 关键字如何用于继承父类普通函数与构造函数,以及 super 关键字在调用父类构造方法和普通方法时的具体用法。文章强调子类构造函数中 super 必须置于 this 之前,并深入讲解继承中属性与方法查找的就近原则,通过代码示例展示子类扩展自身方法时的实现细节。

2026-10-23 19:10:29
496
闭包旅人
JavaScript闭包原理与用法学习笔记

本文详细解析JavaScript中闭包的概念、原理及实际应用。通过具体代码示例,阐述闭包如何结合函数与词法环境,实现私有变量封装、函数工厂模式以及解决循环中回调绑定的常见错误,帮助开发者深入理解并正确使用闭包。

2026-10-23 19:10:11
175
木棉
一些常用的JS功能函数代码

本文整理了一系列常用的JavaScript实用功能函数,涵盖DOM元素获取、相对路径计算、动态加载JS/CSS文件、表单控件(下拉框、单选、复选框)状态设置、图片上传预览及大小检测、客户端环境信息获取以及字符串处理等常见开发场景,旨在提供可直接复用的代码片段以提升开发效率。

2026-10-23 19:09:22
635
拾光
jQuery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】

本文介绍如何使用jQuery结合AJAX技术实现网页端的无刷新文件上传功能,并通过PHP后端接收文件进行重命名处理。示例包含前端HTML表单与JavaScript逻辑,以及后端PHP对文件类型、后缀及存储路径的处理代码,旨在提供完整的上传与重命名解决方案。

2026-10-23 19:08:13
247
工具松鼠
AlloyTouch实现图片轮播组件的完整教程

本文详细解析如何使用AlloyTouch库实现高性能图片轮播组件。通过配置属性、处理触摸事件及利用step校正机制,实现流畅的横向滚动与自动吸附效果。

2026-10-23 19:08:00
83
函数茶馆
原生JS实现前端路由功能示例

本文详解前端路由原理及原生JS实现方法。通过监听window对象的hashchange事件,结合Router构造函数管理路由映射与页面刷新,实现无需后端支持的单页面应用(SPA)URL切换与内容更新。

2026-10-23 19:07:29
206
拾光
JavaScript策略模式:重构表单校验逻辑

本文深入解析JavaScript中的策略模式,通过表单校验这一常见场景,展示如何将复杂的条件判断逻辑封装为独立的策略对象。文章对比了传统if-else写法与策略模式的优劣,详细阐述了如何利用策略模式提升代码的复用性、可维护性,并遵循开放-封闭原则,同时指出了该模式可能带来的类数量增加及认知负担等缺点。

2026-10-23 19:07:01
110
纸飞机