-
JavaScript需借助第三方物理引擎实现物理模拟，推荐Matter.js（2D易用）、Planck.js（高精度2D）、Cannon.js（3D）、Impulse.js（轻量）；集成时应隔离物理循环与UI框架，谨慎同步状态以保证稳定性。
-
IE6–8中position:absolute偏移不准的本质是父容器未触发hasLayout，导致绝对定位参考错误包含块；需用zoom:1等可靠方式主动触发，而非仅依赖position:relative。
-
本文详解如何在保留HTML表单结构的前提下，通过event.preventDefault()阻止默认提交行为，结合fetch发起异步请求，并将响应结果精准渲染至指定输出容器（如#output-box），彻底解决页面意外刷新、结果跳转新页或请求未触发等问题。
-
使用WebComponents可构建与框架无关的UI组件系统，通过CustomElements定义标签、ShadowDOM实现样式隔离、HTMLTemplates提升可维护性，并结合属性监听与事件通信，使组件可在任意技术栈中复用，适用于设计系统与微前端场景。
-
无用。Flex容器默认已是定位上下文，加position:relative纯属冗余；absolute子项脱离flex流，定位受overflow、transform等影响，需显式设置偏移并确保容器有明确尺寸。
-
TailwindCSS不支持selection修饰符，需在@layerbase中手动添加::selection和::-moz-selection样式，且仅color、background-color等少数属性有效。
-
移动端长按触发文字选中是浏览器默认行为，iOSSafari和AndroidChrome均支持；可通过user-select:none禁用，但需配合-webkit-touch-callout:none才能彻底屏蔽长按菜单。
-
:required伪类需配合HTML中真实存在的required属性才能生效，仅对<input>、<select>、<textarea>等原生表单控件有效；required="false"无效，动态添加需确保DOM更新，旧版Safari存在兼容性问题。
-
grid-template-rows:1fr不能实现水平一行布局，因为它只定义行高，不控制子元素横向排列；真正起作用的是grid-template-columns和grid-auto-flow设置。
-
Vue组件默认通过$emit发出的事件仅在Vue生态内传播，无法被原生DOM事件监听器捕获；需改用CustomEvent并设置bubbles:true和composed:true，使其穿透ShadowDOM（如Astro中的组件边界）并被document.addEventListener正确接收。
-
现代浏览器支持prefers-reduced-data媒体查询，可精准响应用户主动开启的省流量模式；它为布尔型特性，仅接受reduce值，适用于CSS中直接控制样式降级，比connection.effectiveType更可靠且无需JS介入。
-
引导层设计不当会显著干扰学习，关键在于是否响应用户当前操作状态：需处理焦点捕获、禁用背景交互、适配动态DOM、优化CSS动画，并与业务状态机耦合。
-
Proxy对象是JavaScript中用于拦截和自定义对象操作的机制，它充当一个代理层，允许你在操作如属性读取（get）、写入（set）、函数调用（apply）等前后插入自定义逻辑。1.Proxy通过创建一个包含target和handler的实例来工作；2.handler中的陷阱方法（如get、set）用于拦截操作；3.Reflect常与Proxy配合使用以正确转发默认行为；4.应用场景包括数据验证、访问控制、日志记录、响应式系统等；5.使用时需注意性能、不变性规则、this绑定、不可代理对象等问题。
-
src用于嵌入资源（如script、img），浏览器强制同步加载并执行；href用于建立关联（如link、a），浏览器异步处理或按需触发，二者语义与解析机制根本不同，不可互换。
-
border-style默认为none，不显式指定如solid则边框不可见；表格需同时设border-collapse:collapse和各单元格border-style；box-sizing和overflow也会影响边框显示。
