-
猎豹浏览器无HTML5试验特性开关，其Chromium内核陈旧（49–62），HTML5支持残缺；需通过about:version查版本、脚本检测真实能力，并用服务端响应头与前端UA检测兜底兼容方案。
-
:hover本身不触发滑动，真正实现平滑滑动的是transition属性，需配合transform等可动画属性，并在默认状态定义transition才能生效。
-
VSCode中HTML开发环境需配置五项功能：一、安装Microsoft官方HTML插件；二、在settings.json中配置emmet.includeLanguages启用Emmet；三、安装LiveServer实现自动刷新预览；四、通过html.json自定义代码片段；五、安装HTMLHint并配置.htmlhintrc进行语法校验。
-
用CSS伪元素画三角形的核心原理是：宽高为0时，通过设置三边透明、一边有色的边框，利用边框交界处的斜角视觉错觉形成三角形；口诀为向上用border-bottom、向下用border-top、向左用border-right、向右用border-left。
-
使用HTML5的video标签可直接在网页播放本地视频，需正确设置src路径并添加controls属性以启用播放控制，推荐通过本地服务器运行避免加载问题。
-
JavaScript图表绘制必须依赖第三方库，因Canvas/SVG手动画需处理坐标换算、响应式、交互等维护黑洞；主流库中Chart.js轻量适合静态报表，ApexCharts动画好但SSR弱，ECharts功能全但体积大。
-
本文详解Bootstrap登录页高度不足、仅占屏幕一半的常见原因，通过修正.sidenav与.main的宽度/定位逻辑，并补充垂直居中与响应式优化，实现真正全屏适配。
-
答案：通过CSS的:hover与transition结合控制max-height或opacity，实现下拉菜单的平滑展开与收起。1.HTML构建菜单结构；2.CSS中用max-height过渡实现高度动画，避免直接过渡display；3.替代方案使用opacity和visibility实现淡入淡出；4.transition需定义在常态样式，配合ease-in-out等缓动函数优化体验，兼顾移动端交互适配。
-
无法直接对HTML画中画（PiP）原生控件进行样式化，因为浏览器出于安全、用户体验一致性和技术实现复杂性的考虑，严格限制了对系统级UI元素的样式控制，尤其是画中画窗口本身不属于网页DOM结构，导致CSS无法直接作用于其内部控件；真正的解决方案是构建自定义视频播放器UI，通过JavaScript调用requestPictureInPicture()和exitPictureInPicture()方法来控制画中画状态，并结合自定义按钮和样式实现完全可控的视觉效果；而:pseudo-classpicture-in
-
掌握text-align、line-height和letter-spacing可提升网页文本可读性与美观；text-align控制对齐方式，line-height调节行间距改善阅读节奏，letter-spacing微调字间距优化视觉效果。
-
vertical-align用于控制inline或inline-block元素的垂直对齐，常见取值有baseline、top、middle等，适用于图片与文本对齐、表单布局等场景，需注意其仅对行内元素有效且受line-height影响。
-
百度地图JSAPI必须通过HTTPS或本地服务器（如LiveServer）运行，禁用file://协议；须使用BMapGL.Map而非BMap.Map；定位需手动调用Geolocation并处理权限；AK须在script标签中携带且域名须在控制台白名单备案。
-
XSS攻击分为反射型、存储型和DOM型三类，防范需输出转义、CSP策略、安全API及前后端协同；现代框架默认转义可降低风险，但非万能，仍需警惕非受控数据源。
-
在React中，无需为每个子组件单独声明状态变量；可通过数组或对象统一管理子组件状态，并由父组件提供带索引/ID参数的更新函数实现精准控制。
-
JavaScript模块化是项目超300行、多人协作或需复用时的必然选择；不模块化会导致var冲突、加载顺序错乱、全局污染覆盖、调试困难等问题，应使用type="module"和import()/export，避免无声明赋值与动态require。
