全部内容
jQuery扩展方法详解:jQuery.extend与jQuery.fn.extend用法

本文详细解析jQuery的两种扩展方式:jQuery.extend用于添加静态工具方法,jQuery.fn.extend用于为jQuery对象实例添加方法。通过具体代码示例展示如何定义和调用自定义扩展方法,包括直接扩展和立即执行函数封装两种写法,帮助开发者掌握jQuery插件开发基础。

2026-10-26 14:44:51
213
开源拾贝
JS实现滚动到顶部按钮:兼容性与动画效果踩坑实录

本文记录在开发滚动到顶部按钮时遇到的兼容性问题。传统jQuery animate方法在移动端与PC端表现不一致,分别依赖body或documentElement。通过引入scrollingElement API及window.scrollTo平滑滚动方案,实现了跨设备的兼容与动画效果,并整理了各方案的适用场景与浏览器支持情况。

2026-10-26 14:43:50
596
微光
JavaScript Array数组常用方法详解

本文详细解析JavaScript中Array数组的常用操作方法,涵盖push、pop、unshift、shift等增删元素方法,以及forEach遍历、slice截取、splice修改、concat连接、join转换、reverse反转和sort排序等核心功能,帮助开发者掌握数组处理技巧。

2026-10-26 14:43:10
274
闭包旅人
JavaScript前端开发中的设计模式与SOLID原则详解

本文深入解析JavaScript前端开发中常用的设计模式,涵盖创建型、结构型及行为型三大类。重点阐述SOLID五大基本原则,并详细解读单例、工厂、适配器、装饰器、策略、观察者及发布-订阅模式的核心概念、优缺点及代码实现,帮助开发者提升代码的可重用性、可读性与可靠性。

2026-10-26 14:39:27
490
小括号
深度剖析JavaScript作用域:从局部到全局一网打尽

本文深入解析JavaScript作用域机制,从编译原理的词法分析与语法分析入手,阐述引擎、编译器与作用域的协作。详细区分LHS与RHS查询行为,解析非严格与严格模式下变量查找、隐式全局变量创建及异常抛出的具体差异,帮助开发者全面理解从局部到全局的作用域规则。

2026-10-26 14:38:57
104
函数茶馆
JS日期转时间戳与时间戳转日期全攻略:原生、Vue过滤器及Day.js

本文详解JavaScript中日期与时间戳的双向转换。涵盖原生Date.parse、getTime等获取当前及指定日期时间戳的方法,以及将时间戳还原为年月日格式。针对Vue项目,分别演示了在Vue2中通过main.js创建日期过滤器,以及在Vue3+TS环境中使用Day.js库进行时间格式化的具体代码与配置步骤。

2026-10-26 14:38:02
372
青团子
JavaScript .sort() 函数原理与对象数组排序实战

本文详解JavaScript中.sort()函数的常见用法与底层原理。通过对比无参排序与传入比较函数的区别,解析参数a、b的返回值规则,并展示如何对包含name、age等字段的对象数组进行多条件排序,涵盖升序、降序及布尔值排序的实战案例。

2026-10-26 14:37:40
321
半夏
深入理解JavaScript预解析机制:变量与函数提升规则

本文详细解析JavaScript引擎在代码执行前的预解析过程,重点阐述变量声明与函数声明的提升机制。通过对比函数声明与表达式、var与let/const的行为差异,说明同名声明的优先级及作用域限制,帮助开发者规避提升带来的潜在错误。

2026-10-26 14:37:25
299
青柠
JavaScript 实现获取今天、昨天和明天日期的两种方法

本文介绍了两种在 JavaScript 中获取今天、昨天和明天日期的方法。第一种通过封装 getDays 函数,利用 Date 对象操作年月日并支持自定义分隔符;第二种基于时间戳加减 24 小时的方式计算目标日期,并处理月份补零逻辑。两种方案均提供完整代码及调用示例,适用于前端日期展示场景。

2026-10-26 14:37:23
258
半夏
JavaScript Map() 数据结构详解:从基础用法到高级特性

本文深入解析JavaScript内置的Map()数据结构,涵盖创建实例、使用set/get方法操作键值对、以及keys/values/entries等迭代器的用法。重点介绍Map支持任意类型键、has()检测、delete()删除及可扩展性等高级特性,并探讨其在数据缓存、带键循环和文本翻译中的实际应用场景。

2026-10-26 14:37:10
590
闭包旅人
ECMA-262-3 深入解析:this 关键字的工作原理

本文深入解析ECMA-262-3规范中this关键字的确定机制。详细阐述this作为执行上下文属性的定义,区分全局代码与函数代码中this的值差异。重点剖析调用方式、引用类型(Reference type)及GetValue方法对this绑定的影响,涵盖构造函数调用、apply/call手动绑定及with语句等特殊情况。

2026-10-26 14:37:00
344
半夏
基于jQuery实现图片自动轮换与手动切换功能

本文封装了一个基于jQuery的图片自动轮换函数autoPlay。该函数支持设置自动播放间隔、显示容器及按钮容器,并处理手动点击切换逻辑。代码展示了HTML结构、CSS样式布局以及JavaScript核心逻辑,适用于需要实现图片幻灯片效果的Web页面开发。

2026-10-26 14:36:27
459
橙子