-
<marquee>标签的direction="up"纵向滚动需配合固定高度、overflow:hidden及behavior="scroll"才生效，但该标签已被HTML5废弃；推荐用CSS@keyframes+transform:translateY()或JavaScriptrequestAnimationFrame实现兼容、可维护的纵向滚动效果。
-
可用纯HTML实现百度搜索框结构，通过form的action="https://www.baidu.com/s"、method="get"及input的name="wd"即可提交至百度结果页。
-
outline不占布局空间且位于border外，用于非干扰性提示；border属盒模型部分，影响尺寸与结构，适用于常规边框设计。
-
动态验证能根据用户输入实时调整规则，提升用户体验与数据质量。通过JavaScript监听事件，结合条件判断动态切换验证逻辑，适用于条件性字段、联动选择等复杂场景，但简单表单无需使用。
-
合理使用padding和margin可控制元素内外间距，实现清晰布局。padding是内容与边框间的内边距，margin是元素间的外边距。CSS简写语法支持一到四个值设置四方向间距。垂直margin相邻时会合并，可通过只设一方margin或添加border、padding阻断。推荐设置box-sizing:border-box，使width包含padding和border，便于尺寸控制，避免溢出，提升布局灵活性。
-
最简实现滑块用<inputtype="range">，需设min/max/value，搭配label提升可访问性，监听input事件实时响应，CSS定制需兼容各浏览器伪元素。
-
ReflectAPI提供统一函数化方式操作对象，支持属性读写（Reflect.get/set）、方法调用（Reflect.apply）、实例构造（Reflect.construct）及元信息查询（如has、ownKeys），相比传统操作更安全且与Proxy协同更佳。
-
答案：call、apply和bind用于改变函数this指向，call与apply立即执行并分别接收参数列表和数组，bind返回绑定后的新函数且支持柯里化与new优先级处理。
-
JavaScript迭代器核心是Symbol.iterator方法，需返回含next()的协议对象；next()须无参、首次返首值、done为true后恒定返回；自定义时须每次返回新迭代器实例。
-
Isotope在执行排序或筛选动画时出现元素轻微抖动，通常源于对.item元素直接设置了全局CSStransition属性——这会干扰Isotope内部基于transform的布局重排逻辑，导致渲染冲突。移除该过渡并仅在具体子元素（如图片、链接）上启用针对性过渡即可彻底解决。
-
position与flex是分层协作关系：position控制单个元素在文档流或定位祖先中的绝对位置，flex管理容器内子元素的排列、对齐与空间分配；合理组合包括在flex容器中用absolute实现悬浮角标、以relative设定位上下文、或让flex容器自身absolute用于模态框等。
-
JavaScript异步编程基于事件循环，宏任务（如setTimeout）在下一轮执行，微任务（如Promise.then）在本轮末尾清空；setTimeout(0)不立即执行因需等待同步代码和微任务完成，输出顺序为1432。
-
PostCSS通过插件自动添加浏览器前缀，解决CSS兼容性问题。1.安装postcss、postcss-loader和autoprefixer；2.在postcss.config.js中引入autoprefixer插件；3.配置webpack使用postcss-loader；4.通过browserslist指定目标浏览器范围；5.结合cssnano等插件优化构建流程，实现高效、可维护的样式处理。
-
CSS自定义属性（如--bg）本身不可过渡，因它只是值容器；必须将变量应用于具体渲染属性（如background-color）并为其设置transition，才能实现平滑主题切换。
-
Autoprefixer是一个非常实用的CSS后处理工具，它的核心功能是自动为CSS属性添加浏览器厂商前缀，确保你的样式在不同浏览器中保持一致的兼容性，省去了手动维护这些前缀的繁琐工作。解决方案使用Autoprefixer通常意味着将其集成到你的前端构建流程中。最常见的方式是通过PostCSS，因为它本身就是一个PostCSS插件。基本集成步骤：安装必要的包：你需要安装autoprefixer和postcss（以及可能用于CLI或构建工具的postcss-cli、postcss-loader等）。npm
