-
Top-LevelAwait允许在ES模块顶层直接使用await，使模块暂停执行直至Promise完成，适用于配置加载等异步初始化场景。它会阻塞依赖模块的执行，需在.mjs文件或"type":"module"环境下使用，不可用于普通脚本。常见用途包括动态配置加载、预取远程数据和权限检查。注意事项包括可能影响启动性能、增强模块耦合、需谨慎处理错误，且一旦await失败则整个模块加载失败。例如，通过await获取配置后再导出API_URL，导入方将自动等待该异步过程完成。此功能强大但应避免滥用，以防阻塞链过长
-
padding在行内元素上并非无效，而是垂直方向被行高和行框限制，水平方向仍可见；常用display:inline-block解决，兼顾文档流与完整padding生效。
-
可通过内联style、span标签、内部CSS、外部CSS文件及CSS变量五种方式设置网页文字颜色：分别适用于单元素着色、局部变色、批量控制、多页复用和动态主题切换。
-
使用flex-grow:1可让子元素填满父容器剩余空间。需确保父容器设为display:flex，目标元素设置flex-grow:1，配合flex-basis与flex-shrink精确控制；常见于侧边栏固定、主内容区自适应布局，解决因未启用伸缩或缺失min-width等导致的填充失败问题。
-
通过在HTML的input[type="checkbox"]中设置value属性，可自定义选中时提交的值；而未选中时该字段根本不会出现在$_POST中，需用isset()判断是否存在，从而实现“选中显示Positive，未选中显示Negative”的逻辑。
-
实现响应式HTML5按钮需五种方法：一、CSS媒体查询按max-width断点调整样式；二、用rem/vw等相对单位替代px；三、Flexbox控制容器与按钮伸缩；四、CSS变量配合requestAnimationFrame优化的JS动态适配；五、Tailwind等框架的响应式工具类。
-
HTML元素定位靠匹配规则而非找位置；常见失败原因是元素未加载、在iframe或ShadowDOM中、或未等框架渲染完成，而非ID写错。
-
直接设background:transparent即可实现背景透明而保留文字和边框；若文字不可见，需检查color是否与背景同色，避免误用opacity或visibility，并确保padding/min-width保障点击热区。
-
使用标签选择器可选中指定HTML元素，如p、div、img；结合类或ID可精确控制，如p.special、div#header；通过属性选择器可筛选具特定属性的元素，如input[type="text"]、a[href^="https"]；利用伪类可选中特定状态元素，如li:first-child、button:hover。
-
CSS更新后页面无变化主因是浏览器缓存，应在link标签href中添加?v=版本号（如?v=1.0.1）强制刷新资源；推荐语义化版本或时间戳，配合服务端Cache-Control策略与文件哈希命名实现长效缓存控制。
-
try...catch用于捕获同步错误，语法为try块放可能出错代码、catch块处理Error对象（含message/name/stack），finally块必执行；它无法捕获异步错误、语法错误和未处理的Promise拒绝。
-
在ReactNative中使用@react-native-community/datetimepicker时，直接设置style={{width:SCREEN_WIDTH}}无法生效，因其底层为原生控件，不支持常规RN样式属性；需通过容器包裹+原生平台特性适配实现全宽显示。
-
JavaScript中实现代理的核心机制是ES6的Proxy对象，它通过拦截目标对象的操作实现自定义行为，需传入目标对象和包含get、set、apply等陷阱方法的handler对象，结合Reflect确保正确执行默认操作，从而实现如数据校验、响应式系统等高级功能，相比Object.defineProperty具有拦截更全面、支持动态属性和数组操作的优势，尽管存在兼容性限制，但已成为现代前端框架如Vue3实现响应式系统的首选方案。
-
根本原因是浮动元素脱离文档流且vertical-align对其无效；应改用flex布局，设父容器display:flex、justify-content:space-between和align-items:center等实现可靠垂直对齐。
-
container-property未生效是因为缺少显式声明container-type的祖先容器，且必须满足浏览器兼容性要求、语法规范及仅限@container中通过style()读取等条件。
