-
- 横屏布局错位怎么解决？使用orientation-landscape媒体查询
- @media(orientation:landscape)单独使用效果差，因它仅检测方向而不感知视口高度骤减、vh抖动、fixed偏移及系统UI干扰等真实问题。
- 文章 · 前端 | 1星期前 | 292浏览 收藏
-
- HTML响应式常用断点尺寸参考
- 真实断点应从内容撑开或挤崩的临界宽度出发，用ChromeDevTools拖动宽度滑块观察导航换行、卡片堆叠、表单重叠、图片变形等现象，记录如623px等值后向上取整为640px、900px等；一律使用min-width媒体查询，避免max-width留白；CSS变量不可用于@media条件中；需同步处理表单和图片的固有行为，如input最小宽、textarea最小高、img的max-width:100%等。
- 文章 · 前端 | 1星期前 | 292浏览 收藏
-
- HTML表单分组优化技巧\_fieldset样式调整方法
- 直接重置fieldset边框和legend样式最省事：fieldset{border:none;padding:0;margin:0;}，legend{display:block;width:fit-content;margin:0auto;}，并注意浏览器对legend定位的隐式规则。
- 文章 · 前端 | 1星期前 | 292浏览 收藏
-
- HTML常见错误有哪些？如何排查问题
- <ol><li>常见的HTML语法错误包括标签未闭合或嵌套错误，如<div><p>内容</div></p>导致结构混乱；2.属性拼写或值缺失，如alt属性无值或href未加引号引发资源加载问题；3.文件路径错误，相对路径与绝对路径混淆或大小写不一致导致资源404；4.语义化标签使用不当，如滥用div替代header、nav等结构化标签，影响可访问性和SEO；5.特殊字符未转义，如直接使用<或&未用实体编码，导致解析异常；
- 文章 · 前端 | 6天前 | 292浏览 收藏
-
- 宏任务与微任务解析：JS事件循环核心机制拆解
- JavaScript事件循环的核心是宏任务与微任务的结构性配合：每个宏任务执行完后必须清空全部微任务，才能执行下一个宏任务；宏任务如script、setTimeout、用户事件等定义节拍，微任务如Promise.then、queueMicrotask等在宏任务结束后强制插队并全部执行完毕。
- 文章 · 前端 | 5天前 | 292浏览 收藏
-
- CSS sticky 定位兼容性处理及 fixed 降级方案
- Sticky定位需降级处理：先用position:fixed兜底，再用@supports检测并覆盖为sticky；不支持时可用JS检测加类名模拟，但须修复fixed导致的布局断裂问题。
- 文章 · 前端 | 4天前 | 292浏览 收藏
-
- 用pop模拟栈实现撤销重做记录
- 能，但需配合push才能构成完整栈行为；pop仅出栈，撤销重做需双栈协同，主栈存可撤销状态，重做栈存被撤销动作，且新动作前必须清空重做栈。
- 文章 · 前端 | 2天前 | 292浏览 收藏
-
- 在网页开发中，使用<code>标签可以标识代码块的语义。它表示一段程序代码或计算机代码，常用于展示代码示例。示例：<code>functionhelloWorld(){console.log("Hello,world!");}</code>说明：<code>标签用于包裹代码内容，表示这段文字是代码。它不会改变代码的显示样式（如字体、颜色等），通常需要
- code标签仅提供语义标识，不保留格式；多行代码必须嵌套在pre中，二者分工明确：pre保留空白符，code声明代码语义，且HTML字符需转义。
- 文章 · 前端 | 2天前 | 292浏览 收藏
-
- 浮动图片与段落文本完美适配技巧
- 浮动图片与段落文本对齐问题根源在于margin位置错误和clear缺失：img需设margin-right（左浮）或margin-left（右浮）来推开文字，p加margin无效；后续段落须用clear:both强制下移；父容器推荐display:flow-root闭合浮动。
- 文章 · 前端 | 4星期前 | 291浏览 收藏
-
- JavaScript中的内存泄漏有哪些隐蔽的成因与排查方法？
- 闭包、事件监听器、定时器、全局变量和缓存管理不当是JavaScript内存泄漏的主要原因，需通过ChromeDevTools分析堆快照、监控分配时间线并结合代码审查与自动化工具进行排查和预防。
- 文章 · 前端 | 3星期前 | 内存泄漏 291浏览 收藏
-
- TP如何传递控制器数组到HTML？
- ThinkPHP模板中显示控制器传来的数组需用{volist}或{foreach}遍历，关联数组用{$data.name}，数字索引用{$data.0}；二维数组需确认字段名大小写及是否为空；JSON数据须加|raw避免转义。
- 文章 · 前端 | 3星期前 | 291浏览 收藏
-
- HTML实现WebAssembly教程【新手必看】
- 最简可靠加载路径是fetch→arrayBuffer→compile→instantiate，必须配importObject、处理导出名下划线前缀、确认exports可调用；emcc胶水文件更稳因封装缓存、内存视图与运行时结构；Webpack5需配置type:'webassembly/async'并awaitinit()。
- 文章 · 前端 | 3星期前 | 291浏览 收藏
-
- JavaScript模块路径大小写敏感性解析
- JavaScript模块路径大小写敏感性由操作系统和运行环境决定：macOS/Windows默认不敏感但不可靠，Linux及区分大小写卷严格匹配；Webpack/Vite继承系统行为，ESLint和CI应强制校验。
- 文章 · 前端 | 3星期前 | 291浏览 收藏
-
- CSS Grid子元素对齐方法详解
- Grid子元素对不齐主因是未显式控制对齐行为；需确认父容器display为grid、子项为直接子元素，并合理使用justify-items/align-items或justify-self/align-self，避免margin:auto等干扰。
- 文章 · 前端 | 2星期前 | 291浏览 收藏
-
- Object.defineProperties 实现双向数据绑定详解
- Object.defineProperties实现双向同步的核心是手动建立属性间响应式关联，通过get/set拦截读写并主动触发更新或反向赋值，适用于结构明确的业务对象，需明确定义主从关系、防循环触发、补充事件通知。
- 文章 · 前端 | 2星期前 | 291浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 5887次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 6320次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 6127次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 8099次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 6559次使用
