-
能，但需HTTPS安全上下文且必须用户手势触发（如click），否则静默失败；iOSSafari16.4+和AndroidChrome76+支持，旧版iOS不支持navigator.share；url须为同源或HTTPS绝对路径，fallback应降级为复制链接或跳转平台分享URL。
-
Panel是Python库，不能直接在纯HTML中使用，必须通过panelserve等后端服务运行，导出的静态HTML会丢失所有交互功能，嵌入网页推荐iframe或反向代理。
-
mask-image失效主因是三方面：需检查图片加载与CORS、元素必须有可绘制内容、Firefox要求SVGmask内fill明确；渐变蒙版须用luminance模式并避免rgba；clip-path优先于mask-image执行。
-
嵌套路由面包屑点击回退需还原完整路由状态，包括参数、查询、滚动及子模块状态；每项应为可恢复的“路由快照”，通过meta.breadcrumb标识层级，结合matched截取、参数继承、query过滤与router.replace实现精准复原，并配合keep-alive动态key与权限守卫处理异常场景。
-
按钮定位不稳的三大主因是父级未设position:relative导致脱离文档流、top/left写死像素值破坏响应式、z-index因层叠上下文失效；需配合显式图片宽高预留空间。
-
面包屑导航必须用<nav>包裹并设aria-label="Breadcrumb"，内部用<ol>表达层级顺序，上级页用链接，当前页用或<span>标记。
-
JavaScript字符串处理需区分UTF-16编码单元与Unicode码点，ES6起提供codePointAt、fromCodePoint、扩展运算符及u标志正则等码点级API，确保正确遍历、截取和匹配。
-
流式SSR的核心难点在于保障hydration稳定、避免数据重复请求、确保错误边界有效。React18的renderToPipeableStream是唯一可靠方案，需搭配hydrateRoot、组件级数据预取、精准脚本注入与分层ErrorBoundary。
-
使用objectStore.add()插入新记录需确保数据库已打开、事务为readwrite模式、正确获取objectStore，并传入符合键路径（keyPath）、自增（autoIncrement）或显式键要求的数据；成功返回主键，冲突触发ConstraintError。
-
纯HTML实现返回顶部需用<ahref="#top">指向带id="top"的顶部元素（不可设在<body>），配合html{scroll-behavior:smooth}启用平滑滚动，固定按钮需设z-index≥100并处理iOS兼容性；JS仅在路由、IE兼容或动态偏移时必要。
-
使用:not(:last-child)可选中除最后一个子元素外的所有同级元素，常用于为列表项添加分隔线或间距时排除末尾元素；例如li:not(:last-child){border-bottom:1pxsolid#ccc;}可为每个列表项下方加边框，但最后一项不加，使界面更整洁。该选择器基于父元素中的位置判断，若需按标签类型排除末项，应改用:not(:last-of-type)。
-
clamp()在margin/padding中按最小值、首选值（需用vmin等可伸缩单位）、最大值线性插值，非自动响应；需设合理上下限、避免单位混用、提供fallback、统一基准并抽离为CSS变量以保维护性。
-
现代浏览器统一支持::placeholder伪元素，但需注意仅对可编辑表单控件生效、必须双冒号、不可继承color；Safari旧版需::-webkit-input-placeholder；IE10–11需::-ms-input-placeholder；优先级和继承差异是常见问题。
-
图片路径须用相对路径或网络地址，禁用本地绝对路径；alt属性必填且需准确描述内容；通过浏览器控制台404报错可快速定位路径错误。
-
Less中calc()无法实现响应式图片裁剪，因编译时静态求值且不支持运行时尺寸计算；应使用变量+媒体查询预设padding-top或aspect-ratio，并避免用小数形式aspect-ratio。
