-
HTML5长文档内置搜索可通过四种方法实现：一、原生DOM操作高亮关键词；二、contenteditable配合window.find()定位；三、引入mark.js库专业高亮；四、CSS优化交互与样式。
-
表单跳转失败主因是action路径错误、input缺少name属性、method语义错配。action必须写对绝对或相对路径；所有提交字段需设name；登录等操作用post，搜索用get。
-
gulp-sass编译失败因未安装sass：需npminstallsass--save-dev；autoprefixer失效因缺少.browserslistrc；watch不触发因通配符错误或编辑器删文件；sourcemap不可见因路径错或插件冲突。
-
Intl仅负责格式化（日期、数字、货币、排序），不处理翻译；需自行管理翻译资源，并结合Intl.Locale等API实现本地化渲染。
-
用linear-gradient替代空src做图片占位可避免空白闪；推荐45deg细网格渐变配background-size:20px20px；动画用opacity脉冲而非transform；懒加载图片需IntersectionObserver控制动画启停；注意object-fit与背景尺寸错位问题。
-
严格模式是JavaScript更严格的执行环境，启用后将静默失败转为报错，如未声明变量赋值、重复参数名等；可通过函数级或脚本级两种方式启用，且模块自动启用。
-
CSS样式表的顺序直接影响渲染结果，后定义的样式在特异性相同情况下会覆盖先前规则。外部样式表按引入顺序层叠，后加载的文件优先级更高。内部与内联样式的位置也影响渲染，建议按重置、通用、自定义顺序排列。尽管顺序重要，但高特异性选择器（如id）仍优先于低特异性规则，合理控制顺序可减少冲突并提升维护性。
-
用<img>插入图片需确保src路径正确（优先相对路径）、alt描述准确必要、onerror处理加载失败、srcset/sizes实现响应式，四者缺一不可。
-
移动端CSS动画不触发或卡顿主因是浏览器降级渲染：禁用非transform/opacity属性动画、裁剪合成层、隐藏状态跳帧等；raf在微信iOS版存在后台切回后失效bug；Canvas需适配DPR；SVGSMIL动画iOS已移除。
-
答案：JS通过GeolocationAPI实现定位，核心为navigator.geolocation对象的getCurrentPosition()和watchPosition()方法，需用户授权，结合GPS、Wi-Fi、IP等多源数据，精度受设备、环境、网络等因素影响，需处理权限拒绝与失败情况，并可辅以IP定位或地图API等进阶方案。
-
使用position:relative可使元素相对于原位置偏移，通过top、left等属性调整位置，保留原有空间，常用于微调或作为绝对定位的参考容器。
-
HTML原生color输入框轻量但受限，仅支持#rrggbb格式且无透明度；HSL滑块可控性强但缺色盘直观性；CanvasHSV色盘最专业但开发成本高；表单集成需处理初始值、重置同步与无障碍。
-
HTML5不提供账户锁定机制，锁定由前端JS或后端逻辑实现；需通过开发者工具Network面板判断请求是否发出及响应状态，据此区分前端刷新解除或后端等待/验证码/管理员干预解锁。
-
inline-block卡片错位是因换行符/空格被渲染为约4px间隙，解决法有父容器font-size:0、删空白或改用flex；flex布局更可靠，支持gap、自动换行及响应式，IE11需兼容写法。
-
使用TailwindCSS的Flex和Gap工具类，可以快速构建灵活、响应式的布局，无需写任何自定义CSS。核心在于利用flex容器和gap间距类来控制子元素的排列与间隔。启用Flex布局通过flex类将一个元素变为弹性容器。默认主轴为横向（row），你可以根据需要调整方向。常见用法：flex：创建行内弹性容器flex-col：纵向排列子元素flex-wrap：允许换行justify-center：主轴居中对齐items-center
