-
CSS中font-size支持transition，但需用稳定单位（如px）、显式声明起止值并写在基础选择器上；否则因单位不一致或继承链变动导致失效。
-
Canvas2D是目前HTML5中唯一可控、可复现真实水墨质感的方式，需通过getImageData获取像素、Sobel边缘检测、距离衰减与高斯扩散实现晕染飞白；CSS滤镜仅能辅助营造氛围，WebGL方案适合高性能动态渲染。
-
CSSTidy因长期不维护、不支持现代CSS语法（如自定义属性、嵌套、@layer）、静默丢弃规则、解析错误且性能差，已被PostCSS+cssnano或lightningcss等更稳定可控的工具替代。
-
<p>不可行。*选择器会破坏表单控件的原生样式与可访问性，导致按钮无内边距、下拉箭头偏移、数字输入增减按钮消失等问题；应仅重置布局容器，或采用ModernCSSReset等成熟方案。</p>
-
WebGL是OpenGLES2.0在浏览器中的JavaScript绑定，需手动搭建渲染管线、传数据、写GLSL着色器；常见黑屏源于着色器编译失败、viewport未设或帧缓冲不完整。
-
原型链是JavaScript对象模型的核心，它通过__proto__链接对象与构造函数的prototype，实现属性和方法的继承查找。当访问对象属性时，若自身不存在，则沿原型链向上搜索，直至Object.prototype或null终止。所有对象最终继承自Object.prototype，共享通用方法如toString。构造函数创建实例时，实例的__proto__指向构造函数的prototype，实现方法共享与内存优化。例如Person.prototype添加greet方法后，所有Person实例均可调用
-
本文详解如何通过JavaScript监听两个输入框的值变化，实时计算其和（或任意逻辑），并自动更新第三个禁用输入框的值，解决页面加载后无法响应用户输入的问题。
-
Map是JavaScript中支持任意类型键、保持插入顺序、提供原生迭代和清晰集合操作接口的键值对集合；对象则适合结构化数据、原型继承和JSON序列化，但键仅限字符串/Symbol且无可靠顺序保证。
-
preload是通过<linkrel="preload">提前加载当前页关键资源的技术，支持字体、JS、图片等类型，需正确设置as属性和crossorigin；与prefetch（预加载后续资源）和preconnect（建立连接）不同，preload优先级高，用于提升首屏性能。
-
Flexbox是实现等高列最可靠方案，父容器需设min-height提供高度基准，子项默认拉伸；Grid通过align-items:stretch天然支持等高；table-cell语义错误且响应式差；JS补救仅限IE9及以下。
-
本文介绍如何使用原生JavaScript的事件委托机制，精准移除触发事件的按钮所在最近的指定父容器（如.item），避免ID冲突与重复绑定问题，并支持动态添加的元素。
-
在使用Commander.js构建CLI工具时，子命令（如s<cmd><file>）的选项不会存储在根命令对象上，而是绑定到该子命令实例本身；若直接调用program.opts()，将返回空对象——必须通过动作处理器（action）接收的options参数或子命令对象的.opts()方法访问。
-
rgba()更适合日常绝大多数场景，因其基于熟悉的RGB模式、alpha值直观（0–1）、维护简单；而hsla()需换算色相饱和度明度，调试成本高。
-
使用::placeholder伪元素可设置输入框占位符的样式，如颜色和字体大小，需注意浏览器兼容性及透明度问题，建议添加厂商前缀以支持旧版浏览器，同时保证可读性和无障碍设计。
-
答案：结合PBR与阴影映射可在WebGL中实现物理光照与阴影。首先在片元着色器中使用BRDF模型（如GGX）计算基于反照率、金属度、粗糙度和法线贴图的光照响应，支持环境光、点光源等类型；接着通过深度纹理实现阴影映射——从光源视角渲染场景生成shadowmap，在主通道中将片段深度与shadowmap比较以判定阴影，并采用PCF滤波软化边缘；若集成Ammo.js等物理引擎，需每帧同步物体变换矩阵并更新光源视图矩阵，动态物体实时更新shadowmap，静态物体检影烘焙以优化性能；建议采用级联阴影映射提升远距离
