-
JavaScript框架是解决DOM更新、状态管理与团队协作问题的约定；Vue通过响应式劫持实现数据驱动视图，React依赖Hooks调用顺序与依赖数组保证渲染一致性；选型应基于项目现状、团队习惯与生态适配。
-
animation-timing-function控制CSS动画的速度变化，通过预设值如ease、linear或cubic-bezier()自定义贝塞尔曲线，实现自然流畅的动画效果，提升视觉表现力。
-
JavaScript在==、+、!、if判断、&&、||等场景下会按抽象操作规范自动类型转换，这是语言设计而非bug，但易导致非直觉结果，应显式控制类型避免陷阱。
-
super()必须在子类constructor中调用，否则访问this会报错；super.method()用于调用父类方法，静态方法中super指向父类构造函数，super是语法关键字而非对象。
-
JavaScript装饰器元数据是通过装饰器函数为类、方法等添加可在运行时读取的额外信息。1.装饰器作为语法糖，在代码声明时插入逻辑，附加元数据；2.ReflectMetadata提案提供defineMetadata/getMetadata等API，结合TypeScript的emitDecoratorMetadata实现类型反射，广泛用于DI、ORM、路由等场景；3.新ES装饰器提案（Stage3）通过context对象提供更灵活的初始化和修改能力，但不内置统一元数据存储，需借助WeakMap等自行管理；
-
1、a:link设置未访问链接为蓝色；2、a:visited将已访问链接设为紫色；3、a:hover添加悬停时的手型光标；4、a:active定义点击瞬间的红色高亮，提升交互体验。
-
JavaScript路由切换核心是不刷新页面改变URL并更新视图，依赖HistoryAPI（pushState/replaceState）和popstate事件监听，或Hash模式的hashchange事件，本质是路径字符串到渲染逻辑的映射。
-
手机端表单优化核心是提升拇指点击准确率，需设420px断点、标签顶部堆叠、点击热区不小于44×44px、统一间距变量控制。
-
<p>使用calc()可精确计算CSS盒模型尺寸，如设置总宽300px的元素时，通过width:calc(300px-20px2-2px2)减去padding和border，确保内容区宽度正确；在响应式布局中可用width:calc(100%-40px)实现自适应；但推荐全局设置box-sizing:border-box，使width包含padding和border，简化计算并提升维护性。</p>
-
HTML5中添加CSS样式的三种方式：一、用link标签外链CSS文件，需置于head内并设rel="stylesheet"和正确href路径；二、用style标签内嵌CSS代码，也置于head内，支持media属性；三、用元素style属性添加行内样式，优先级最高但不宜滥用。
-
Cycle.js基于函数式响应式编程，将应用视作纯函数，输入为事件流，输出为DOM更新；通过RxJS实现响应式数据流，以流变换取代手动状态管理；主函数main(sources)=>sinks无副作用，逻辑集中；驱动（如DOM、HTTP驱动）处理I/O，形成“源→主函数→汇→驱动→源”的闭环响应循环，提升可预测性与可维护性。
-
最常用去重方式是[...newSet(arr)]，时间复杂度O(n)，支持NaN相等判断但对象需按key去重；对象数组推荐Map缓存key实现O(n)过滤；IE或稀疏数组需回退filter+indexOf。
-
RGBA红色透明值应写为rgba(255,0,0,0.5)，其中前三位固定为纯红，第四位为0–1间的透明度；十六进制八位写法#ff000080兼容性差，IE不支持；IE8及以下需PNG或滤镜hack；常用透明度值为0.1、0.3、0.6、0.9；rgba与父背景混合叠加，调试宜先设黑底；边框用rgba()存在旧Android兼容问题，建议用transparent+background-clip。
-
居中靠place-items，留白靠容器padding；需在grid容器上设padding和box-sizing:border-box，并为子元素设min-width防收缩，二者缺一不可。
-
D3.js通过绑定数据到DOM元素实现网页数据可视化。首先引入库文件，使用d3.select()选择元素并绑定数据，结合.enter()生成对应元素；接着创建SVG容器绘制图形，如矩形柱状图；再利用d3.scaleLinear()定义比例尺将数据映射为像素坐标，并用d3.axisBottom()添加坐标轴，完成基础图表绘制。
