-
gutter是CSS框架中用于管理列间距的封装属性，gap是原生CSS属性；Bootstrap用负margin实现gutter，Tailwind直接使用gap，两者均确保布局对齐与响应式精度。
-
Chrome禁用JS后页面仍可交互，因disabled属性、:hover伪类和原生表单验证不受影响；禁用JS仅使fetch、addEventListener等脚本逻辑失效，而DOM结构、CSS响应和部分HTML行为照常运行。
-
应使用sr-only类实现视觉隐藏但保留可访问性，其通过绝对定位、尺寸归零、溢出裁剪等组合样式确保屏幕阅读器可读；禁用display:none或visibility:hidden；响应式解除需重置所有sr-only属性；慎用于交互元素，并须经AccessibilityTree和VoiceOver等多端测试验证。
-
本文详解如何通过按钮点击触发CSS动画，使用JavaScript控制class切换配合transition实现平滑过渡效果，无需依赖keyframes，兼顾简洁性与可维护性。
-
虚拟DOM是用JavaScript对象模拟真实DOM的轻量层，避免频繁重排重绘，支持批量更新与跨平台；React.createElement等返回虚拟DOM对象，diff算法仅同层级同type比较，key用于标识可复用节点，列表渲染须用稳定唯一key。
-
transition不生效于position属性本身，因position是离散值；应使用transform或top/left等可插值属性实现位移过渡，其中transform更高性能；display和visibility不支持transition，需用opacity与transform组合实现显隐动画。
-
React中<buttontype="submit">无法触发表单onSubmit，往往并非语法错误，而是外层DOM元素意外调用了event.preventDefault()，导致表单提交事件被静默拦截——包括点击按钮和回车提交两种方式。
-
答案是调试第三方库需通过复现隔离、查阅文档、分析堆栈、使用调试器和日志等手段定位问题，针对无源码库可采用反编译、抓包、行为分析等方式，当问题严重、社区活跃且具备修复能力时，应贡献代码而非仅用临时方案。
-
Vue响应式系统核心是数据劫持+依赖收集+派发更新：通过Object.defineProperty（Vue2）或Proxy（Vue3）拦截读写，在getter中收集依赖（Watcher），setter中通知更新，配合异步队列实现高效视图刷新。
-
提升HTML下拉菜单的响应速度可通过避免不必要的JavaScript计算、减少DOM操作、优化图片资源实现；使用CSS过渡效果可为opacity、height、transform等属性添加平滑动画；处理移动设备兼容性需采用触摸事件、避免hover伪类、确保按钮足够大并正确设置viewport；解决遮挡问题可通过z-index、滚动条、遮罩层及反向展开实现；提升可访问性需使用ARIA属性如role、aria-haspopup、aria-expanded、aria-label；除opacity和height外
-
calc()中rem与vw不可混用，因单位基准不同；应统一为px+vw或仅用单一单位，并配合媒体查询、viewport标签、line-height固定及IE降级处理。
-
本文介绍在CreateReactApp中安全检测动态全局变量是否存在的专业方法，解决ESLint因未声明全局变量而报错的问题，涵盖typeof检测、window显式访问、ESLint配置优化及最佳实践。
-
iOSSafari不能稳定准确运行前端人脸识别——受限于WebAssembly和JS高负载限制，实际落地需“前端采集+后端识别”；活体检测依赖微信X5内核优化或服务端处理。
-
Backstage升级后因配置Schema校验失败导致yarndev启动报错（如Invalidconfigurationschemain@backstage/plugin-proxy-backend/config.d.ts），本质是插件类型定义与新版@backstage/config-loader不兼容，可通过统一版本升级解决。
-
最直接、语义最清晰的解法是li:not(:last-child){border-bottom:1pxsolid#eee;}，它精准排除最后一个li，兼容IE9+，不误伤嵌套结构，且动态增删时自动生效。
