-
横屏时flex容器不换向需用宽高比或宽度断点替代orientation查询，检查flex-direction是否被高优先级样式覆盖，确保flex-wrap未锁死换行，并同步调整子项宽度、字体、间距及触摸目标尺寸。
-
本文介绍一种灵活、可复用的JavaScript方法，将数组中特定学科（如Chemistry）的元素均匀插入到其他学科元素之间，使其每3个位置出现一次（即索引2、5、8…），同时保持其余元素顺序不变。
-
高分屏下<img>模糊主因是浏览器用低分辨率图强行拉伸填充CSS像素区域，触发双线性插值致边缘发虚；根本解法是用srcset+sizes让浏览器按设备像素比自动选对图源，并配合image-rendering等CSS控制重采样。
-
jQueryUI是基于jQuery的扩展库，提供日期选择器、对话框、拖放、排序、自动完成等交互组件，支持动画效果与ThemeRoller主题定制，适用于快速构建前端界面，常见于传统Web项目。
-
节流防的是高频事件导致的页面卡顿、重排频繁和CPU飙升；它通过限制回调函数固定间隔最多执行一次来优化性能，支持leading（首次立即执行）和trailing（结束补发）控制。
-
Bootstrap5默认不支持多级下拉菜单，因JS仅处理一级子菜单且无默认CSS；需用:hover纯CSS实现桌面端二级展开，或结合JS+aria属性确保移动端与无障碍兼容。
-
1.事件循环非阻塞的核心在于将耗时I/O操作委托给操作系统或线程池处理，主线程继续执行其他任务；2.它通过调用栈执行同步代码、WebAPI处理异步任务、任务队列（宏任务）和微任务队列调度回调，实现逻辑并发；3.同步代码若长时间运行会阻塞事件循环，导致界面无响应、定时器延迟、回调无法执行；4.Node.js与浏览器事件循环均基于单线程和异步I/O，但Node.js使用libuv处理I/O、特有setImmediate和process.nextTick，且无UI渲染，而浏览器需处理用户交互和页面更新。
-
bind方法创建新函数并永久绑定指定this值和预设参数；调用func.bind(obj)后，新函数无论在哪执行this始终为obj；支持预设前置参数实现柯里化，如func.bind(null,'a','b')调用时自动前置；新函数不可用new调用，无prototype，length为原函数形参减已绑定数。
-
用定义多行文本框HTML里唯一原生支持多行输入的表单控件就是，不是，也不是div+contenteditable——后两者都不算语义化、不可访问、提交行为不可靠。它默认可换行、可滚动、可调整大小，且天然支持表单序列化（submit时自动带值）。name属性必须加，否则提交时这个字段不会出现在表单数据里不要用value设置初始内容，应该把文本写在内容标签体内如果服务端返回带换行的字符串（比如\n），直接插进标签体即可，浏览器会正确渲染为多行rows和c
-
media="print"样式未生效的主因是media属性拼写错误、未进入打印预览验证、或被更高优先级样式覆盖；需确保media="print"严格书写、通过打印预览调试、合理使用!important或@media内联规则。
-
最稳妥方案是overflow-x:auto+white-space:nowrap+position:relative，箭头用::after绝对定位于内容末尾，通过JS监听scrollLeft动态控制显隐，SVG内联实现高保真与可访问性。
-
<p>能，但需正确使用HTML属性作为JS交互契约：data-*提供安全钩子；disabled/checked等布尔属性须区分attribute与property；formaction等可减少冗余JS绑定。</p>
-
直接改.navbar类的background-color无效，因Bootstrapv5+默认用!important或嵌套在.navbar-dark/.navbar-light下；需提高权重、用CSS变量（如--bs-navbar-bg）、或精准选择器覆盖。
-
验证码必须在后端生成，前端仅展示和提交；后端需将明文存入session或Redis并返回captchaId，校验后立即销毁，Canvas绘制时注重干扰而非复杂度，图片URL须加时间戳防缓存，刷新验证码需前后端同步更新ID与值。
-
<inputtype="email">不会自动修正邮箱格式，仅做基础结构校验；高频错误如“gmil.com”需用JS在blur时针对性修正，并同步更新mailto链接。
