全部内容
JavaScript实现单页面多图片展示

本文介绍如何使用JavaScript实现单页面多图片展示功能。通过获取图片链接并动态修改占位符的src属性,实现点击缩略图时主区域显示对应大图。

10.21
热度 361
JavaScript实现仿支付宝风格的6位数字密码输入框

本文介绍如何使用JavaScript、CSS和HTML实现一个仿支付宝风格的6位数字密码输入框。核心思路是通过隐藏的真实输入框与6个视觉假输入框重叠,利用CSS定位和opacity属性处理层级,并通过JS监听input事件同步值与光标位置。特别指出使用type="tel"以触发移动端数字键盘,并结合正则处理PC端兼容性问题。

10.21
热度 508
JS实现搜索框文字可删除功能

本文介绍如何使用JavaScript为搜索框添加一键清空文字的功能。通过监听输入框的oninput事件,动态控制清除按钮的显示与隐藏,并绑定点击事件以清空输入值,提升用户交互体验。

10.21
热度 514
JavaScript闭包的两个经典应用场景:计数器与DOM事件绑定

本文通过两个具体示例解析JavaScript中闭包的经典用法。首先介绍如何利用闭包实现类似C语言静态变量的功能,保持局部变量内存不释放以记录函数调用次数;其次演示如何利用闭包解决在循环中为DOM元素注册事件处理函数时变量共享的问题,确保每个元素能正确获取对应的索引值。

10.21
热度 80
JavaScript实现经典排序算法之插入排序

本文详细介绍JavaScript中插入排序算法的原理与实现。从基础的手牌类比入手,解析in-place排序机制及时间复杂度O(n)至O(n^2)。同时提供优化方案,利用二分查找定位插入点,提升性能,并附带完整可运行代码示例。

10.21
热度 552
jQuery实现二级左侧折叠菜单的三种交互模式

本文详细介绍基于jQuery实现后台管理系统中左侧二级菜单的折叠功能。重点解析三种常见的交互状态:独立开关、一级互斥且二级保留状态、以及一级互斥且二级联动关闭。通过具体代码示例与运行截图,帮助开发者快速掌握不同场景下的菜单逻辑实现。

10.21
热度 366
JavaScript为页面所有图片添加点击事件并新窗口打开

本文介绍如何使用JavaScript遍历页面中所有img元素,为每个图片添加onclick点击事件。当用户点击图片时,通过window.open方法在新窗口中查看原图,并将鼠标悬停样式改为手型指针。

10.21
热度 477
JavaScript中利用正则表达式实现字符串全局替换

本文详解JavaScript中Replace函数默认仅替换首个匹配项的限制,并通过引入正则表达式及gi参数实现字符串的全局替换。通过对比普通替换与正则替换的代码示例,解析g(全局扫描)和i(忽略大小写)的具体含义,帮助开发者解决批量替换字符串的需求。

10.21
热度 359
JavaScript 实现 ASCII 与 Hex 字符串互转

本文介绍在 JavaScript 中实现 ASCII 码与十六进制(Hex)字符串相互转换的方法。通过预定义字符集与索引映射,分别编写 toAscii 和 toHex 函数,处理字符与十六进制对的解析与生成,适用于需要底层编码转换的场景。

10.21
热度 365
JavaScript 扩展 String.prototype.trim 去除首尾指定字符

本文介绍如何扩展 JavaScript 的 String.prototype.trim 方法,使其支持去除字符串首尾的指定字符。通过判断 type 参数(left、right 或默认),利用正则表达式分别处理左侧、右侧或两侧的字符,并保留原生空白去除逻辑。

10.21
热度 562
JavaScript判断字符串是否以指定子串开头的两种方法

本文介绍在JavaScript中判断字符串是否以特定子串开头的两种常用方法。传统方式利用indexOf函数检查返回值是否为0,适用于所有浏览器;现代ES6标准推荐使用startsWith方法,语义更清晰且性能更优。文章提供了具体的代码示例和适用场景说明,帮助开发者根据需求选择合适方案。

10.21
热度 190
JavaScript replace() 第二个参数为函数时的参数详解

本文深入解析JavaScript中replace()方法第二个参数为函数时的行为机制。当替换值为函数时,该函数会被调用并接收多个参数,包括匹配字符串、捕获组、偏移量及原字符串。通过对比普通字符串与全局正则表达式的执行差异,阐明参数传递的具体规则及exec()返回数组的对应关系。

10.21
热度 86

标签目录

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