-
正确设置viewport是移动端开发的关键，需在HTML的head中添加meta标签：<metaname="viewport"content="width=device-width,initial-scale=1.0">，以实现设备自适应和初始无缩放；常用参数包括width、initial-scale、minimum-scale、maximum-scale和user-scalable，可组合使用以控制布局与交互行为；为兼顾适配与可访问性，推荐基础配置，避
-
CSSGrid比Bootstrap更适合移动端，因其无需加载冗余类、不污染HTML结构、无JS开销且原生高效；Bootstrap强制加载全部12列规则和断点类，增加首屏负担与DOM深度。
-
本文详解如何通过CSS选择器优先级解决导航栏中“Home/Shop/Pages/Contact”等链接无法变黑、字号难调整的问题，提供可立即生效的代码方案与避坑指南。
-
本文介绍如何用语义更清晰、维护性更强的方式替代多Checkbox+jQuery.show()/.hide()的繁琐逻辑，通过原生Radio按钮实现单选互斥，并结合CSS类（如shown）与结构化DOM关系，高效、可扩展地控制关联表单区块的显隐。
-
float布局下渐变背景不显示的根本原因是浮动元素高度塌陷导致父容器无高度，需确保浮动元素有明确高度或内容撑开，同时避免与flex/grid混用，并正确书写linear-gradient语法。
-
fr单位按剩余空间分配而非容器总宽，受padding、gap、min-width影响；响应式需用repeat(auto-fit,minmax(280px,1fr))；等高靠align-items:stretch或flex-column+margin-top:auto；IE11不支持fr，应降级为Flexbox。
-
Vue组件通信中异步数据问题的核心是子组件需具备未就绪状态容错能力：用v-if控制挂载、prop设默认值、模板用可选链、watch监听+immediate、provide/inject共享状态。
-
浏览器真正需要的是<metacharset="UTF-8">（必须最前防乱码）、<title>（否则标签页无名）、<base>（若使用则影响所有相对URL）、viewport（移动端必需）和X-UA-Compatible（仅IE8–11有效）；CSSlink需在head中阻塞渲染以避免闪烁，script需defer/async避免阻塞解析。
-
HSL模式通过调节L（明度）和S（饱和度）可高效提升颜色对比度以满足WCAG标准；例如将深灰文字hsl(0,0%,30%)的L提至40%–45%，或链接色设为hsl(200,60%,45%)，兼顾可读性与舒适度。
-
模板字符串可替代字符串拼接且更安全易读，但需正确使用反引号和${}语法，支持多行、表达式、函数调用；错误用单/双引号包裹会导致变量不解析；它避免拼接常见错误并天然支持可选链与空值合并；纯静态字符串、动态引号需求或极致性能场景下仍宜用字面量；标签模板函数可实现转义、沙箱等DSL能力，但插值逻辑应保持简洁。
-
轮播图卡顿主因是用left/top触发重排，应改用transform/opacity走合成层；预加载下一张图、设固定宽高防跳动；暂停需监听容器mouseenter/touchstart；无缝切换用DOM复用+瞬移重置。
-
常见错误是未将图片设为块级元素并设置宽高，因shape-outside仅对浮动块盒生效；SVG需内联、坐标对齐、配shape-margin；Firefox不支持外链SVG且仅认content-box/border-box。
-
CSS元素宽度设置无效通常因盒模型、内边距、边框或外边距干扰，关键要区分width控制的是内容区还是整个盒子；默认content-box下width不包含padding和border，改用border-box可使width包含二者，同时需检查父容器限制、display类型及margin/padding视觉干扰。
-
JavaScript状态管理核心是让数据变化可预测、可追踪、可复用；轻量方案如手写发布-订阅、Zustand、Jotai、Valtio各具优势，关键在清晰划分状态边界。
-
once是addEventListener的布尔型配置项，设为true时监听器仅执行一次后自动移除；适用于初始化、防重复提交、动画回调等场景，不支持IE。
