全部内容
JS检测元素是否在视口内的两种实现方式

本文介绍两种在JavaScript中检测元素是否位于浏览器视口内的方法。第一种利用getBoundingClientRect计算坐标,兼容性较好但存在性能开销;第二种基于Intersection Observer API,通过异步回调监听元素相交状态,性能更优。文章包含具体代码示例与对比分析。

10.24
热度 267
JS二维码扫码登录原理详解:从Token认证到状态流转

本文深入解析JavaScript环境下二维码扫码登录的技术原理。文章从登录本质出发,阐述“告知身份”与“证明身份”两大核心,结合基于Token的认证机制,详细拆解扫码登录的完整生命周期。内容涵盖二维码生成、状态轮询、临时Token验证及最终Token获取,帮助开发者理解PC与移动端协同登录的底层逻辑与安全实现。

10.24
热度 467
JavaScript 读取图片实例代码

本文提供了一段 JavaScript 读取图片的实例代码。该示例展示了如何在 HTML 页面中通过 JavaScript 实现图片的读取功能,并包含运行、复制和保存代码的交互按钮。

10.24
热度 391
JavaScript动态创建与删除表格示例

本文提供了一段JavaScript代码,演示如何在HTML中动态创建表格并实现删除行的功能。通过操作DOM元素,用户可以实时添加和移除表格数据行,适合前端开发初学者参考学习。

10.24
热度 306
JavaScript实现复选框全选功能

本文提供了一段JavaScript代码,用于实现网页中复选框的全选功能。通过监听全选按钮的状态变化,同步更新所有子复选框的选择状态,帮助开发者快速掌握相关实现方法。

10.24
热度 495
JavaScript 处理 UTF-8 编码空格:解决 charCode 160 问题

本文介绍在JavaScript中处理UTF-8编码字符串时,正则表达式\s无法识别Unicode空格(charCode 160)的问题。通过结合正则替换与递归逻辑,实现了对标准空格及特殊空格的完整去除,确保跨编码环境下的字符串trim功能正常。

10.24
热度 171
React 17 事件机制源码深度解析:从委托绑定到执行流程

本文深入解析 React 17.0.1 版本的事件机制源码。重点阐述事件在 fiberRoot 创建时的委托绑定策略,区分离散、用户阻塞及连续三种事件优先级。详细梳理从原生事件冒泡到合成事件收集、再到 dispatchQueue 执行的全链路流程,并解释原生 stopPropagation 对合成事件的影响原理。

10.24
热度 543
XHTML下JS浮动代码失效的解决方案

本文解析了在XHTML标准文档类型下,JavaScript浮动代码失效的原因及解决方法。核心问题在于滚动条归属对象不同,需将document.body.scrollTop替换为document.documentElement.scrollTop,并增加兼容性判断以支持非XHTML环境。

10.24
热度 408
JavaScript 实现二叉搜索树:从基础到节点删除详解

本文详细讲解如何使用 JavaScript 实现二叉搜索树(BST)。内容涵盖树的基本结构定义、核心接口设计,重点解析 contains 查找、add 插入以及复杂的 remove 删除操作。通过代码示例演示有序遍历、前驱节点查找及平衡性注意事项,帮助开发者掌握 BST 在 JS 中的完整实现逻辑。

10.24
热度 469
为JavaScript添加String.Format方法

本文介绍如何在JavaScript中为String对象添加Format方法,通过正则表达式实现类似C#的{0}、{1}占位符替换功能,提供完整的扩展代码及调用示例,帮助开发者简化字符串拼接操作。

10.24
热度 573
JS原生实现轮播图的几种方法

本文介绍如何使用原生JavaScript和CSS3实现轮播图效果。核心思路是通过绝对定位和修改列表的left属性控制图片位置,利用overflow:hidden隐藏溢出内容。文章详细讲解了自动轮播、按钮点击切换及小圆圈导航的实现逻辑,并针对无缝滚动中首尾图片重复拼接的原理及潜在交互缺陷进行了分析。

10.24
热度 339
JavaScript前端动态验证码实现详解

本文介绍一种纯前端JavaScript实现的动态验证码方案,无需后端交互。通过Canvas绘制随机字符、干扰线及背景,并结合输入框事件实现实时校验。代码包含文字与线条构造函数,支持自定义长度与样式,适用于登录注册场景的防刷验证。

10.24
热度 478

标签目录

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