全部内容
JavaScript 实现窗口抖动特效

本文介绍如何使用JavaScript实现类似QQ窗口的抖动动画效果。通过控制元素的绝对定位属性,利用定时器循环改变坐标值,实现视觉上的抖动交互。

10.22
热度 587
JavaScript单例模式:原理、惰性实现与通用封装

本文深入解析JavaScript中的单例模式,指出全局变量虽满足单例特征但易引发命名空间污染。通过命名空间与闭包封装降低污染风险,并重点介绍惰性单例的实现。为解决单一职责问题,文章提供了通用的单例管理器代码,将创建逻辑与实例管理分离,适用于浮窗、事件绑定等多种场景。

10.22
热度 616
JavaScript变量提升与函数提升机制详解

本文深入解析JavaScript中的变量提升与函数提升机制。通过具体实例说明只有声明会被提升而赋值不会,以及函数声明优先于变量提升的规则。同时区分ReferenceError与TypeError的产生场景,并警示块级作用域内函数声明的行为不确定性。

10.22
热度 431
ECMAScript中typeof运算符的返回值详解

本文详细解析ECMAScript中typeof运算符的行为。当变量仅声明未赋值或未声明时,返回undefined;所有引用对象(包括Object、String、Boolean包装类及数组、对象字面量)均返回object;基本类型则根据值返回string、number或boolean。

10.22
热度 162
JavaScript装饰者模式:原理、场景与代码实现

本文详细解析JavaScript中的装饰者模式,阐述其在不改变原对象基础上通过包装扩展属性或方法以满足复杂需求的核心机制。文章结合具体代码示例,展示如何在保持原有操作完整性的同时添加新功能,并分析该模式在应对复杂需求变更时的适用场景,帮助开发者理解并应用这一符合开闭原则的设计模式。

10.22
热度 103
JavaScript实现文本框placeholder提示文字功能示例

本文介绍如何使用JavaScript模拟文本框的placeholder提示文字效果。通过获取输入框元素,设置初始灰色字体颜色,并在聚焦时清空内容、失去焦点时恢复默认值,实现类似HTML5 placeholder的交互体验,适用于兼容旧版浏览器的场景。

10.22
热度 498
JavaScript实现关键字文本搜索高亮显示

本文介绍使用JavaScript实现关键字文本搜索高亮显示的方法。通过在线工具测试按钮点击触发的高亮效果,并进一步修改为实时搜索示例。核心逻辑涉及利用split和join方法对文本进行处理,将匹配的关键字包裹在带有背景色的span标签中,适用于前端页面内容的高亮展示场景。

10.22
热度 368
JavaScript 回调函数原理与实战用法解析

本文深入解析JavaScript中回调函数的核心概念,通过具体代码示例说明其作为函数参数传递的执行机制。文章从基础定义出发,结合后端数据获取模拟场景,详细演示回调函数的定义与调用方式,并进一步展示在Vue框架生命周期钩子中处理用户权限验证的实际应用案例,帮助开发者理解并掌握回调函数的使用技巧。

10.22
热度 562
JavaScript 实现字符串中间部分隐藏替换

本文介绍如何使用 JavaScript 在前端实现敏感信息的局部隐藏功能。通过定义特定函数,指定保留的前后字符数量及替换符号,可将字符串中间部分替换为指定字符。示例包含完整代码及界面效果,同时指出该功能在后台实现的安全性优势。

10.22
热度 571
JavaScript 实现敏感词过滤:DFA算法原理与性能对比

本文详细介绍在 JavaScript 中实现敏感词过滤的两种方案:传统全文匹配与 DFA 确定有限状态自动机。重点解析 DFA 算法通过构建词树结构实现高效查找的逻辑,并提供完整的代码实现。通过对比测试,DFA 算法在平均耗时和最大耗时上均显著优于原生 indexOf 方法,适合高并发场景。

10.22
热度 609
原生JavaScript实现元素移除与恢复功能

本文介绍如何使用原生JavaScript实现类似jQuery的remove()和recover()功能。通过记录元素的父节点、HTML内容及后续兄弟节点,实现指定元素的移除与即时恢复,适用于需要临时隐藏或批量处理DOM结构的场景。

10.22
热度 76
JavaScript 实现 F11 全屏预览功能示例

本文提供了一段用于实现网页全屏预览的 JavaScript 代码。通过调用 requestFullScreen 及其浏览器前缀,并结合 ActiveXObject 兼容旧版 IE,实现了点击按钮切换全屏状态的功能。

10.22
热度 566

标签目录

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 应用部署