-
JavaScript继承本质是让子类实例访问父类原型方法并正确初始化属性，核心方案为Object.create()设置原型链并修复constructor，ES6classextends底层仍基于此机制。
-
JavaScript单例需靠逻辑控制而非语言特性：闭包模块模式最简可靠；class+静态属性易被绕过；Symbol+WeakMap可防伪造；Proxy拦截new不可行且破坏tree-shaking。
-
calc()混用百分比与vw/vh易失效，因计算上下文不一致；box-sizing不改变calc结果的基准；transform不影响%基准；媒体查询不支持calc()。
-
JavaScript实现SPA路由的核心是不刷新页面而动态替换内容并同步更新地址栏和导航行为，需监听hashchange/popstate事件、定义路由表、用HistoryAPI导航，并配置服务端fallback；框架如ReactRouter、VueRouter提供嵌套路由、懒加载等高级功能；还需考虑状态保持与SEO优化。
-
本文介绍如何通过父子页面通信机制，实现主页面复选框控制iframe内嵌页面（如聊天框）的暗色/亮色主题实时同步，避免手动刷新，提升用户体验。
-
前端错误监控系统需全面捕获JavaScript、Promise、资源加载及框架异常，结合自定义上报，通过结构化数据（含错误类型、堆栈、上下文等）上报，支持SourceMap还原，采用模块化SDK设计，集成插件机制与生命周期钩子，优化上报策略如异步批量发送、本地缓存重发与采样控制，确保性能与数据完整性。
-
JavaScript的类是基于原型的语法糖，class声明本质是函数加prototype操作，实例属性须在constructor中用this显式初始化，继承必须正确调用super()以维护原型链。
-
不能。HTML5Canvas的ctx.filter（如grayscale(100%)）仅对drawImage()生效，不支持fillRect()等实时滤镜，且Safari旧版本完全不支持；可靠去色应使用getImageData()+putImageData()手动灰度化。
-
align-items:baseline对文字+图片无效，因img默认为行内替换元素，其基线位置与文字不同且Flex中vertical-align被忽略；推荐用align-items:center+line-height与图片高度一致实现稳定对齐。
-
blur()滤镜transition默认不生效，因其属非可动画属性，需配合will-change:filter、统一单位及完整filter值才能实现平滑过渡，否则浏览器直接跳变。
-
column-count未生效是因浏览器按内容和容器宽度动态调整列数，需确保容器有明确宽度、内容足够长且避免与Flex/Grid混用。
-
使用box-sizing:border-box可让宽度包含padding和border，避免浮动元素超出父容器；需统一设置子元素及父容器该属性，并配合百分比宽度实现响应式布局。浮动导致父容器高度塌陷时，应采用clearfix或overflow:hidden触发BFC以清除影响。为防止margin叠加引发换行，建议仅设置单侧外边距并移除最后一个元素的外边距，结合固定padding提升兼容性。通过精确控制盒模型尺寸、合理清除浮动及间距管理，能有效提升浮动布局的稳定性和可维护性。
-
float图片横向排布时换行是因为父容器宽度不足或未清除浮动，而非float失效；必须设置浮动元素明确宽度并合理预留间距，且应统一用float:left而非float:right以避免反序排列。
-
Vue异步组件本质是工厂函数返回Promise实现按需加载，核心在于加载时机与错误处理；推荐用defineAsyncComponent包装import()，支持loading/error状态、路由级拆包及条件触发加载。
-
1px边框在跨平台（尤其iOSSafari和旧AndroidWebView）中易渲染模糊或虚线，主因是sub-pixel渲染差异；推荐优先使用伪元素+scale(0.5)方案，兼容性最佳。
