前端技术文章
-
- MicroFrontends为何易出现CSS冲突
- ShadowDOM不能自动解决微前端CSS冲突，仅隔离挂载在其内部的元素；子应用若直接操作document.body或动态插入全局节点，样式立即泄漏，且需手动处理@font-face、@keyframes、第三方库挂载点及框架挂载逻辑。
- 文章 · 前端 | 2星期前 | 155浏览 收藏
-
- React/Next.js标签切换不重渲染技巧
- 本文解析React/Next.js应用中因状态管理不当导致的「标签页切换后页面重渲染并重置界面」问题，重点指出冗余useState和认证逻辑缺陷是根本原因，并提供可落地的状态优化与调试策略。本文解析React/Next.js应用中因状态管理不当导致的「标签页切换后页面重渲染并重置界面」问题，重点指出冗余`useState`和认证逻辑缺陷是根本原因，并提供可落地的状态优化与调试策略。在React/Next.js应用中，当用户切换浏览器标签
- 文章 · 前端 | 2星期前 | 381浏览 收藏
-
- WebSocket连接成功但发送无效，状态解析
- WebSocketreadyState为1不代表可安全发送消息，因服务端业务层可能未就绪、中间设备拦截或浏览器状态未同步，需结合服务端ACK确认和超时重连机制。
- 文章 · 前端 | 2星期前 | 434浏览 收藏
-
- Setup中无法使用Emit？组件上下文获取技巧
- Setup外无法使用emit是因为其依赖已挂载的组件实例和作用域，仅在setup、methods等组件上下文中有效；替代方案包括mitt事件总线、Pinia状态管理或provide/inject注入。
- 文章 · 前端 | 2星期前 | 168浏览 收藏
-
- WebWorker群组广播实现技巧
- WebWorker中无法使用BroadcastChannel构造函数，因其被浏览器明确禁用；Worker间通信应使用postMessage+MessageChannel，或由主线程接入广播生态，SharedWorker更适合作为多Worker协调中心。
- 文章 · 前端 | 2星期前 | 223浏览 收藏
-
- 鸭蹲动作避障技巧全解析
- 在基于CSS动画的简易横版跳跃游戏中，为角色添加“蹲下”功能时，若未正确设置定位上下文，可能导致障碍物位置异常偏移；根本原因在于position:relative的父容器缺失，使子元素的top动画产生全局位移干扰。
- 文章 · 前端 | 2星期前 | 364浏览 收藏
-
- CSS图片悬停文字遮罩效果实现方法
- 图片容器必须设为relative才能定位::after遮罩，因img是替换元素不支持伪元素；需用div等包裹并设position:relative；opacity切换须配合pointer-events控制点击穿透；文字居中推荐transform方案；transition须写在初始态而非hover态。
- 文章 · 前端 | 2星期前 | 164浏览 收藏
-
- 尾调用优化是什么？如何避免递归栈溢出
- 尾调用优化（TCO）是复用栈帧避免栈溢出的机制，但主流浏览器默认未启用；尾调用指函数末尾直接返回另一函数调用结果，无后续操作。
- 文章 · 前端 | 2星期前 | 411浏览 收藏
-
- JSON-Schema校验引擎通过在数据写入localStorage前进行验证，确保其结构和类型符合预定义的Schema规范。具体流程如下：1.定义Schema首先，为需要存储的数据定义一个JSON-Schema，明确字段名称、类型、是否必填、格式等。示例Schema：{"type":"object","properties":{"username":{"type":"string"},"age"
- JSON-Schema校验是保障localStorage数据类型安全的最可靠方式：先定义严格可复用schema，再封装带AJV校验的读取函数，支持版本升级迁移，并通过开发/构建/运行时三重保障实现可观测性。
- 文章 · 前端 | 2星期前 | 229浏览 收藏
-
- HTML广播通道实现跨标签通信技巧
- BroadcastChannel可用但需同源、频道名完全一致、页面加载完成；常见问题包括频道名大小写/空格不一致、DOM未就绪时发送、非HTTPS环境禁用、未监听onmessageerror及热更新重复创建实例。
- 文章 · 前端 | 2星期前 | 327浏览 收藏
-
- JavaScript实时数据更新技巧与方法
- 实时数据更新应依场景选通信机制：WebSocket适用于低延迟双向交互，需完善生命周期管理；SSE适合服务端单向推送，兼容性好且自动重连；fetch轮询则用于实时性要求低或受限环境，须加节流与退避；MutationObserver不属实时数据更新方案。
- 文章 · 前端 | 2星期前 | 462浏览 收藏
-
- HTML添加页码技巧【新手必学】
- 唯一可靠方案是使用@page+counter(page)，因其由浏览器原生计数器驱动，不依赖JS、不触发重排，且被Chrome/Edge/Firefox/Puppeteer/wkhtmltopdf等主流引擎支持。
- 文章 · 前端 | 2星期前 | 378浏览 收藏
-
- CSS伪元素counter-reset失效原因解析
- counter-reset写在::before中无效，必须放在真实元素上；counter()仅在content中生效；display:none仍触发counter-increment；Safari对grid容器的counter-reset要求严格。
- 文章 · 前端 | 2星期前 | 145浏览 收藏
-
- 用pop模拟栈实现撤销重做记录
- 能，但需配合push才能构成完整栈行为；pop仅出栈，撤销重做需双栈协同，主栈存可撤销状态，重做栈存被撤销动作，且新动作前必须清空重做栈。
- 文章 · 前端 | 2星期前 | 292浏览 收藏
-
- HTML制作个人年终总结H5页面教程
- 完全可行，但需HTML定结构、CSS管样式、JS实现翻页动效、图表渲染和微信分享等交互功能，缺一不可；原生开发适合JSON数据源且注重隐私与离线可用，否则用MAKA等平台更高效。
- 文章 · 前端 | 2星期前 | 417浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 96次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 100次使用
-
- Red Skill
- 小红书创作服务平台为小红书创作者和机构提供视频上传、数据分析、粉丝管理、创作指导等多项运营服务，助力用户解锁更多创作者专属功能，体验高效创作！
- 101次使用
-
- MiMo Code
- MiMo Code 是小米大模型团队开源的新一代 AI 编程助手，面向开发者提供代码理解、生成与辅助开发能力，适合作为 AI 编程工具收藏和体验。
- 203次使用
-
- TRAE Work
- TRAE AI IDE | 国内首款 AI 原生集成开发环境，深度集成 Doubao-1.5-pro 与 DeepSeek 模型，支持中文自然语言一键生成完整代码框架，实时预览前端效果并智能修复 BUG。首创 Builder 模式实现需求到代码的自动化开发，兼容 Windows/macOS 系统，官网下载即用。
- 234次使用
