-
JavaScript的class是原型机制的语法糖，instanceof通过检查原型链判断类型；new执行四步初始化流程；可靠类型判断用MyClass.prototype.isPrototypeOf(obj)。
-
表单元素定位应优先利用文档流与盒模型控制，而非绝对定位；input作为替换型内联元素支持宽高但不响应上下margin；推荐用display:block/inline-block、flex或grid布局，兼顾语义、可访问性与响应式。
-
canvas.getContext('2d')返回null主因是canvas元素未加载进DOM，需确保在DOMContentLoaded后获取，检查ID是否拼写正确且元素存在，CSS隐藏不影响getContext。
-
根本原因是浏览器对file://协议的跨源限制，必须通过HTTP服务（如LiveServer、http-server或Python内置服务器）运行；路径需以HTML文件位置为基准，区分相对/绝对路径；GitHubPages等Linux环境严格区分大小写；动态导入和预加载路径须字面量精确；前端路由需服务端fallback配置。
-
setCustomValidity只设提示文本，不触发验证；需配合reportValidity()或表单submit才能显示。重置须传空字符串''，非null/undefined/空格。
-
当HTML表单提交时，未勾选的checkbox不会发送任何数据，导致后端无法区分“用户明确取消选择”和“该选项根本不存在”。本文介绍一种简洁、可扩展的方案：将语义化键值（如Monday-7）编码到value属性中，并在后端统一解析生成完整的布尔状态矩阵。
-
是的，CSS中padding会导致盒子变大，根本原因在于浏览器默认采用content-box盒模型，即width/height仅指内容区尺寸，padding和border额外增加在内容区外。
-
:hover不生效主因是权重不足、被覆盖、元素不可交互或伪类顺序错误；需确保元素有cursor:pointer、:hover写在常规样式后、遵循LVHA顺序，并避免在移动端单独依赖。
-
HTML中普通空格不显示是浏览器默认行为，解析器会压缩连续空白并忽略首尾空格；需用 、<pre>或white-spaceCSS等语义化方式保留格式。
-
requestAnimationFrame是浏览器专为动画设计的调度机制，它在下一次重绘前调用函数，天然同步屏幕刷新率、不丢帧、页面不可见时自动暂停；而setTimeout无法稳定实现这些特性。
-
JavaScript事件是用户交互的触发机制，需用addEventListener监听，支持多绑定、捕获/冒泡控制；注意DOM加载时机、事件委托、移动端优化及监听器移除技巧。
-
实现搜索框宽度自适应需五种方法：一、width:100%配合box-sizing:border-box；二、Flexbox中设flex:1；三、CSSGrid划分轨道；四、width:100%加max-width限制；五、CSS变量联动JavaScript动态计算。
-
localStorage和sessionStorage的核心区别在于生命周期和作用域：前者持久保存、同源共享，后者仅限当前标签页、关闭即清空；二者均只支持字符串存储，存对象需JSON序列化，读取需反序列化。
-
在CSS中制作数据流程图，核心在于利用盒模型、定位和伪元素构建节点与连线。1.节点通过div元素实现，结合背景色、边框、阴影等样式形成可视化单元；2.连线使用伪元素或独立div，通过绝对定位和transform模拟直线或直角连接；3.布局采用Flexbox或Grid实现结构化排列；4.箭头通过旋转伪元素或border技巧绘制；5.对于复杂曲线或动态调整场景，建议使用SVG替代CSS以提升可维护性。
-
hover动画卡顿或不触发，主因是浏览器未提前提升图层；应默认设will-change:transform，用transform替代top/left，SVG填色改用fill="currentColor"，transition需明确属性并设初始值，间距统一用gap或margin-right:last-child。
