前端技术文章
-
- HTML的Storage Manager API主要用于管理浏览器中的存储空间，但它本身并不直接提供查询当前存储配额使用情况的功能。不过，你可以通过一些间接的方式获取相关信息。1. 使用 navigator.storage 对象现代浏览器（如 Chrome、Edge）支持 navigator.storage 接口，它提供了以下方法：queryUsageAndQuota()：查询当前域名的存储使用情
- navigator.storage.estimate()必须在安全上下文中异步调用，返回usage和quota的估算值，quota动态变化且非精确，需结合persist()提升稳定性并避免依赖其绝对数值。
- 文章 · 前端 | 3星期前 | 344浏览 收藏
-
- 如何用JavaScript操作日期时间_时区转换有哪些坑
- JavaScriptDate对象默认使用本地时区而非UTC，导致跨时区行为不一致；ISO带Z或偏移的字符串按UTC/指定时区解析，纯日期字符串行为不可靠；推荐全链路用UTC时间戳+toLocaleString({timeZone})格式化。
- 文章 · 前端 | 3星期前 | 344浏览 收藏
-
- HTML中HTTPS对页面安全的重要性
- HTTPS是现代网页运行的强制前提，因浏览器将HTTP视为不安全上下文，导致fetch跨域拒绝、Geolocation报错、ServiceWorker无法注册、混合内容被拦截、HTTP/2与HTTP/3无法启用等核心功能失效。
- 文章 · 前端 | 3星期前 | 344浏览 收藏
-
- CSS响应式图片列表：grid-gap与媒体查询控制
- 使用CSSGrid和mediaqueries可实现响应式图片列表等间距布局，通过grid-template-columns与minmax控制列宽，grid-gap设置间隙，并在不同屏幕下调整参数以适配设备，兼顾美观与兼容性。
- 文章 · 前端 | 3星期前 | 344浏览 收藏
-
- CSS Grid中如何让元素右对齐
- justify-self:end没生效，首要原因是缺乏对齐空间：父容器须设display:grid且定义列轨道（如grid-template-columns:1fr），目标元素必须是直系子元素且未脱离网格流（无position:absolute等）。
- 文章 · 前端 | 3星期前 | 344浏览 收藏
-
- HTMLmark标签自定义颜色方法
- mark标签默认背景色不可靠，必须显式设置background-color和color才能稳定生效；只设color无效，因默认黄色背景可能被深色模式、CSS重置或浏览器差异清除，导致文字糊底或完全不可见。
- 文章 · 前端 | 2星期前 | 344浏览 收藏
-
- HTML图像映射交互区域怎么画
- 能，但必须满足三个硬性条件：usemap值带#、<map>的name严格匹配、<area>坐标基于原始图片像素；漏掉任一条件热区完全不响应且无报错。
- 文章 · 前端 | 2星期前 | 344浏览 收藏
-
- HTML入门指南：初学者必学核心知识
- HTML不是编程语言，只需掌握标签用法即可构建网页；标签如<h1><p><img>用于定义内容结构而非执行逻辑；必须包含DOCTYPE、lang和charset三要素；应优先使用语义化标签如<nav><main><article>；表单需正确设置action、method、type、name等属性。
- 文章 · 前端 | 2星期前 | 344浏览 收藏
-
- every() 与 some() 实现逻辑与或短路判断方法
- every()对应“与”逻辑（全真才真，遇假即停），some()对应“或”逻辑（一真即真，遇真即停）；二者均支持短路，空数组时every返回true、some返回false，且回调必须明确返回truthy/falsy值。
- 文章 · 前端 | 2星期前 | 344浏览 收藏
-
- HTML中混合内容问题的产生原因和修复方法
- HTTPS页面中HTTP资源被浏览器静默拦截，主动混合内容（如script、iframe、fetch）根本不会发出请求，被动混合内容（如img）也已被全面屏蔽，必须彻底消除所有http://字符串。
- 文章 · 前端 | 3星期前 | 343浏览 收藏
-
- Less路径引用失败原因及配置解析
- Less中相对路径资源404的根源是编译时按less文件位置解析，而运行时浏览器按CSS位置请求；应统一用public目录或配publicPath+less-loaderpaths确保路径对齐。
- 文章 · 前端 | 2星期前 | 343浏览 收藏
-
- onpaste属性作用及文本过滤方法
- onpaste属性支持所有HTML元素，但仅input、textarea默认触发；其他元素需设contenteditable="true"，且不能被overflow:hidden或pointer-events:none拦截；读取clipboardData须在用户手势同步上下文中进行，否则为空。
- 文章 · 前端 | 2星期前 | 343浏览 收藏
-
- 网页嵌入百度地图API完整教程
- 百度地图JSAPI已停用新账号注册且限频，常见报错“BMapisnotdefined”源于SDK未加载或ak无效；地理编码接口不可靠，容器空白多因CSS宽高缺失或隐藏导致。
- 文章 · 前端 | 2星期前 | 343浏览 收藏
-
- String.search() 配合正则实现高效定位方法
- search()不支持原始位置偏移定位，仅返回首个匹配起始索引；精准获取第n次匹配的绝对起止位置需用exec()配合lastIndex手动控制。
- 文章 · 前端 | 3星期前 | 342浏览 收藏
-
- 位操作优化布尔数组处理效率方法
- 位操作替代布尔数组可显著节省内存并加速运算，关键在于绕开数组直接操作位，如用uint16存16个布尔值、位掩码判断、CPU指令批量处理、按场景选密集型或稀疏型位结构，并避免边界检查和字符串转换等低效陷阱。
- 文章 · 前端 | 3星期前 | 342浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 6次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 15次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 23次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 166次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 168次使用
