-
装饰器是JavaScript/TypeScript中用于扩展类、方法等行为的高阶函数，通过@expression语法在运行时修改目标结构。支持类、方法、属性、访问器和参数五种类型，常用于日志、权限、依赖注入等场景。结合reflect-metadata库可实现元数据编程，使用Reflect.metadata定义和读取键值对信息，TypeScript还支持design:type等设计时类型元数据。典型应用如依赖注入：通过@Inject装饰参数并利用emitDecoratorMetadata生成类型信息，容器按
-
splice()是JavaScript中可删除、插入、替换元素的原数组操作方法，核心参数为start、deleteCount和插入项；支持负索引、返回被删元素数组，操作后原数组被修改。
-
JavaScript是让网页“活”起来的脚本语言，以变量、函数、对象为基本积木，通过事件驱动机制响应用户交互，并借助DOM操作网页内容与样式。
-
本文详解如何在三栏响应式布局中，让左右两栏的Canvas视频渲染与居中固定栏的源视频严格同步，规避原生多<video>标签因播放时钟漂移导致的撕裂感，并提升WebKit浏览器下的清晰度与性能表现。
-
用CSS实现图片“先模糊再清晰”效果的核心是通过@keyframes动画使filter:blur()值从大到小递减，如从10px到0，并使用forwards保持最终状态，配合ease-out实现自然对焦感。
-
使用内部CSS可为单个HTML页面定义样式，无需外部文件。首先在<head>中添加<styletype="text/css">标签，然后在其中编写选择器和样式规则，如p{color:blue;font-size:16px;}，支持标签、类和ID选择器；最后保存文件并用浏览器打开，检查样式是否正确应用，若未生效需排查语法或拼写错误。
-
draggable属性可设置为true、false或auto，其中true表示元素可拖动，false明确禁止拖动，auto则由浏览器根据元素类型决定；2.传递复杂数据时，可通过DataTransfer对象的setData()和getData()方法使用JSON字符串等形式传输，并可提供text/plain等备用格式；3.视觉反馈优化包括设置cursor样式、自定义拖动图像setDragImage()、目标区域高亮、合理配置effectAllowed与dropEffect以指示操作类型，并在放置后提供成功反
-
CSS属性选择器通过[属性="值"]语法精确匹配元素，如input[type="submit"]；还可使用~=、|=、^=、$=、*=实现包含、前缀、后缀、子串等匹配方式，用于文件类型图标、数据属性等场景。
-
用linear-gradient实现分段颜色进度条需将色标百分比与业务阈值严格对齐（如0%–30%蓝、30%–70%黄、70%–100%红），配合overflow:hidden容器和动态width控制显示长度，确保无缝衔接、无跳变。
-
DOM操作本身不拖慢JS性能，但频繁低效访问（如循环中多次调用getElementById）会因重复遍历、布局计算和同步开销导致卡顿；应缓存元素引用并批量更新。
-
:not(:empty)对动态内容无效，因为:empty仅在DOM初始解析时匹配无任何子节点的元素，不响应JavaScript插入内容后的DOM变化，且空格、换行等易致误判；推荐用data-loaded属性替代，确保样式与JS状态同步。
-
本文详解如何通过jQuery实现两级嵌套单选按钮（radio）的联动显示逻辑，重点解决因CSS类顺序导致的.subtier2-options无法正确显示的问题，并提供可复用、结构清晰的前端交互方案。
-
应统一border归属并配合margin控制间距，如每个元素设border-bottom、最后一个设none，再用margin-bottom统一控制间距，避免重叠变粗。
-
sticky元素不生效的三大主因：一是父容器或祖先设置了非visible的overflow（如hidden、scroll），切断滚动参考；二是父容器高度为0或未定义，导致无滚动上下文；三是sticky元素自身应用了transform/filter等触发新层叠上下文的属性。
-
iOSSafari中min-height:100vh不生效是因视口计算包含地址栏，导致实际高度小于可见区域；推荐优先使用min-height:100dvh（iOS16.4+支持），并用@supports降级至100vh；兼容老版本需JS动态设置--vh变量并监听resize和orientationchange。
