前端技术文章
-
- JavaScript Service Worker实战
- ServiceWorker通过拦截网络请求实现离线访问，首先注册sw.js文件，在install事件中缓存静态资源，activate时清理旧缓存，fetch事件中优先返回缓存响应并动态缓存新资源，通过版本号更新缓存并使用skipWaiting和clients.claim实现快速激活。
- 文章 · 前端 | 1个月前 | 371浏览 收藏
-
- del和ins标签的作用？HTML文本修订标记使用方法
- <del>和<ins>是语义化标签，明确表达文本删除与插入行为，支持机器可读、屏幕阅读器播报及搜索引擎识别；不可用<s>或<u>替代，因其语义不符且缺乏修订信息。
- 文章 · 前端 | 1个月前 | 494浏览 收藏
-
- CSS样式表的动态注入接口_封装一个JS样式加载器
- 动态注入CSS的核心方法是appendChild而非insertAdjacentHTML；前者通过document.createElement('style')创建元素更可控，支持后续操作与统一管理，后者仅适合一次性内联样式调试。
- 文章 · 前端 | 1个月前 | 430浏览 收藏
-
- 动态更新下拉选项：基于已选值实时重算剩余可选数量
- 本文介绍如何在用户选择某个数值后，自动移除超出剩余可用配额的<option>元素，实现“选N个，则后续仅剩(max−N)个可选”的逻辑，适用于资源预约、库存分配等场景。
- 文章 · 前端 | 1个月前 | 413浏览 收藏
-
- 如何使用cssoverflow属性处理溢出内容
- overflow属性通过控制内容溢出行为提升布局与体验，其核心值包括visible、hidden、scroll和auto，可分别应对不同场景；auto最常用，能智能显示滚动条，而scroll则确保布局稳定性和可滚动提示；结合max-height、Flexbox及自定义滚动条样式，可在响应式设计中实现展开收起、表格滚动等高级功能，但需避免滥用hidden导致内容不可访问或布局问题。
- 文章 · 前端 | 1个月前 | 298浏览 收藏
-
- 怎样通过css伪元素::first-letter实现首字下沉效果_排版设计中的艺术处理
- ::first-letter生效需满足块级容器、首字符未被内联标签包裹、无前置空白等严格条件；失效主因是HTML结构或CSS环境不合规，而非选择器错误。
- 文章 · 前端 | 1个月前 | 201浏览 收藏
-
- 如何识别由于 闭包中包含复杂的正则表达式 导致的 lastIndex 状态干扰
- 关键在于正则是否被缓存复用且带g标志并被闭包长期持有，导致lastIndex持续变化干扰匹配；典型表现为对同一字符串连续test结果交替，或lastIndex非零时从中间匹配。
- 文章 · 前端 | 1个月前 | 498浏览 收藏
-
- html5怎么设置边框实线_隐藏招让实线边框无锯齿感【技巧】
- HTML5中实线边框必须用CSS显式声明border-style:solid，如border:1pxsolid#ccc；锯齿源于亚像素渲染，需用整数宽度、translateZ(0)、font-smoothing等协同优化。
- 文章 · 前端 | 1个月前 | 343浏览 收藏
-
- 如何用element.outerHTML直接替换整个节点实现组件的高级更新
- 直接对element.outerHTML赋值会销毁原节点并重建，导致Vue/React组件实例、响应式绑定、事件监听器及状态全部丢失；应改用框架原生更新机制（如修改reactive数据或setState），必要时通过key变更触发可控重建。
- 文章 · 前端 | 1个月前 | 379浏览 收藏
-
- 如何用 Object.seal() 在不影响属性修改的前提下锁定组件的 Props 结构
- Object.seal()能锁定props结构（禁止增删属性、修改可配置性），但允许修改已有属性值；它并非“无影响”，而是有明确行为边界，适用于需结构只读但值可变的场景。
- 文章 · 前端 | 1个月前 | 221浏览 收藏
-
- 如何通过静态分析 AST 手动编写一个针对特定业务逻辑的代码脱敏混淆工具
- 必须基于AST用@babel/parser+@babel/traverse安全提取可混淆标识符：仅处理声明绑定（var/let/const/param），跳过属性名、导入绑定和白名单字段，按作用域隔离生成混淆名，并用replaceWith更新引用。
- 文章 · 前端 | 1个月前 | 195浏览 收藏
-
- 如何利用 Chrome DevTools 实时监控异步任务导致的 JS 堆内存与 DOM 节点波动
- Performance面板录制可实时观察JS堆与DOM节点变化，关键看GC后是否回落；Memory面板用分配时间线定位异步代码分配源头；TaskManager辅助验证跨标签页内存增长；需重点关注未取消Promise、未移除事件监听器、未清除定时器、未节流流式数据四类高危模式。
- 文章 · 前端 | 1个月前 | 301浏览 收藏
-
- 如何利用 import 实现对前端海量原始 ID 库的“分块模块化”检索与查询
- 分块模块化检索的核心是“分块设计+静态导入+运行时索引”：按ID区间或哈希前缀预切分数据为ES模块，通过动态import()按需加载，配合索引表快速定位目标块，再用Set/Map实现O(1)查询。
- 文章 · 前端 | 1个月前 | 143浏览 收藏
-
- HTML外部样式怎么引入_HTML link引入外部CSS文件【零基础】
- <link>必须放在<head>中且含rel="stylesheet"和正确href路径，否则样式不生效；浏览器解析顺序导致FOUC或IE忽略，路径以HTML所在目录为基准，rel属性拼写错误将静默失效。
- 文章 · 前端 | 1个月前 | 174浏览 收藏
-
- 如何基于 Object.getPrototypeOf 实现深层递归的原型链污染漏洞自动扫描器
- Object.getPrototypeOf是遍历原型链的关键工具，用于构建原型链快照并检测污染；原型链污染需同时满足可控输入、深度合并逻辑、未过滤敏感键名三个条件。
- 文章 · 前端 | 1个月前 | 309浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合，面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板，适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 564次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 581次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 542次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 708次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 698次使用
