-
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属性中，并在后端统一解析生成完整的布尔状态矩阵。
-
HTML5页面无法直接发朋友圈，因微信未开放网页调用接口且WebShareAPI被禁用；所有“自动发布”方案均不合规，唯一可行路径是引导用户手动操作并优化体验。
-
FIMO导出HTML时纹理贴图默认不自动保留原始文件，但可勾选“Embedtextures”以Base64内联；否则需一并拷贝textures/目录，且须通过本地服务器而非file://协议访问以防CORS错误。
-
Word中HTML图片旋转错乱源于EXIFOrientation字段被误处理，根本解决法是清除该元数据并物理重排像素：用exiftool执行“exiftool-Orientation=1-n-ofixed.jpgoriginal.jpg”，确保Orientation值为1且视觉方向正确。
-
应显式声明需过渡的属性而非使用transition:all；用class切换替代内联样式修改；避免对不支持过渡的属性（如display）直接设动画；按属性特性差异化设置duration与timing-function。
-
首先通过集成jsMind、markmap和GoJS插件在HTML中实现思维导图。jsMind基于JSON数据提供交互式导图，适合本地化部署；markmap将Markdown标题转换为动态导图，适用于轻量写作场景；GoJS支持高级图形建模，具备复杂交互与导出功能，适合专业项目展示。三种方案均需在HTML中引入对应资源并绑定数据容器，最终通过脚本渲染可视化结构。
-
使用伪元素缩放或透明边框配合transition可避免border-width动画跳动。1.通过::before伪元素结合transform:scaleX()模拟边框展开，利用GPU加速；2.预设border-width并用border-color透明度控制显隐，仅触发重绘；3.选用cubic-bezier(0.25,0.46,0.45,0.94)等缓动函数提升流畅度，避免布局重排是关键。
-
纯函数是函数式编程的地基，要求相同输入必得相同输出且无副作用。它提升可测试性、可缓存性、并发安全性，并支持引用透明。
-
filter是JavaScript数组方法，遍历原数组并返回满足条件元素的新数组，不修改原数组；回调函数需返回布尔值，常用参数为当前元素，适用于数字筛选（如n>10）和对象筛选（如u.status==='active'）。
-
用Flex布局解决中间栏被挤压问题：左右栏设min-width（如200px），中间栏设flex:1，父容器必须display:flex且不设flex-wrap:wrap。
