-
reset()仅重置表单控件的初始值，若JS动态修改value但未同步defaultValue、控件不在form内、框架中未同步数据状态或存在隐藏/禁用控件，均会导致清空失效。
-
HTML5在索尼Xperia手机上无需专属适配，但需严格设置viewport（含initial-scale=1.0）、用screen.width动态计算rem基准、双绑touchstart与click事件并preventDefault，且真机覆盖新旧机型测试。
-
默认参数仅在传入undefined时生效，null、0等falsy值不触发；对象/数组需用list??[]避免引用共享；后续参数可引用前面参数，但不可反向；解构默认值需配合参数默认值{}防null报错。
-
grayscale()将元素转为灰度图像，参数为百分比或0-1数值，100%完全黑白，0%保持原色，常用于图片、背景、SVG等视觉效果控制。
-
JavaScript的repeat()方法可快速生成重复字符串，语法为str.repeat(count)，返回新字符串。例如"*".repeat(5)得"*****"，"hello".repeat(3)得"hellohellohello"，"".repeat(2)生成空格用于缩进，"abc".repeat(0)返回空字符串；需注意count为非负整数，小数自动向下取整，不支持IE等老浏览器，建议做兼容性处理或使用polyfill。
-
position:sticky不能实现“滚动消失”，它仅支持条件性吸附，不控制显隐；需用IntersectionObserver监听视口进出并配合CSS切换opacity或visibility。
-
HTML5模块化需正确声明DOCTYPE、使用type="module"导入JS、用fetch/template替代HTMLImports、通过WebComponents创建自定义元素，或借助SSI/构建工具预整合模块。
-
本文介绍一种高效算法，将连续评分范围（如1–10）按比例、非均匀地划分为若干子区间，并一一对应到长度可变的消息数组（如['Bad','Okay','Good']），确保前序区间优先多占一个评分点，实现自然、公平的语义映射。
-
CSS定位常见误区有四：1.relative是相对自身原位置偏移，非父元素；2.absolute使子元素脱离文档流，易致父容器高度塌陷；3.z-index仅对已定位元素生效，且受层叠上下文限制；4.fixed参照视口内边界，其位置会随视口动态变化。
-
Flex布局中应优先使用gap而非margin控制子项间距，因margin易导致首尾多余空白、换行对齐错乱及兼容性问题；gap自动跳过首尾、响应式友好且语义清晰，IE11等旧浏览器可通过@supports进行特性检测降级处理。
-
JS引擎通过词法语法分析生成AST，再转为字节码由解释器执行，并利用JIT将热点代码优化为机器码，结合分代式垃圾回收管理内存，提升运行效率。
-
HTML5<inputtype="range">的可靠识别需同时满足：el.type==="range"且elinstanceofHTMLInputElement&&typeofel.valueAsNumber==="number"，并建议校验!el.disabled&&el.offsetParent!==null。
-
meter元素无JavaScriptAPI取值，仅通过绑定的value属性或外部变量获取数据；其value为只读反射属性，修改不触发事件，也不参与表单提交，本质是单向显示控件。
-
min-width不改变盒模型类型但影响渲染尺寸，其限制基准由box-sizing决定：content-box限内容宽，border-box限总宽；在flex/grid中常因默认min-width:auto失效；与width、max-width共存时取三者交集，min-width优先级最高。
-
掌握CSS尺寸控制是实现响应式布局的关键。通过width和height设置元素基本尺寸，可使用像素、百分比、vw/vh等单位；结合min-width与max-width限制宽度范围，避免内容溢出或压缩，如容器设置100%宽度并限定最小320px、最大1200px以适配不同屏幕；min-height与max-height用于控制高度弹性，例如卡片组件保持最小高度150px，超出400px时出现滚动条；综合运用这些属性可构建自适应界面，如主内容区设为100%宽度、最大800px、最小100vh高度，并居中显示
