前端技术文章
-
- HTML5文字居中方法：text-align与flex应用
- HTML5中文字无法居中时，可用五种CSS方法：一、text-align:center；二、Flexbox的justify-content:center；三、margin:0auto配合width；四、绝对定位加transform:translateX(-50%)；五、Grid的place-items:center。
- 文章 · 前端 | 1个月前 | 450浏览 收藏
-
- 栈实现字符串相邻抵消的思路如下：初始化一个空栈。遍历字符串中的每个字符：如果栈不为空，且栈顶元素与当前字符相同，则弹出栈顶元素（即抵消）。否则，将当前字符压入栈。最终栈中剩下的字符即为处理后的结果。示例输入："abba" 处理过程：a → 栈: [a]b → 栈: [a, b]b → 栈顶是 b，抵消 → 栈: [a]a → 栈顶是 a，抵消 → 栈: []结果：""（空字符串）代码示例（Pyth
- 本文详解dirReduc函数中栈（stack）的工作机制，重点解释stack[stack.length-1]的安全访问逻辑、空栈时的行为表现，以及方向对（如NORTH/SOUTH）如何被动态识别并移除。
- 文章 · 前端 | 1个月前 | 450浏览 收藏
-
- HTML5设置实线边框及手机端注意事项
- HTML5中设实线边框最直接方式是CSS的border:1pxsolid#000;，其中solid为必需关键词；手机端需应对高DPR导致的1px模糊问题，推荐伪元素+scale(0.5)方案。
- 文章 · 前端 | 1个月前 | 450浏览 收藏
-
- HTML5设备方向检测方法详解
- 利用DeviceOrientation事件可获取设备在三维空间中的方向信息，通过监听该事件并处理alpha、beta、gamma三个轴的旋转角度，实现如游戏控制或地图定向等功能；需注意浏览器兼容性与权限请求机制，在现代浏览器中应使用PermissionsAPI申请授权，并对数据进行校准以提升精度，同时结合requestAnimationFrame优化性能，避免频繁触发影响体验。
- 文章 · 前端 | 1个月前 | HTML5新特性 450浏览 收藏
-
- export语法实现单向依赖隔离技巧
- “单向度依赖隔离”指业务模块仅暴露稳定、收敛、无副作用的接口，隐藏实现细节与状态，杜绝反向依赖；通过命名导出纯函数、default导出封装主入口、禁导可变绑定、审慎重导出，确保调用流向清晰可控。
- 文章 · 前端 | 1个月前 | 450浏览 收藏
-
- JavaScript自定义事件实现方法
- JavaScript创建自定义事件需用CustomEvent构造函数实例化并传入事件名和detail数据，再用dispatchEvent触发；监听用addEventListener，支持bubbles和cancelable配置以实现冒泡与取消。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- CSS浮动布局的未来在哪里_从Float转向Flexbox与Grid的路线图
- float在现代开发中已无布局未来，仅剩邮件模板多栏排版和图文环绕两个不可替代场景；display:flow-root是标准清除方案，而迁移本质是思维重构——从“让元素浮起”转向“定义数据流与轴向”。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- CSS empty伪类应用_隐藏或修饰没有任何内容的容器
- :empty只匹配完全无子节点（含文本、注释、元素）的元素，换行、空格、注释均使其失效；:blank才忽略空白符但兼容性差；稳妥替代法是服务端不渲染或JS判断innerText.trim()后控制显示。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- 如何通过css的:required伪类标识必填输入框_表单必填项的视觉提示
- :required伪类需配合HTML中真实存在的required属性才能生效，仅对<input>、<select>、<textarea>等原生表单控件有效；required="false"无效，动态添加需确保DOM更新，旧版Safari存在兼容性问题。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- CSSflex子元素右对齐方法
- margin-left:auto靠右生效的前提是元素处于干净的flex上下文：父容器需为display:flex且未被justify-content等覆盖，目标元素须为直系子项、无DOM干扰节点，并在flex-direction:row下使用。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- JavaScript生成器如何简化异步代码？
- <p>生成器函数用function*声明，通过yield暂停并返回Generator对象，next()驱动执行；它不自动处理Promise，需执行器配合，而async/await已原生替代该模式。</p>
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- 组合式API测试为何适合单元测试？优化指南
- ref提升测试可隔离性与稳定性：其值通过.value显式读写，不依赖组件上下文，可直接在测试中新建、调用、断言；避免reactive解构失响应问题；天然契合Vitest轻量同步测试模型。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- CSS@import优化与媒体查询加载技巧
- @import必须置于CSS文件开头，可结合媒体查询按设备特性加载样式，如打印、小屏或深色模式，避免冗余下载。但其阻塞渲染、无法并行加载且不支持预加载，性能不如<link>标签。建议优先使用<link>控制关键样式加载，仅在非核心场景（如主题、打印）用@import配合媒体查询实现条件引入，并确保语法位置正确以避免失效。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- JavaScript迭代器与生成器实战解析
- 迭代器模式与生成器函数结合，通过惰性求值实现高效数据流处理。生成器函数以yield暂停执行，按需生成值，避免内存溢出，尤其适合无限序列或大型数据流。传统数组和循环因饥饿求值和状态管理复杂难以应对，而生成器仅在调用next()时计算下一个值，内存占用小、资源消耗低。异步场景中，asyncfunction和forawait...of支持异步迭代，可处理分页请求、事件流等，结合yield可委托其他迭代器，构建灵活的数据管道，提升异步代码可读性与维护性。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
-
- 跨平台HTML工具性能差异实测对比
- 跨平台HTML工具在不同设备上效果差异源于渲染引擎、资源调度与硬件加速支持差异；需通过标准化测试环境、CSS帧率、JS执行时延、WebGL初始化及离线存储吞吐量五步实测分析。
- 文章 · 前端 | 2个月前 | 450浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 4370次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 4048次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 4037次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 4221次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 4190次使用
