-
内联样式通过JavaScript对象设置动态样式，Vue用:style绑定；2.单文件组件<style>标签最常用，React可配合CSSModules；3.外部CSS文件通过import或@import引入；4.CSSModules避免类名冲突，React导入模块使用className={styles.xxx}，Vue用<stylemodule>和$style；5.预处理器如Sass需安装loader，Vue用lang="scss"，React可直接引入.sc
-
CSS的:target伪类用于给URL锚点指向的元素添加样式，实现视觉反馈；2.它通过HTML的ID属性和CSS的section:target规则匹配当前哈希值对应的元素；3.常见应用场景包括目录导航高亮、纯CSS选项卡/手风琴、页面内弹窗、特定内容分享链接高亮；4.可结合JavaScript优化用户体验，如平滑滚动、清除URL哈希、响应式布局适配、动态内容处理；5.使用时需注意浏览器兼容性（老旧IE不支持）、URL哈希与历史记录影响、样式优先级问题、默认滚动行为、可访问性、动态内容ID冲突及性能考量。
-
使用CSSGrid的repeat(auto-fit,minmax())结合gap实现响应式卡片布局，可自动调整列数适配屏幕。grid-template-columns:repeat(auto-fit,minmax(250px,1fr))确保每列最小250px、最大均分剩余空间，auto-fit使有内容的列拉伸填满容器，避免空白；gap设置间距，justify-items控制对齐，max-width限制容器宽度并居中。相比auto-fill，auto-fit更适用于卡片布局，能在项目少时自动扩展卡片宽度，提
-
代码分割是将大体积JS文件拆分为按需加载的小块以提升首屏速度和用户体验。它通过动态import()实现路由级（如React.lazy、Vue异步组件）和功能级（如点击后加载xlsx）分割，并配合SplitChunksPlugin提取公共依赖、prefetch预加载及错误降级处理。
-
ReactNative通过桥接机制实现JS与原生高效通信，核心由JavaScript线程、原生线程和桥接层组成，支持异步序列化调用，需注册原生模块供JS访问，存在性能开销，可通过批量操作、TurboModules、Hermes等优化。
-
H5通过语义化标签、WAI-ARIA整合、多媒体与表单增强显著提升无障碍性：其语义化标签如<nav>、<main>等使屏幕阅读器精准解析结构；WAI-ARIA补充动态组件的语义，实现复杂交互的可访问性；<track>支持字幕与描述，助力听障视障用户获取多媒体内容；表单新增类型与属性优化输入提示与验证，全面提升各类用户的信息获取与操作体验。
-
用max-width:100%配合height:auto可使图片随容器缩放且保持宽高比；它设宽度上限而不强制拉伸，比width:100%更安全，适用于所有img标签，但需父容器有明确宽度。
-
HTML5前端与后台实时交互有五种技术路径：一、WebSocket全双工通信；二、长轮询模拟实时；三、SSE单向推送；四、Ajax轮询同步状态；五、Socket.IO兼容增强方案。
-
HTML5文件需具备标准结构、用现代浏览器打开、通过HTTP服务器运行、验证HTML5支持并排除编码路径错误才能正常渲染。
-
浏览器history对象受安全限制，仅pushState和replaceState可操作历史栈且不刷新页面；pushState插入新条目，replaceState替换当前条目；popstate仅在用户导航时触发；go/back/forward不可靠，不可用于流程控制；history.length不准确，scrollRestoration需早期设置；所有方法要求HTTPS或localhost安全环境。
-
柯里化是将多参数函数转为单参数函数链的技术，通过闭包保存已传参数实现分步调用；如add(1)(2)(3)等价于add(1,2,3)，支持暂停、复用与组合；通用实现依赖fn.length判断参数是否齐备，不足则递归返回新函数。
-
JavaScript页面跳转最直接可靠的方式是操作window.location对象：location.href赋值触发新记录跳转，location.replace()替换当前历史项，location.assign()为冗余方法；需校验URL合法性并编码参数，且跳转后代码仍可能执行。
-
混用fr和px会导致列宽计算冲突：固定单位优先占位，fr仅分配剩余空间；应改用minmax()实现最小固定+弹性延展，如minmax(240px,300px)或clamp(240px,25%,300px)。
-
HSLA是一种通过色相、饱和度、亮度和透明度定义颜色的CSS格式，格式为hsla(h,s%,l%,a)，适用于创建半透明效果。它常用于模态框遮罩、卡片悬停和文本阴影等场景，如hsla(0,0%,0%,0.6)可为文字区域添加半透黑色背景以提升可读性，同时保留底层图像氛围。相比RGBA，HSLA更直观地调整色调，适合动态配色，但需注意文本对比度和浏览器兼容性。
-
navigator.geolocation需HTTPS或localhost、检查支持性、必须传error回调；watchPosition需手动clearWatch防泄漏；enableHighAccuracy耗电且室内无效；拒绝权限后需降级方案。
