-
label和input总是错位？用flex布局直接对齐默认情况下label和input是行内元素，但浏览器对表单控件的默认vertical-align、line-height、padding处理不一致，尤其在input[type="checkbox"]或input[type="radio"]上特别明显——看起来像“飘着”或“压着底边”。Flex是最可控、兼容性够用（IE10+）的解法。实操建议：把label和input包进一个容器（比如div），给容器设
-
SpinKit动画需加唯一前缀以防冲突，IE11不支持多值transform和高精度cubic-bezier，Vue/React中需避免频繁卸载导致动画失效，颜色尺寸调整须按组件特性修改对应属性而非仅color。
-
transition无法实现轨迹感移动，因其仅支持直线位移；真正可行的是@keyframes配合transform逐帧定义位置，或用requestAnimationFrame、SVGpath实现复杂路径。
-
EventEmitter是观察者模式的典型实现，通过on、emit、off和once方法实现事件的订阅、触发、移除和单次绑定，适用于解耦对象间通信，广泛应用于Node.js和前端框架。
-
优先用grid-column和grid-row手动控制每个格子的起止线；grid-template-areas仅适用于语义固定、命名稳定的布局场景。
-
Reflect对象在JavaScript中用于执行常见操作，如属性查找和函数调用，提升了操作的规范性和一致性。1)Reflect.defineProperty()提供更直观的属性定义方式；2)结合Proxy使用，Reflect.get和Reflect.set能更清晰地处理代理操作；3)尽管传统Object方法在某些情况下更适合，但Reflect提供了更现代、规范的对象操作方式，提高了代码的清晰度和可维护性。
-
主轴由flex-direction决定，justify-content控制主轴对齐，align-items控制垂直于主轴的交叉轴对齐，二者结合可实现元素精准定位。
-
本文详解如何通过CSS@mediaprint精确限定打印内容范围，解决因DOM结构、可见性继承和jQueryMobile渲染导致的多页输出问题，并提供针对62mm×52mm标签打印机的实战优化方案。
-
flex-grow:0表示不扩展，保持内容或设定宽度，如item-a保持100px；flex-grow:1表示扩展并分配剩余空间，如item-b占据400px；两者结合可实现固定与自适应布局。
-
SiteOrigin图片对齐需用其Image小工具设置，非经典编辑器按钮；图文环绕推荐CSSGrid替代float；响应式需手动媒体查询覆盖；CSS覆盖时注意width/height冲突及缓存问题。
-
<p>标签用于段落，<h1>到<h6>标签用于标题。1.<p>表示段落，<h>表示标题层次。2.<h>有默认样式，<p>无，但可自定义。3.<p>不能嵌套块级元素，<h>可嵌套<p>。4.<h>影响SEO，<p>主要展示内容。
-
外部CSS不生效最常见原因是href路径错误和浏览器缓存，其次为link标签位置/拼写错误及样式被后加载CSS覆盖；应优先检查Network面板是否返回404或非200状态。
-
::first-letter伪元素仅对块级容器中第一个字母或汉字生效，需避免flex/grid布局，支持color等文本属性但background在旧Safari不稳定，首字下沉推荐float+font-size+line-height组合，中文需注意Safari兼容性，禁用伪元素嵌套。
-
本文详解在Next.js应用中，如何利用router.push()传递动态路由参数（如/user/[id]中的id），并在目标页面中安全、可靠地读取该参数用于数据请求，避免硬编码或依赖localStorage。
-
HTML5无法被移除，它是浏览器内置的规范集合；实际可操作的是按需禁用特定特性（如localStorage、fetch），或通过降级方案（如改用cookie、检测API可用性）应对兼容性问题。
