-
答案是使用flex-wrap换行与display:none隐藏结合JavaScript切换类实现响应式导航。首先构建语义化nav结构，包含切换按钮和导航列表；桌面端通过flex-wrap:wrap使菜单项自动换行；移动端用@media(max-width:768px)将.nav-menu设为display:none默认隐藏，并设置flex-direction:column；通过JavaScript为按钮添加点击事件，切换.nav-menu的active类控制显示；同时确保按钮仅在小屏出现。最终实现流畅的响
-
答案：repeat()函数可简化CSSGrid重复轨道定义，如repeat(3,1fr)创建三等分列，结合auto-fit与minmax可实现响应式网格布局。
-
JavaScripthistoryAPI通过pushState和replaceState操作浏览器历史栈而不刷新页面，配合popstate事件响应前进后退，实现SPA路由与状态管理；需注意同源限制、用户交互调用要求及服务端fallback配置。
-
::selection是CSS伪元素，用于自定义用户选中文本的样式。它支持color、background-color等有限属性，不可使用盒模型属性。基本语法为::selection{background-color:#ff6b6b;color:white;}，可针对特定元素如p::selection设置样式。为兼容旧版浏览器，建议添加::-webkit-selection前缀。现代浏览器普遍支持标准写法，合理使用可提升页面视觉一致性和用户体验。
-
HTML5中实现元素右对齐有五种方式：一、text-align:right用于块容器内行内内容；二、float:right使块级元素右浮动；三、margin-left:auto配合display:block和固定width；四、flexbox的justify-content:flex-end；五、position:absolute配合right:0。
-
动画不流畅主因是参数与渲染配置不当：需设合理duration（0.3s–0.45s）、按动画类型选timing-function、启用硬件加速（translateZ(0)或will-change）、避免布局重排属性，并防JS重复触发。
-
级联下拉菜单的核心逻辑是通过父级选择动态筛选子级选项，确保数据联动性依赖前端事件监听、异步请求、后端数据过滤与DOM动态更新；实现时需在HTML中定义下拉元素，利用JavaScript监听父级change事件，清空并禁用子级，发送带父级参数的请求至后端接口（如/api/cities?provinceId=XXX），接收JSON格式城市列表后遍历生成option插入子级下拉框，加载完毕启用子级，同时通过禁用状态或加载提示优化体验；技术选型可采用原生Fetch、Axios或框架状态管理，优化手段包括按需加载、
-
可在浏览器中用WebStorageAPI持久化保存HTML数据：一、localStorage永久存键值对；二、sessionStorage暂存标签页级数据；三、存取HTML字符串片段；四、IndexedDB存复杂结构化数据；五、结合data-*属性批量序列化表单。
-
本文旨在阐述如何在浏览器环境中为ES模块实现类似Node.js--experimental-loader的自定义加载器行为。核心思路是将加载器脚本本身作为ES模块加载，并通过全局配置、ImportMaps或动态导入等机制，影响后续模块的解析与加载。文章将详细阐述其实现原理、代码示例及注意事项。
-
JavaScript正则表达式是匹配、查找、提取或替换字符串模式的工具，支持字面量（/abc/g）和构造函数（newRegExp("abc","g")）两种创建方式，常用test()、exec()、match()和replace()方法，并需注意边界锚定、转义及调试技巧。
-
JavaScript的Date对象用于处理日期和时间，可创建当前或指定时间实例。通过newDate()生成日期，支持时间字符串、年月日时分秒参数及时间戳输入。获取日期信息使用getFullYear()、getMonth()（0-11）、getDate()、getDay()等方法。可通过set系列方法修改日期部分，结合getTime()进行时间计算，如加减天数。格式化输出可用toDateString()、toISOString()、toLocaleString()等，自定义格式需组合方法并用padStart
-
单例模式确保类仅有一个实例并提供全局访问，常用于共享资源管理；工厂模式则通过封装对象创建过程实现解耦，便于扩展不同类型对象的生成；二者结合可提升代码的可维护性与灵活性。
-
map、filter、reduce可提升数据处理效率：1.map结合索引与解构实现序号生成、嵌套转换；2.filter通过复合条件、Set去重、Boolean过滤优化筛选；3.reduce用于分组、构建映射、扁平化及统计计算，三者均不改变原数组，适合不可变操作。
-
CSS动画在:hover中不生效，是因为必须在默认状态预先定义animation（如none），否则浏览器跳过动画启动；正确做法是默认设animation:none，hover时覆盖为具体动画，或用animation-play-state控制启停。
-
解构赋值是JavaScript中改变数据提取方式的语言特性，支持数组按位置、对象按属性名提取值，具备跳过、默认值、重命名、嵌套及剩余元素等能力，且仅浅层解构。
