-
URLAPI是浏览器和Node.js（v10.0.0+）原生支持的标准URL解析工具，需传入绝对URL或配合base参数使用；其属性只读，query操作应通过URLSearchParams，修改路径或协议须新建实例，并注意对不可信输入做try/catch和协议校验。
-
flex:1分配的是父容器中未被其他元素占用的剩余自由空间，取决于各子项的flex-basis与父容器总宽的差值；设多个flex:1仅在flex-basis一致或为0时均分，否则内容宽者先占位再分剩余。
-
fetch是现代浏览器原生Promise-basedHTTP接口，区别于XMLHttpRequest：不自动带cookie、不设默认Content-Type、非网络错误（如404/500）不会reject，需手动检查response.ok。
-
媒体查询必须写在样式表顶层，不能嵌套在CSS选择器内部；推荐使用min-width实现移动优先；常见失效原因包括优先级覆盖、加载顺序错误和浏览器缓存；断点应统一用px单位。
-
HTML5凭借语义化标签、本地存储、多媒体支持和设备API等特性，广泛应用于移动Web开发。使用<header>、<nav>、<section>等标签提升结构清晰度与可访问性，结合Flex或Grid实现响应式布局；通过localStorage和sessionStorage缓存数据，优化离线体验；利用<audio>、<video>原生支持音视频播放，节省流量并提升交互；结合<canvas>实现动态图表与小游戏；调用Geolocation
-
响应式断点应基于主流设备视口区间与内容布局需求确定，推荐使用768px、1024px、1280px三个核心断点，采用min-width移动优先策略，避免混用max-width，确保每个断点解决明确的布局问题。
-
尾调用优化（TCO）在JavaScript中实际不可用；尽管ES2015+规范定义了该特性，但所有主流引擎均未启用，且因破坏堆栈跟踪等调试能力而被搁置。
-
答案：通过HTML结构搭建小圆点导航，使用CSS设置样式与transition动画，结合:hover伪类实现平滑交互效果，提升轮播图的用户体验。
-
函数组合通过将多个函数连接成新函数实现数据的依次处理，JavaScript中利用高阶函数和柯里化可实现灵活的组合操作，如compose从右到左执行、pipe从左到右执行，结合柯里化函数可构建清晰的数据转换流程，广泛应用于表单验证、数据清洗等场景，提升代码的可读性与复用性。
-
掌握Canvas高级编程需理解复杂路径、变换状态、离屏渲染、像素操作与动画优化。首先，使用路径和贝塞尔曲线绘制自定义图形，quadraticCurveTo和bezierCurveTo分别支持单双控制点曲线，适合创建平滑轮廓或模拟自然轨迹。其次，通过translate、rotate、scale进行坐标变换，并结合save()与restore()管理绘图状态，避免相互干扰，如绘制旋转星形时保护原坐标系。为提升性能，采用离屏Canvas预渲染复杂画面，再用drawImage批量输出，实现双缓冲技术，减少闪烁，适
-
单向数据流在JS中的核心实现是通过“数据向下传递，事件向上冒泡”的模式，即父组件通过props将数据传给子组件，子组件通过事件或回调通知父组件修改状态，从而保证数据流向的清晰与可预测；在复杂场景中，采用中心化状态管理（如Redux模式），通过定义全局状态、不可变更新的reducer函数、dispatch动作和订阅机制，实现状态的集中控制与组件的自动更新；这种模式的重要性在于提升大型项目的可维护性、可调试性和组件复用性，避免数据混乱和副作用；常见挑战包括样板代码过多、对不可变性理解不足导致状态更新失效、性能
-
用Tailwind更优，因其支持PurgeCSS精准剔除未用样式；Bootstrap需手动引入SCSS子模块或第三方插件压缩；Bulma/Foundation因嵌套选择器、无ESM、不可按需提取而拖慢首屏；CSS-in-JS有运行时开销，应慎用于高频交互场景。
-
JavaScript日期操作需警惕时区陷阱：newDate()返回本地时间，ISO字符串默认UTC解析；避免字符串解析歧义，推荐数值构造或补全时间；格式化应手动拼接而非依赖toLocaleDateString()；日期加减优先用毫秒计算；相对时间显示推荐Intl.RelativeTimeFormat。
-
响应式设计中可有效利用CSS选择器减少冗余代码并提升结构清晰度，具体方法包括：1.使用:first-child和:last-child控制布局层级，实现移动端导航栏按钮圆角或卡片隐藏等效果；2.通过属性选择器匹配特定条件样式，如根据srcset属性调整图片尺寸或根据required属性放大提示文字；3.结合伪类选择器优化交互状态，如在桌面端保留悬停效果或使用:focus-within提升键盘用户友好性，从而增强多设备兼容下的视觉与交互一致性。
-
一维布局用Flex，二维布局用Grid，混合使用最合理：Flex处理行或列内对齐，Grid划分行列交叉结构，二者分层协作可提升可维护性与兼容性。
