全部内容
Vue中阻止事件冒泡的方法与修饰符详解

本文介绍在Vue中如何阻止事件冒泡,重点解析.stop修饰符的使用。通过示例说明如何防止子元素点击触发父元素事件,并对比.prevent、.self等修饰符的区别,最后提供自定义阻止冒泡的JavaScript实现方案。

10.25
热度 628
纯JS实现高度可扩展关键词高亮方案详解

本文介绍一种纯JavaScript实现的高度可扩展关键词高亮方案,支持多个关键词同时高亮、正则匹配及自定义样式。通过React组件或innerHTML渲染,可灵活配置颜色、标签名及自定义渲染函数,适用于复杂场景。

10.25
热度 528
JavaScript Math与String内置对象详解

本文详细介绍JavaScript中Math和String内置对象的核心用法。涵盖Math的取整、极值、随机数生成及封装方法,以及String的索引查找、字符获取、子串截取、替换与分割等操作,附带完整代码示例。

10.25
热度 146
JavaScript 实现一个 Promise 队列小工具

本文介绍如何使用 JavaScript 实现一个基于 Promise 的队列工具,用于解决前端多组件并发异步请求导致的资源竞争问题。通过单例模式、加锁机制和心跳检测,确保异步任务按顺序执行,避免重复调用。

10.25
热度 336
JavaScript设计模式:命令模式与状态模式详解

本文深入解析JavaScript中的命令模式与状态模式。命令模式通过封装请求对象实现调用者与接收者的解耦,支持参数化、排队及撤销操作;状态模式则允许对象在内部状态改变时动态调整行为,符合开放封闭原则。文章结合具体代码示例,展示两种模式在简化逻辑、提升扩展性方面的实际应用。

10.25
热度 655
JavaScript 实现自定义日历签到功能详解

本文介绍了如何使用JavaScript自定义日历组件实现签到功能。通过定义日历工具对象,动态渲染当前年月日,并支持传入已签到日期列表进行高亮显示。文章提供了完整的JS逻辑与CSS样式代码,红色块标识已签到状态,样式可灵活调整,旨在帮助开发者快速集成日历签到模块。

10.25
热度 557
Vue自定义日历小控件使用方法详解

本文详解如何使用Vue结合原生div与CSS开发自定义日历控件。该组件支持自动定位当前月份、非当月日期灰色显示,并可自由定制样式与背景。通过从数据库获取时间信息填充色块,适用于签到打卡等场景,具备高自定义性与灵活性。

10.25
热度 290
TypeScript 定义 React 函数组件的 4 种方式及注意事项

本文详细介绍在 React 项目中使用 TypeScript 定义函数组件的四种主要方式,包括 React.FC、JSX.Element、直接接口定义及 PropsWithChildren。同时针对返回值限制、数组填充及泛型使用等常见开发陷阱提供解决方案与最佳实践。

10.25
热度 629
JavaScript实现打字机文字特效的代码解析

本文介绍如何利用JavaScript实现网页打字机文字特效。通过监听onMousedown事件与event.button属性,结合setTimeout方法实现字符逐个延迟显示,并使用charAt方法按索引提取字符串字符。文章详细解析了层ID调用、页面加载触发init函数以及txtTyper函数中判断字符与打印输出的逻辑,帮助开发者掌握基础的文字动画实现原理。

10.25
热度 592
JavaScript设计模式:原型模式与适配器模式实战解析

本文深入解析JavaScript中的原型模式与适配器模式。通过Object.create方法演示原型模式的对象创建机制,并结合地图类示例说明适配器模式如何解决接口不兼容问题。文章提供完整代码实现,帮助开发者理解如何在实际开发中应用这两种设计模式,提升代码的可维护性与扩展性。

10.25
热度 163
JavaScript 实现图片点击全屏与退出全屏功能详解

本文详解如何使用JavaScript实现点击图片进入全屏及再次点击退出的功能。通过获取DOM元素并调用requestFullscreen和exitFullscreen方法,结合浏览器前缀处理兼容性问题,提供完整的TypeScript实现代码及进阶思考题。

10.25
热度 150
JavaScript 数字精度丢失问题解决方案:乘法缩放与 toPrecision

JavaScript中浮点数运算常出现精度丢失,如0.1+0.2不等于0.3。本文介绍两种解决方案:一是通过乘以倍数转为整数运算后再除回,避免小数误差;二是利用toPrecision方法指定有效数字位数,配合parseFloat进行精确比对。适用于需要高精度数值比较的业务场景。

10.25
热度 546

标签目录

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