前端技术文章
-
- 密码框安全输入问题及解决方法
- 应通过设置autocomplete属性、规避敏感name值、禁用明文日志与本地存储、减少输入法干预等方式降低风险，但无法彻底防止截图、录屏等本地侧信道攻击，服务端校验和传输加密才是安全核心。
- 文章 · 前端 | 4星期前 | 442浏览 收藏
-
- JavaScript如何与后端API交互？CORS处理教程
- fetch触发OPTIONS预检当使用PUT/DELETE等非常规方法、含自定义请求头或非标准Content-Type时；前端可降级为简单请求规避，但需后端配合，且credentials需显式设为include并配对应响应头。
- 文章 · 前端 | 3星期前 | 442浏览 收藏
-
- HTML中使用:modal伪类选择模态框方法
- :modal伪类目前在任何主流浏览器中都不被支持，HTML标准中也不存在；可用的是dialog[open]属性选择器及focus-within等替代方案。
- 文章 · 前端 | 3星期前 | 442浏览 收藏
-
- CSS nth-child(2n)选择偶数列技巧
- nth-child(2n)为什么选不到偶数列？因为nth-child作用在行内单元格（td或th）上时，是按「父元素中的子元素序号」计算的，而表格中每行的td都是各自tr的子元素——所以td:nth-child(2n)选的是**每行里的第2、4、6…个单元格**，不是整个表格的第2、4、6…列。这是最常被误解的一点。真正选择“第2列、第4列”的正确写法必须用列选择器col配合:nth-child，或者用td:nth-of-type+结构约束。更可靠的是：在中定
- 文章 · 前端 | 3星期前 | 442浏览 收藏
-
- Cloudflare 函数截断长流如何突破
- CloudflareWorkers长流中断主因是边缘节点100秒空闲超时，其次为上游模型限流、Worker执行时限及客户端限制；需通过curl测试、时间戳打点和本地对比三步定位，并用心跳保活、分段代理等策略稳定流式响应。
- 文章 · 前端 | 3星期前 | 442浏览 收藏
-
- HTML怎么用required选择器_html CSS required必填选择器【小技巧】
- :required伪类仅匹配原生支持required属性的表单元素（input/select/textarea）且HTML中真实存在required属性；JS设置property、框架未透传、ShadowDOM隔离、Safari旧版bug或选择器错误均会导致失效。
- 文章 · 前端 | 3星期前 | 442浏览 收藏
-
- HTML5添加图片方法与技巧详解
- HTML5使用<img>标签嵌入图片，需设src和alt属性；支持srcset/sizes实现响应式；可用<figure><figcaption>增强语义；loading="lazy"实现懒加载；onerror处理图片缺失。
- 文章 · 前端 | 3星期前 | 442浏览 收藏
-
- 如何识别 304 状态码与 fetch 缓存机制
- 304状态码是协商缓存生效的信号，表示资源未修改，浏览器复用本地缓存。它依赖客户端携带If-Modified-Since或If-None-Match头，服务端比对后返回空响应体，节省带宽并提升性能。
- 文章 · 前端 | 2星期前 | 442浏览 收藏
-
- JavaScript代理与反射全面解析
- Proxy和Reflect是配合使用的对象行为控制机制：Proxy拦截操作，Reflect提供与之对应的标准化底层方法，二者结合可实现安全、可靠、可维护的元编程逻辑。
- 文章 · 前端 | 2星期前 | 442浏览 收藏
-
这表示页面内容是中文（简体）。浏览器、搜索引擎和辅助技术会根据 lang 属性来正确解析和处理内容。2. 对翻译的影响机器翻译：许多翻译工具（如 Google Translate）依赖 lang 属性来判断源语言和目">
这表示页面内容是中文（简体）。浏览器、搜索引擎和辅助技术会根据 lang 属性来正确解析和处理内容。2. 对翻译的影响机器翻译：许多翻译工具（如 Google Translate）依赖 lang 属性来判断源语言和目">
- 这表示页面内容是中文（简体）。浏览器、搜索引擎和辅助技术会根据 lang 属性来正确解析和处理内容。2. 对翻译的影响机器翻译：许多翻译工具（如 Google Translate）依赖 lang 属性来判断源语言和目">lang属性不只是装饰，它在翻译与语音合成中起关键作用。以下是详细说明：1. lang属性的作用lang 属性用于指定文档或元素的语言，例如： 这表示页面内容是中文（简体）。浏览器、搜索引擎和辅助技术会根据 lang 属性来正确解析和处理内容。2. 对翻译的影响机器翻译：许多翻译工具（如 Google Translate）依赖 lang 属性来判断源语言和目
- lang属性是浏览器和辅助技术的关键信号，决定拼写检查、断字、字体回退及屏幕阅读器发音；必须准确设置BCP47标准值，局部覆盖多语言内容，动态插入时同步声明，否则导致语音错误、翻译失效或CSS断字失效。
- 文章 · 前端 | 3星期前 | 441浏览 收藏
-
- HTML实现信用卡号格式化输入框教程
- 真正可用的信用卡号输入框需实现「实时格式化+光标位置保护+删除逻辑适配」；应优先用beforeinput事件结合inputType判断操作类型，清除非数字后按卡组织规则（如Visa4-4-4-4、Amex4-6-5）分组，禁用硬编码空格与强制截断。
- 文章 · 前端 | 3星期前 | 441浏览 收藏
-
- TypeScript 实现抽象静态方法的替代方案
- TypeScript不支持抽象静态方法，但可通过实例化前调用抽象实例方法、构造函数中提前验证，或结合Builder模式实现“类级别强制校验”的等效效果。本文提供可落地的三种解决方案，并重点推荐构造时验证的简洁实现。
- 文章 · 前端 | 2星期前 | 441浏览 收藏
-
- BEM与CSSModules在React中的结合使用方法
- CSSModules文件名必须与BEM块名严格对齐，类名映射依赖文件名作为Block根，如Button.module.css中.btn解析为Button_btn__abc123；块名需语义一致、元素用双下划线、修饰符须与Block同级；classnames可安全拼接BEM类名；postcss-bem-linter是BEM落地的校验底线；localIdentName应保留[name]和[local]以利调试。
- 文章 · 前端 | 2星期前 | 441浏览 收藏
-
- JS如何用replaceAll替换所有匹配项
- replaceAll在现代环境（Chrome85+/Firefox78+/Safari13.1+/Node.js15.0+）原生支持，专用于全局字面量替换，不接受带g标志的正则，纯字符串匹配不转义元字符，简单替换更安全高效，复杂逻辑仍需replace。
- 文章 · 前端 | 2星期前 | 441浏览 收藏
-
- CSS变量管理设计系统颜色，提升开发效率
- 应在:root中一次性声明所有设计系统颜色变量，如:root{--color-primary:#0066cc;--color-error:#d32f2f;}，命名需语义化；暗色模式通过:root[data-theme="dark"]覆盖值；使用data-theme切换主题并配合合法fallback值（如background:var(--color-primary,#0066cc)）确保兼容性；颜色源统一维护在tokens/colors.json等独立文件中，通过脚本生成CSS并纳入CI校验。
- 文章 · 前端 | 3星期前 | 440浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 130次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 150次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 129次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 284次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 287次使用
