全部内容
JS实现滚动到顶部按钮:兼容性与动画效果踩坑实录

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

10.26
热度 595
JavaScript Array数组常用方法详解

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

10.26
热度 273
JavaScript前端开发中的设计模式与SOLID原则详解

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

10.26
热度 489
深度剖析JavaScript作用域:从局部到全局一网打尽

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

10.26
热度 103
JS日期转时间戳与时间戳转日期全攻略:原生、Vue过滤器及Day.js

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

10.26
热度 371
JavaScript .sort() 函数原理与对象数组排序实战

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

10.26
热度 320
深入理解JavaScript预解析机制:变量与函数提升规则

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

10.26
热度 298
JavaScript 实现获取今天、昨天和明天日期的两种方法

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

10.26
热度 257
JavaScript Map() 数据结构详解:从基础用法到高级特性

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

10.26
热度 589
ECMA-262-3 深入解析:this 关键字的工作原理

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

10.26
热度 343
基于jQuery实现图片自动轮换与手动切换功能

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

10.26
热度 458
JavaScript中DOM事件绑定this指向问题与call/apply解决方案

本文解析在JavaScript中将对象方法绑定到DOM事件时this指向错误的现象。通过示例说明直接绑定导致this指向DOM元素,进而介绍利用call或apply方法强制指定this上下文。文章详细讲解了createDele辅助函数的实现原理,通过返回匿名函数并调用call方法,确保事件触发时this正确指向原对象,从而获取正确的属性值。

10.26
热度 189

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署