前端技术文章
-
- Object.seal 实现 WebSocket 状态原子锁定方法
- Object.seal仅禁止增删属性及修改描述符，不改变writable状态，故可写属性值仍可修改；它不提供原子性、同步或线程安全保证，仅用于单线程下对象结构保护。
- 文章 · 前端 | 3星期前 | 415浏览 收藏
-
- HTML Canvas流体动画效果实现方法
- Canvas流体效果本质是粒子系统加速度场更新：用800–2000个粒子在二维速度场中运动，以显式欧拉法积分，贝塞尔曲线连接邻近粒子；关键在速度场计算、粒子响应与防抖连点逻辑。
- 文章 · 前端 | 3星期前 | 106浏览 收藏
-
- AbortSignal.timeout 实现 fetch 秒级熔断机制
- AbortSignal.timeout仅在Chromium120+、Firefox125+、Safari17.4+原生支持，旧版抛TypeError；需运行时检测，降级须用Promise.race且注明网络层未中断；timeout单位为毫秒但建议配置用秒并校验，Node.js行为与浏览器不等价；熔断需区分错误类型，timeout时error.code为'ABORT_ERR'；并发请求必须独立signal，避免误中断。
- 文章 · 前端 | 3星期前 | 103浏览 收藏
-
- 虚拟 DOM 中 componentInternalInstance 的作用解析
- componentInternalInstance是Vue3中VNode指向其所属组件内部实例的只读属性，承载响应式更新、生命周期调度与渲染上下文管理；仅组件类型VNode有效，普通节点为null。
- 文章 · 前端 | 3星期前 | 233浏览 收藏
-
- CSS悬停交互：hover实现样式变换技巧
- hover伪类不生效主因是父元素无内容或高度为0导致无法悬停；需确保元素可见、未被pointer-events:none拦截，注意移动端无效应改用:active或媒体查询@media(hover:hover)。
- 文章 · 前端 | 3星期前 | 124浏览 收藏
-
- HTML中如何用Intersection Observer检测元素可见性
- IntersectionObserver比getBoundingClientRect更适合检测可见性，因其是浏览器原生异步回调机制，不阻塞主线程且自动节流；而后者需手动轮询或绑定scroll事件，频繁调用易触发重排导致卡顿。
- 文章 · 前端 | 3星期前 | 268浏览 收藏
-
- JavaScript单例模式实现与实例唯一性保障
- JavaScript单例模式核心是确保多次调用始终返回同一实例引用，常用闭包缓存或ES6私有静态字段实现，单线程下天然线程安全，推荐直接导出实例以保证模块级唯一。
- 文章 · 前端 | 3星期前 | 433浏览 收藏
-
-
HTML中ins和del标签用于标记文本的插入和删除，常用于显示文档的修订版本。以下是它们的基本用法：ins 标签作用：表示插入的文本，通常用于显示新增内容。默认样式：通常会以斜体或下划线显示（可通过CSS自定义）。示例：
这是一段原始文本。这是插入的内容。
del 标签作用：表示删除的文本，通常用于显示被删除的内容。默认样式：通常会以删除线显示（可通过CSS自定义 - ins和del是语义化标签，分别表示插入和删除内容，必须成对闭合、正确嵌套并合理设置display样式；diff转HTML需逐行解析与转义；cite和datetime属性须规范使用以保障可访问性与语义准确性。
- 文章 · 前端 | 3星期前 | 350浏览 收藏
-
HTML中ins和del标签用于标记文本的插入和删除，常用于显示文档的修订版本。以下是它们的基本用法：ins 标签作用：表示插入的文本，通常用于显示新增内容。默认样式：通常会以斜体或下划线显示（可通过CSS自定义）。示例：
-
- 移动端CSS媒体查询失效？检查viewport配置是否正确
- 移动端CSS媒体查询不生效，90%以上因viewportmeta标签缺失、位置错误或重复；必须唯一且置于head最前，禁用max-device-width而改用max-width，并排除CSS语法错误与优先级冲突。
- 文章 · 前端 | 3星期前 | 203浏览 收藏
-
- HTML画布编辑区域怎么实现？低代码画布编辑器避坑指南
- 需手动维护世界坐标到像素的映射关系，用ctx.transform()控制缩放平移，鼠标事件需反向计算逻辑坐标，避免重设变换影响UI，禁用DOM模拟以保渲染精度与性能，导出时须处理devicePixelRatio并关闭抗锯齿。
- 文章 · 前端 | 3星期前 | 259浏览 收藏
-
- Atomic CSS如何解决样式覆盖问题
- AtomicCSS并未消除样式覆盖，而是将不可控的权重竞争转为可预测的就近覆盖；所有原子类权重恒为(0,0,1,0)，覆盖仅由HTML中class书写顺序决定，失效主因是拼写错误、响应式未触发、Purge误删或作用域隔离。
- 文章 · 前端 | 3星期前 | 497浏览 收藏
-
- VS2019运行HTML方法步骤详解
- 首先安装Web开发工作负载，再创建或打开HTML项目，设置启动页后通过IISExpress运行，或右键文件在浏览器中直接预览。
- 文章 · 前端 | 3星期前 | HTML运行 VS2019 178浏览 收藏
-
- CSS中RGB颜色怎么设置？255数值配置全解析
- rgb()函数三个参数依次为红、绿、蓝，必须为0–255整数，越界则整条声明静默失效；不可混用单位，不支持透明度及calc()、CSS变量。
- 文章 · 前端 | 3星期前 | 208浏览 收藏
-
- Number.isFinite与isFinite区别解析
- Number.isFinite严格校验数字类型且为有限值，不转换参数；全局isFinite先转数字再判断，存在隐式转换。前者安全明确，后者易引发意外结果。
- 文章 · 前端 | 3星期前 | 421浏览 收藏
-
- HTML代码缩进规范及格式指南
- 缩进HTML代码的核心在于保持一致性，推荐使用2个或4个空格，确保每个子元素比父元素多一个缩进层级，关闭标签与对应开始标签缩进相同；2.使用现代IDE如VSCode或WebStorm的自动格式化功能，配合Prettier等工具在保存时自动统一代码风格；3.统一选择空格或制表符并全项目保持一致，空格保证视觉一致性，制表符提供灵活性，但需团队统一设置；4.规范缩进提升代码可读性、团队协作效率和长期可维护性，避免技术债务；5.推荐使用Prettier、ESLint、HTML-CSS-JSPrettify等工具实
- 文章 · 前端 | 3星期前 | 251浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 61次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 62次使用
-
- Red Skill
- 小红书创作服务平台为小红书创作者和机构提供视频上传、数据分析、粉丝管理、创作指导等多项运营服务，助力用户解锁更多创作者专属功能，体验高效创作！
- 65次使用
-
- MiMo Code
- MiMo Code 是小米大模型团队开源的新一代 AI 编程助手，面向开发者提供代码理解、生成与辅助开发能力，适合作为 AI 编程工具收藏和体验。
- 162次使用
-
- TRAE Work
- TRAE AI IDE | 国内首款 AI 原生集成开发环境，深度集成 Doubao-1.5-pro 与 DeepSeek 模型，支持中文自然语言一键生成完整代码框架，实时预览前端效果并智能修复 BUG。首创 Builder 模式实现需求到代码的自动化开发，兼容 Windows/macOS 系统，官网下载即用。
- 184次使用
