-
JavaScriptProxy是用于拦截和自定义对象基本操作的内置构造函数，通过目标对象和处理器对象（含get、set等陷阱）实现行为监控，支持数据响应式、属性日志等，但不递归代理嵌套对象，需配合Reflect保持默认语义。
-
本文详解如何实现点击同一按钮既能启动倒计时、又能重置正在运行的定时器，并修复原代码中计时提前终止（停在0:01）及clearInterval(time)错误调用等关键问题。
-
decoding属性通过指定图像解码方式（同步或异步）影响页面渲染流畅性，但图片加载优化更依赖响应式图片、现代格式、懒加载等策略。1.decoding有sync、async、auto三个值：sync阻塞渲染线程适合关键小图但可能拖慢LCP；async后台解码提升响应性推荐用于非关键图；auto由浏览器自动判断。2.核心优化手段包括：使用srcset和sizes适配设备、采用WebP/AVIF压缩体积、应用loading="lazy"实现按需加载、利用CDN加速资源分发。3.借助ChromeDevTools
-
本文介绍使用JavaScript原生URL构造函数替代正则表达式进行URL校验的可靠方法，解决自定义正则误判合法URL（如含长路径、特殊字符或片段标识符的GoogleDocs链接）的问题，并提供健壮、可扩展的验证实践。
-
浏览器按选择器权重（a,b,c,d）规则决定样式生效，而非书写顺序；a为内联样式数，b为ID数，c为类/属性/伪类数，d为标签/伪元素数，逐位比较如版本号。
-
百分比宽度的计算基准是父容器的内容区宽度（contentbox），受box-sizing、内边距、边框、浮动、定位及布局上下文共同影响；需确保父元素有明确可计算的宽度，且注意不同定位和布局模式下包含块定义的差异。
-
::part只能选中显式标记part属性的ShadowDOM内元素，不支持穿透未标记节点、插槽内容或嵌套写法，且仅限样式声明；::theme根本不存在，属过时误传。
-
HTML下拉菜单即<select>元素，需用name属性确保提交，value设标识符而非显示文本，disabled禁用但不提交值，multiple支持多选但体验差，placeholder无效须用空option替代。
-
subgrid是让子网格容器复用父网格显式定义的行/列轨道，仅适用于display:grid的直接子项；需父容器设grid-template-rows/columns（不可用auto），子容器设grid-row/column:subgrid，不支持隐式轨道或repeat(auto-fit)。
-
掌握JavaScript设计模式进阶需理解对象、函数与闭包的灵活运用。1.创建型模式如工厂、抽象工厂、构造器和单例，解决对象创建的复杂性与解耦；2.结构型模式如装饰器、适配器和代理，优化类与对象的结构关系，提升扩展性；3.行为型模式如观察者、策略、迭代器和命令，规范对象间通信与职责分配；4.实际开发中常组合使用，如React的HOC体现装饰器思想，Redux融合观察者与命令模式。关键在于理解模式背后的问题本质，合理应用以提升代码可维护性，同时避免过度设计。
-
答案：优化JavaScript数组操作需减少遍历次数、避免频繁修改结构、预分配数组大小。应合并操作为单次遍历，优先使用push/pop，慎用unshift/shift，大数组可选for循环或工具库，明确长度时预创建数组以提升性能。
-
link标签必须写rel="stylesheet"且href为有效路径，推荐置于head中；路径以/开头表示根目录，否则相对HTML当前位置；加载顺序决定覆盖关系，后解析的样式优先。
-
可通过五种CSS/HTML方法创建方形：一、div设等宽高；二、aspect-ratio:1/1；三、padding-top:100%技巧；四、Grid单格布局；五、SVG的rect元素。
-
本文详解如何在现有HTML/JavaScript测验应用中安全、高效地实现题目随机化展示，涵盖随机索引生成、去重逻辑、代码集成及关键注意事项，助你快速升级自用学习工具。
-
在Next.jsAppRouter中，应直接在服务端组件（如page.js）中获取数据并作为props传入客户端组件，而非尝试嵌套服务端组件作为子元素——后者会导致React渲染错误。
