-
JavaScript的this在函数调用时动态绑定，普通调用在非严格模式下指向全局对象（如window），严格模式下为undefined；箭头函数不绑定this，继承外层普通函数的this；call/apply/bind可显式控制this，class方法需手动绑定或用箭头函数避免丢失。
-
浮动导致父容器高度塌陷和边距失效，根本原因是未形成BFC；解决方法有三：用clear:both清除浮动、以padding替代margin临时绕过、或触发BFC（推荐display:flow-root）。
-
应使用HTML5语义标签构建结构，配合CSS重置、Flexbox布局、Grid网格及媒体查询实现响应式设计。具体包括：一、用<header><nav><main><aside><footer>等组织骨架；二、CSS重置默认样式并设基础排版；三、Flexbox实现导航与主侧布局；四、Grid定义页眉页脚二维结构；五、媒体查询适配移动端堆叠与尺寸调整。
-
纯函数需满足：相同输入必得相同输出，且不依赖或修改任何外部状态；所有输入须显式传参，禁用Date.now()、Math.random()等非确定性操作，副作用须显式封装隔离。
-
单页应用路由通过JavaScript实现，核心是监听URL变化并动态加载内容。1.hash模式利用#后片段，兼容性好且无需服务器支持；2.history模式使用pushState实现美观路径，需服务器配置避免404。根据SEO和部署需求选择模式。可手动实现简易路由：定义路由表、监听hashchange或popstate事件、更新DOM。主流框架如React用react-router-dom，Vue用vue-router，Angular用RouterModule，均提供参数传递、权限控制等高级功能。掌握原理
-
本文详解如何通过组合CSSborder-radius与SVGstroke-linecap='butt'属性，解决内联SVG虚线背景在圆角容器中边缘被意外截断的问题，确保虚线完整、圆润地贴合容器轮廓。
-
答案是使用JavaScript库如Chart.js、D3.js和ECharts可实现交互式数据可视化；其中Chart.js适合快速集成常见图表，D3.js适用于高度自定义的复杂图形，ECharts支持高级图表且中文文档完善；以Chart.js创建柱状图需引入库、添加canvas容器并初始化Chart对象；通过事件监听、动态数据更新和实时刷新增强交互性；结合响应式布局与性能优化确保跨设备流畅展示。
-
HTML5本身不支持原生3D建模，所谓“HTML5建模”实为通过Three.js等库加载渲染glTF等格式模型；iframe嵌入需指向完整HTML页面而非模型文件，且须配置allow属性、CORS及尺寸适配；推荐优先使用<model-viewer>或直接集成Three.js。
-
position:sticky在Safari15.4前、Chrome56前不生效，需设最近滚动祖先高度或overflow；iOSSafari中对table子元素无效；父容器含transform/perspective/filter会禁用sticky；z-index在IE/旧Edge中因层叠上下文判断差异导致遮挡异常；iOSSafari中fixed元素存在跳变、缩放失真等问题；absolute在Flex/Grid容器中旧版浏览器包含块判定不一，建议显式设position:relative。
-
最轻量兼容的左图右文用float实现，需清除浮动防塌陷；现代推荐flex或grid，避免浮动缺陷。
-
柯里化是一种函数变换策略，将多参函数转为单参并递归等待参数收齐才执行；需用闭包暂存参数、length判断形参个数（不含rest和默认参数），并注意this绑定与性能适用场景。
-
判断并高亮当前导航项需基于URL路径匹配：用window.location.pathname与链接路径前缀比对（startsWith），注意处理子目录部署、SPA路由响应式同步（如ReactRouter的NavLink或useMatch），并排查CSS优先级问题。
-
要实现纯CSS开关切换效果，首先使用隐藏的checkbox结合:checked伪类和相邻兄弟选择器控制样式。其次设计label作为开关轨道，span作为滑块，并通过CSS定义开与关的不同样式。最后为提升可访问性，需确保键盘导航支持及焦点状态可视化。这种方法性能好、结构清晰，且易于维护。
-
Bulma使用.buttons类实现按钮组排列，通过组合容器与按钮类控制间距。默认使用.buttons水平排列按钮并保留适中间距；添加.has-addons实现紧凑排列，适用于按钮紧贴场景；结合mx-2、mx-4等间距工具类可自定义按钮间隔；通过are-vertical类实现垂直排列，适用于移动端或侧边栏布局。该方案灵活简洁，满足多种按钮组合需求。
-
BigInt是JavaScript中表示任意精度整数的原始类型，它不受IEEE754限制，能无损存储任意大整数，但与Number类型不兼容，不可混用运算或用==/===比较。
