-
figure和figcaption是HTML5规定的语义组合：figure表示独立内容单元，figcaption必须为其首个或最后一个子元素，用于描述该内容；二者共同构成可访问、可索引的图文关联结构。
-
旧版安卓WebView中inline-block元素间间隙源于空白字符被渲染为文本节点，产生约4px不可见行框；font-size:0作用于父容器可消除该间隙，但需重置子元素字体且不适用于含真实文字的场景。
-
纯CSS可实现阶梯式逐项入场动画，需用@keyframes+animation而非transition；SCSS的@for简化延迟计算，但动态列表需JS或CSS变量配合；起始状态须设transform:translateY(20px)opacity:0并配合overflow:hidden确保阶梯感。
-
MutationObserver默认不监听任何变化，必须手动配置、启动并指定真实DOM节点；监听class/style需用setAttribute而非直接赋值；监听文本需同时设subtree、characterData为true；React/Vue中应监听稳定父容器并及时disconnect。
-
用<divrole="alert">实现语义化顶部警告横幅，配合position:fixed;top:0;width:100%;z-index:1000;和display:flex;align-items:center;布局，关闭时应调用element.remove()并处理焦点与可访问性。
-
Vue3的<scriptsetup>中，useRouter和useStore（Pinia/Vuex）可直接调用实现路由与状态管理；useRouter用于导航和获取路由实例，当前路由需用useRoute；Pinia的useStore返回响应式store，Vuex的useStore需配合computed保持响应式。
-
使用position:fixed和transition可创建平滑动画的固定弹出框。1.用position:fixed将弹出框固定在视口，配合top、left和transform居中，z-index确保层级，叠加遮罩层；2.通过opacity、visibility和transform设置初始状态，利用transition定义动画效果，添加active类触发动画；3.使用JavaScript切换类名控制显隐，可监听transitionend事件优化移除时机；4.注意避免overflow裁剪、移动端兼容性问题，
-
HTML5图标显示异常可因路径错误、引用不当或字体未加载，解决方法包括：一、用iconfont类名引用；二、用Unicode字符引用；三、用img标签引用位图；四、内联SVG图标；五、预加载字体文件。
-
JavaScript通过style属性、classList和getComputedStyle等API动态控制CSS样式：直接修改element.style适用于简单内联样式；推荐用classList切换预定义CSS类；getComputedStyle用于读取最终渲染样式。
-
HTML压缩必须跳过<pre>、<textarea>、<script>、<style>标签内容，否则破坏缩进与功能；webpack中html-webpack-pluginv5+需显式配置minify对象而非布尔值；兼容旧IE需保留属性引号；collapseBooleanAttributes慎开；中文注释乱码需确保UTF-8编码并谨慎处理removeComments。
-
JavaScript类中this绑定丢失的本质是方法脱离obj.method()点调用形式，导致脱离实例上下文；常见于事件监听、异步回调、解构赋值及继承引用场景，推荐用类字段箭头函数、显式bind或箭头包装防御。
-
CSS颜色值必须写为无引号的连续十六进制，如#ff6b35；#RGB简写仅当每位重复时有效（如#abc→#aabbcc）；透明度需用rgba()或#RRGGBBAA（八位），禁用空格与换行。
-
HTML通过结构化与可视化手段促进数据文化落地，1.利用语义化标签和图表容器实现数据透明展示；2.创建交互式培训页面提升员工数据素养；3.集成多系统数据视图推动跨部门协同；4.内置反馈机制建立数据使用闭环，强化参与感与信任度。
-
navigator.clipboard.read读不到图片和HTML是因为浏览器默认仅支持text/plain，其他类型需显式申请clipboard-read权限并用户授权；API返回ClipboardItem列表，须手动调用getType()解析，且各浏览器兼容性差异大（Chrome/Edge支持较全，Safari不支持图片，Firefox不支持read）。
-
JavaScript交互关键在DOM操作、事件响应、异步行为三链条：确保元素存在再操作，用addEventListener动态绑定事件，fetch需手动检查res.ok并捕获异常。
