全部内容
JavaScript 正则表达式基础:声明、模式与常用方法详解

本文系统介绍 JavaScript 中正则表达式的核心概念,涵盖字面量与构造函数两种声明方式,详细解析 g、i、m 三种匹配模式的差异与应用场景,并深入讲解 test() 与 exec() 方法的返回值结构及子表达式捕获机制,辅以常见字符串验证案例。

2026-10-22 08:01:26
466
小括号
JavaScript 快速比对两个字符串内数字集合是否一致

本文介绍在JavaScript中快速判断两个包含相同数字但排序不同的字符串是否内容一致。通过分割、排序及重新拼接字符串,或利用数组遍历匹配的方式,实现高效比对。

2026-10-22 08:01:25
276
函数茶馆
Node.js 使用核心 http 模块搭建静态服务器并返回页面

本文介绍如何利用Node.js核心http模块手动搭建一个端口为8080的静态服务器。通过fs模块读取index.html、CSS及JS文件,并设置正确的Content-Type响应头,实现客户端请求页面的完整加载流程,同时展示了使用url模块优化路径解析的方法。

2026-10-22 08:01:11
349
岩茶
原生JS实现移动端Web轮播图:基于Tween算法的完整解析

本文详细解析如何使用原生JavaScript实现移动端Web轮播图。通过结合Touch事件监听与Tween算法中的easeOut缓动函数,解决屏幕适配、手势交互及平滑过渡等核心问题。文章提供了从HTML结构到JS逻辑的完整代码示例,重点讲解如何利用translate3d开启硬件加速,并通过N+2张图的策略实现无限循环滚动,为处理复杂轮播需求提供底层实现思路。

2026-10-22 08:00:54
152
小圆点
纯JS结合CSS3 Transition实现移动端轮播图

本文介绍如何使用纯JavaScript结合CSS3 transition属性实现轻量级的移动端轮播图。核心思路是在自动播放和边界切换时使用transition动画,而在用户手指拖动时禁用动画以保证跟手性。代码不足100行,通过setTimeout处理无限循环的位置重置,适合对性能有要求的移动Web场景。

2026-10-22 08:00:36
438
纸飞机
JavaScript与jQuery修改CSS伪元素样式的四种方案

本文详解在CSS无法直接选中伪元素时,如何利用JavaScript和jQuery动态修改:before和:after样式。涵盖通过切换类名、动态插入样式规则、创建新样式表以及利用HTML5 data属性四种实现方式,提供完整代码示例与注意事项。

2026-10-22 07:57:58
573
小圆点
JavaScript 使用 Proxy 实现观察者模式与自动刷新

本文介绍利用 ES6 Proxy 对象实现 JavaScript 观察者模式的方法。通过拦截 get 和 set 操作,建立键值与回调函数的映射关系,在数据变更时自动触发对应更新逻辑,实现视图的自动刷新效果。

2026-10-22 07:54:21
116
代码拾荒
js使用generator函数同步执行ajax任务

本文介绍如何利用JavaScript的Generator函数实现Ajax任务的同步执行。通过yield关键字挂起与恢复执行,结合fetch API封装请求,解决了异步回调嵌套问题。示例展示了如何构建迭代器并逐步推进异步流程,为前端开发提供了一种更线性的异步处理思路。

2026-10-22 07:54:10
184
异步漫步
JavaScript执行环境与作用域链深度解析

本文深入解析JavaScript的执行环境、变量对象及作用域链机制。详细阐述全局与函数执行环境的区别,解释活动对象与arguments的关系,并通过代码示例演示var声明对作用域的影响及标识符查询规则,帮助开发者掌握变量访问权限与闭包基础。

2026-10-22 07:53:59
283
纸飞机
纯JS实现Canvas遮罩画树效果

本文介绍如何使用纯JavaScript结合HTML5 Canvas实现画树效果。核心思路是利用背景图片展示树木,通过Canvas绘制半透明遮罩覆盖画面,并设置定时器每隔10ms从下往上清除1px高度的遮罩区域,从而逐步显露背景中的树木图像。

2026-10-22 07:53:56
192
竹影
ES6 Array.of() 方法详解:解决 new Array() 的二义性问题

ES6引入了Array.of()方法,旨在解决new Array()构造函数在单参数时易产生的二义性问题。Array.of()确保参数直接作为数组元素,无论数量多少,语义始终一致。本文通过实例对比展示了两种方式的差异及Array.of()的优势。

2026-10-22 07:53:42
185
闭包旅人
JavaScript ES3 数组常用方法详解与示例

本文系统总结了JavaScript ES3标准中的11个常用数组方法,涵盖连接、字符串转换、元素增删及排序四大类。详细解析了concat、join、toString、pop、push、shift、unshift、slice、splice、reverse和sort的语法、参数及返回值,并结合具体代码示例说明其实际应用场景与注意事项。

2026-10-22 07:53:26
367
纸飞机