-
WebAuthn是W3C标准，通过浏览器委托操作系统完成指纹、人脸等生物验证，JavaScript仅发起请求并处理结果，不接触原始生物数据；注册调用create()，登录调用get()，需服务端配合校验，且依赖HTTPS和系统级生物认证配置。
-
首先实现响应式按钮基础样式，使用相对单位和弹性布局确保跨设备兼容；接着通过:hover添加平滑悬停效果，包括背景色变化、阴影和上移动画；再利用:active定义点击时的下压反馈，增强操作感知；最后优化触控体验，保证按钮尺寸适合手指点击，并避免依赖悬停显示关键信息。整个过程依托CSS过渡与伪类，提升交互流畅度与用户满意度。
-
通过监听deviceorientation事件获取alpha、beta、gamma三个角度值，可实现设备方向检测，需处理权限请求与兼容性问题，并应用于游戏、全景浏览等场景。
-
处理HTML在低版本Android浏览器中的兼容问题需要检测浏览器版本并采取相应措施。首先，使用JavaScript检测用户代理字符串判断是否为低版本Android浏览器；其次，针对CSS兼容问题使用CSSHack提供备选样式；最后，对于JavaScript功能，使用功能检测确保代码在所有环境下运行。
-
HTML5原生<video>标签可跨设备播放视频，需设置width/height、controls属性，嵌套多个<source>提供MP4/WebM/Ogg格式，添加muted+autoplay实现静音自动播放，并通过CSS和JavaScript实现响应式与自定义控制。
-
掌握HTML5需五步：一、熟记语义化标签及标准结构；二、结合CSS3实现响应式布局；三、动手调用本地存储、音视频、Canvas等API；四、用开发者工具实时验证；五、构建最小可运行示例闭环验证。
-
使用word-break可解决标题过长导致的布局错乱问题，通过设置break-all等值控制换行行为，避免文本溢出容器。
-
设置OpenGraph标签可优化网页在社交媒体的分享预览效果，核心是通过在HTML的<head>中添加og:title、og:description、og:image、og:url、og:type等meta标签，主动向社交平台提供标题、描述、图片等信息，避免抓取混乱。同时建议配置TwitterCard标签以适配不同平台，使用FacebookSharingDebugger等工具验证并清除缓存确保生效，注意图片尺寸（推荐1200×630）、URL规范性和内容同步更新，提升点击率与传播效果。
-
要实现分页导航中当前页的样式控制，可通过CSS选择器精准选中元素并设置区别性样式。常见方法包括：1.在HTML中为当前页链接添加.current类，再通过CSS定义其样式；2.若无法修改HTML，可使用属性选择器如a[aria-current="page"]或伪类选择器:is()/:where()来匹配目标元素；3.为避免样式被覆盖，可提高选择器优先级，如使用更具体的选择器或在样式表末尾定义规则。此外，还需结合字体、背景等多维度区分当前页，并注意移动端识别性和兼容性问题。
-
使用数值（如400、700）比normal/bold等关键词更可靠，因后者依赖字体是否真实提供对应字重；未匹配时浏览器会模拟加粗或倾斜，导致模糊或失真。
-
::first-letter伪类可实现首字下沉，需作用于块级元素且首字符为可见符号；常用float、font-size、line-height等属性控制效果，兼容现代浏览器，中文同样适用。
-
Flexbox容器内文字不会自动随容器缩放，必须通过clamp()配合容器查询或ResizeObserver实现响应式字号。
-
严格模式通过显式报错暴露隐患：未声明变量赋值、undefined调用方法、重复参数名、只读属性赋值、with语句均抛出错误；需用"usestrict"双引号置于顶部或函数首行启用。
-
JavaScript装饰器是声明式增强类及成员的语法糖，属TC39Stage3提案，需Babel或TypeScript编译；本质为接收target/propertyKey/descriptor（方法）或constructor（类）的函数，用于日志、校验、响应式等横切逻辑。
-
答案：:nth-child(an+b)可按周期a和偏移b为元素设置循环样式，如3n+1选第1、4、7…项，常用于隔行变色；需注意同级子元素计数受其他标签影响，可用:nth-of-type或结合类名提高准确性。
