前端技术文章
-
- CSS浮动打造响应式侧边栏，媒体查询调整浮停方向
- 浮动侧边栏小屏下不堆叠的解决方法是：在@media中将.sidebar和.main-content设为float:none、width:100%并加box-sizing:border-box；仅改width不够，须同步清空padding、border、margin；calc()在小屏易出错，建议改用width:100%或flex；动画应避免transitionwidth，改用transform:translateX()提升性能。
- 文章 · 前端 | 3星期前 | 160浏览 收藏
-
- HTML CSS空元素样式设置技巧
- :empty仅匹配无任何子节点（含空格、换行、注释）的元素，常因DOM中隐式插入内容而失效；需配合::before/after实现占位，或改用:not(:has(*))、JS判空、data属性等兼容方案。
- 文章 · 前端 | 3星期前 | 150浏览 收藏
-
- HTML5代码怎么运行？完整步骤指南
- 首先将HTML代码保存为.html文件，再用浏览器直接打开即可查看效果；若需调试动态功能，可使用VSCode的LiveServer插件或通过Node.js搭建本地服务器运行。
- 文章 · 前端 | 3星期前 | 265浏览 收藏
-
- 在文本中插入小型引用 _CITE 标签标注作品标题时，通常用于学术、写作或内容编辑场景，以标记引用来源。以下是一个符合你要求的示例：示例：《阿尔比恩异教徒要塞在哪》是《艾尔登法环》中的一个关键地点，玩家需要通过特定任务才能进入。引用标注：《_CITE{阿尔比恩异教徒要塞在哪}》是《艾尔登法环》中的一个关键地点，玩家需要通过特定任务才能进入。说明：\_CITE{} 是一种常见的引用标签格式，用于标记
- <cite>标签仅语义化包裹被引用作品的正式标题（如书名、电影名等），不可含作者、URL、年份等元数据，且必须置于blockquote、q或描述性语句等引用上下文中使用，脱离语境则丧失语义价值。
- 文章 · 前端 | 3星期前 | 449浏览 收藏
-
- HTML制作母婴商城页面｜零基础建站教程
- 零基础可一天上线母婴商城静态页：用语义化HTML+CSS实现商品列表，突出年龄、材质、认证等关键信息，价格用class="price"标记，图片带描述性alt，响应式用Grid/Flex布局，购买按钮跳转真实buy.html并解析URL参数展示商品名，必加viewportmeta和触控适配，信息颗粒度需源自产品说明书与国标。
- 文章 · 前端 | 3星期前 | 357浏览 收藏
-
- HTML的Storage Manager API主要用于管理浏览器中的存储空间，但它本身并不直接提供查询当前存储配额使用情况的功能。不过，你可以通过一些间接的方式获取相关信息。1. 使用 navigator.storage 对象现代浏览器（如 Chrome、Edge）支持 navigator.storage 接口，它提供了以下方法：queryUsageAndQuota()：查询当前域名的存储使用情
- navigator.storage.estimate()必须在安全上下文中异步调用，返回usage和quota的估算值，quota动态变化且非精确，需结合persist()提升稳定性并避免依赖其绝对数值。
- 文章 · 前端 | 3星期前 | 344浏览 收藏
-
- HTML preload 属性使用详解
- 应使用<linkrel="preload">预加载当前页明确需要的关键资源，如首屏字体、CSS、JS或图片；必须指定as属性（如as="font"）和必要crossorigin，否则资源可能被忽略或加载失败。
- 文章 · 前端 | 3星期前 | 357浏览 收藏
-
- Object.is 解决 NaN 与 0 比较漏洞方法
- Object.is()是唯一能同时解决NaN!==NaN和+0===-0问题的原生方法，严格按IEEE754位模式执行SameValue算法：NaN自等、±0不等，其余同===；适用于负零检测、NaN确认及含NaN数组去重，但不适用于对象深比较或高频简单比较。
- 文章 · 前端 | 3星期前 | 390浏览 收藏
-
- HTML 如何包含其他文件或代码【文件】
- HTML原生不支持文件包含，需借助JavaScript动态加载、iframe嵌入、服务器端包含（SSI）、构建工具预处理或PHP等服务端语言实现。
- 文章 · 前端 | 3星期前 | 345浏览 收藏
-
- 如何识别“丢失的 this”：方法赋值后失效解析
- this失效是JavaScript函数调用机制的自然结果；当方法赋值给变量后单独调用，this指向异常（undefined/window/DOM元素），导致属性访问报错或取值错误。
- 文章 · 前端 | 3星期前 | 192浏览 收藏
-
- Performance面板录制功能找内存泄漏方法
- 录制前须关闭无关标签页和扩展，仅保留待测页面并禁用所有扩展；录制时按“操作→等待→操作→等待”节奏执行至少3轮相同操作，每轮后手动触发GC；通过Performance面板JSHeap曲线阶梯式上涨判断泄漏，并用AllocationSampling定位高频分配对象。
- 文章 · 前端 | 3星期前 | 445浏览 收藏
-
- CSS伪元素placeholder与after结合应用
- 答案是不能直接结合使用，因为::placeholder用于设置输入框占位符样式，而::after无法在input等替换元素上生效；可通过包裹容器和额外标签模拟效果。
- 文章 · 前端 | 3星期前 | 167浏览 收藏
-
- Node.js实现依赖注入框架的关键在于理解依赖注入（DI）的核心概念，如服务注册、容器管理、生命周期控制等。以下是一个简要的实现思路和步骤：1. 理解依赖注入（DI）依赖注入是一种设计模式，用于解耦组件之间的依赖关系。通过将依赖项“注入”到需要它们的对象中，而不是由对象自己创建或查找这些依赖项。优点：提高可测试性、可维护性和灵活性。常见场景：模块化开发、插件系统、服务解耦。2. 核心组件设计一个
- 实现一个支持依赖注入（DependencyInjection,DI）的Node.js框架，核心在于解耦模块之间的创建与使用关系，让对象的依赖由外部容器管理，而不是在代码中硬编码。以下是构建这样一个轻量级框架的关键思路和实现步骤。理解依赖注入的基本原理依赖注入有三种常见形式：构造函数注入、属性注入和方法注入。在Node.js中，最常用的是构造函数注入。其核心思想是：不主动new依赖实例，而是通过参数接收由一个统一的容器负责实例化和生命周期管理模块只关注自身逻辑，不关
- 文章 · 前端 | 3星期前 | 235浏览 收藏
-
- Sass级联层@layer用法与样式优化技巧
- @layer不能在Sass编译期生效，必须原样输出由浏览器解析；Sass仅转发该规则，不参与层合并、排序或校验，所有层结构须手写并符合浏览器级联规则。
- 文章 · 前端 | 3星期前 | 236浏览 收藏
-
- HTML创建配送方式对比表_运费时效对照教程
- 语义清晰的配送方式对比表需用<table>结构，<thead>含正确scope的<th>，运费与时效分列并明确单位与条件，窄屏改卡片布局，动态功能优先用CSS，复杂计算逻辑须解耦。
- 文章 · 前端 | 3星期前 | 463浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 59次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 60次使用
-
- 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次使用
