-
HTML5中实现横线分隔有五种方法：一、语义化<hr>标签；二、CSS边框属性；三、伪元素::before/::after；四、SVG矢量绘制；五、linear-gradient背景渐变模拟。
-
JavaScript数学计算依赖静态Math对象，含常量、舍入、幂对数、三角函数、随机数等方法，所有操作均通过Math.xxx调用，不支持new实例化。
-
flex-wrap用于控制Flexbox子元素是否换行，可选值为nowrap（不换行）、wrap（允许换行）和wrap-reverse（反向换行），常与flex-direction配合实现响应式布局。
-
子元素溢出容器时，通过设置overflow:hidden或overflow:auto可有效控制；结合min-width:0、word-break和minmax()等属性，能进一步防止内容撑开布局，确保网格结构稳定与响应性。
-
固定导航栏适配关键在于响应式设计：1.使用百分比、rem等相对单位布局，避免固定像素；2.通过媒体查询调整不同设备样式，如小屏隐藏菜单显示汉堡按钮；3.用100dvh替代100vh防止移动端浏览器UI影响定位；4.给body添加padding-top防止内容被遮挡。
-
答案：使用HTML5和CSS3结合JavaScript可创建响应式悬浮按钮。首先用button或a标签构建结构，通过CSS的fixed定位、圆角、阴影等实现悬浮视觉效果，并添加hover交互；再用JavaScript控制滚动显示逻辑，适配移动端触摸操作，优化可访问性与性能。
-
模块联邦是Webpack5实现微前端的核心技术，支持运行时动态共享模块。通过ModuleFederationPlugin配置宿主与远程应用，实现按业务域或团队拆分子应用，结合shared设置避免依赖重复加载，提升独立部署与复用效率。
-
需借助SQL.js等JavaScript库在浏览器中模拟SQLite操作。具体包括：引入SQL.js加载数据库、通过FileAPI读取本地文件、用localStorage持久化数据、处理异步初始化及兼容性问题。
-
作用域链是函数定义时确定的词法作用域查找路径，从当前函数作用域逐级向上指向全局对象；变量读取时按此链由近及远查找，未找到则报ReferenceError；闭包即函数持有该链对父级变量的引用。
-
当HTML按钮在页面上正常显示却无法响应用户交互时，通常涉及CSS样式、JavaScript事件处理或元素层叠等问题。本文将深入探讨这些常见原因，特别是CSS选择器中的细微差别，并通过具体案例分析和调试技巧，指导开发者有效诊断并解决按钮无响应的困境，确保交互功能如期实现。
-
答案：box-sizing属性决定元素尺寸计算方式，默认content-box不包含内边距和边框，而border-box包含，推荐全局设置border-box以确保布局更直观稳定。
-
函数式编程强调纯函数与不可变性，JavaScript通过高阶函数、函数组合、柯里化支持该范式，推荐使用map、filter、reduce实现声明式编程，提升代码可读性与可维护性。
-
通过JavaScript操作DOM实现HTML表格排序，先构建含数据的表格并绑定点击事件，编写sortTable函数按列索引比较内容（数值或文本）进行升序降序排列，支持动态切换方向，并可通过添加排序箭头图标和aria属性提升交互与可访问性。
-
可通过将HTML文件放入public目录直接访问，或使用iframe嵌入、v-html渲染字符串、路由重定向等方式在Vue项目中集成HTML页面。具体步骤：1.将HTML文件置于public目录，通过根路径访问；2.在组件中用iframe标签引入public下的HTML文件；3.使用v-html指令动态渲染可信的HTML字符串；4.配置VueRouter通过beforeEnter守卫跳转至静态HTML页面，实现路由级集成。
-
:first-child和:last-child伪类选择器用于精准选中父元素下的第一个或最后一个子元素，解决列表和结构化内容边界样式问题。1.它们能有效避免边距堆叠、重复边框等布局问题，如为导航菜单首尾项添加特殊样式或移除额外下边距；2.使用时需确保目标元素是其父元素的直接子元素，否则不会生效；3.与:hover、类选择器等结合使用，可实现动态状态下的精细样式控制，提升交互体验并保持代码简洁。
