-
用display:grid最直接分四块，需设grid-template-columns:1fr1fr和grid-template-rows:1fr1fr（或简写为grid:1fr1fr/1fr1fr），确保两行两列；子元素少于4个时空格仍保留，是预期行为。
-
viewport标签缺失或错误导致移动端页面不缩放、文字过小、横向滚动；需写为<metaname="viewport"content="width=device-width,initial-scale=1.0">，且置于<head>中仅一次。
-
<p>HTML注释必须用<!---->包裹，不可嵌套，禁用于script/style标签内；工具链对格式敏感，错误写法易致解析异常或安全风险。</p>
-
nth-child(odd)不生效主因是父元素中存在非li子元素（如div、p、注释、空格文本等），导致li的实际序号非奇数；应改用li:nth-of-type(odd)或检查DOM结构。
-
本文介绍如何在NestJS中基于TypeORM的QueryBuilder实现按数组字段（如category:string[]）精确匹配筛选，解决simple-array类型字段的模糊/包含式查询问题，并提供可复用、类型安全的分页查询方案。
-
HTML本身不能“连接”PHP，它只是被PHP输出的文本；真正起作用的是Web服务器（如Apache/Nginx）把.php文件交给PHP解释器执行，再把结果当HTML发给浏览器。为什么直接双击index.html打不开PHP代码浏览器只认HTML/CSS/JS，完全无视标签——它连PHP解释器都没有。你看到的要么是空白，要么是原样显示的PHP代码，甚至可能报错Parseerror:syntaxerror,unexpected'
-
Flex容器不会自动创建层叠上下文；默认情况下它不产生新层叠上下文，与普通div相同，属于父级层叠上下文的一部分。
-
JavaScript是浏览器中实现网页交互的脚本语言，无需编译；正确运行首行代码需将script标签置于</body>前、用console.log调试、通过LiveServer启动；变量声明优先用const和let，避免var；null表示有意为空，undefined表示未定义；DOM操作禁用document.write，应先判空再操作。
-
表单提交后页面刷新但数据未达后端，主因是submit默认行为触发跳转；应禁用默认行为、检查Network中XHR/Fetch请求、确认Content-Type是否误设、正确监听file的change事件、避免innerHTML插入file输入框、使用事件委托处理动态元素。
-
答案：通过transition属性实现按钮悬停时背景色和文字颜色的平滑过渡。首先设置基础样式，包括背景色、文字色、边框等；然后添加transition控制background-color和color在0.3秒内缓动变化；接着定义:hover状态下的颜色值，触发渐变动画；最后建议明确指定过渡属性以避免性能问题。
-
本文详解如何使用原生JavaScript实现表单字段的即时校验，并通过动态添加/移除CSS类，实现输入框边框变色、图标显示/隐藏及错误提示文本控制，确保用户体验清晰、专业。
-
当浮动与固定定位元素遮挡时，需设置固定元素的z-index为1000并确保其position非static；检查浮动父容器是否创建新层叠上下文导致z-index失效；通过overflow:hidden或clearfix清除浮动避免高度塌陷；推荐用Flex/Grid布局替代浮动，使用开发者工具排查渲染层级，确保布局正确。
-
<aside>标签不是广告容器，它语义上表示与主内容相关但可独立存在的旁注，如术语解释或作者简介；用于广告会误导屏幕阅读器、削弱SEO、引发误拦截。
-
本文介绍如何通过纯CSS判断并响应文本是否触发了text-overflow:ellipsis，仅在文本实际被截断时悬停显示完整内容，避免误触发；核心思路是利用white-space切换与容器尺寸感知，无需JavaScript。
-
JavaScript中BigInt和Number不能直接混合运算，因语言限制为防精度丢失和类型歧义；算术运算要求类型一致，否则TypeError；比较操作中===严格区分类型，==虽暂支持但不可靠；多数API需显式转换，且双向转换须谨慎以防精度损失。
