-
HTML本身不能CDN加速,需将script/link/img等外部资源替换为CDN域名URL;通过浏览器Network面板检查RequestURL是否为CDN地址及响应头x-cache等字段验证是否命中CDN。
-
三位十六进制颜色无浏览器解析歧义,所有现代浏览器均将#rgb统一展开为#rrggbb;仅当RR、GG、BB各自成对相同时才可安全缩写,如#ff6600→#f60,而#fe0123不可缩,误缩会导致色值偏差。
-
:read-only和:read-write伪类仅响应HTML的readonly属性(非JS属性),仅对input/textarea原生生效,contenteditable需验证,disabled元素不匹配;:read-only元素仍可聚焦和提交,而:disabled彻底禁用交互;IE和旧Safari不支持,需@supports或属性选择器兜底。
-
原生Set没有symmetricDifference是因ES2015设计时为避免API膨胀而刻意省略,需手动实现;可靠写法是遍历两集合分别添加对方不含的元素,返回新Set,兼容任意可迭代对象且基于SameValueZero比较。
-
原生<dialog>默认不渲染,必须用showModal()或show()激活;仅设open属性可初始显示,但showModal()才启用遮罩、ESC关闭和焦点锁定。
-
解析HTML需用专用工具:一、Python的BeautifulSoup(易用,容错强);二、JavaScript的DOMParser(前端原生);三、Python的lxml(速度快,支持XPath);四、Node.js的jsdom(服务端模拟DOM);五、命令行htmlq(轻量,CSS选择器提取)。
-
HTML无法直接插入功能完整的在线预约日历,必须依赖FullCalendar等JS库配合后端API实现交互;iframe嵌入虽纯HTML但高度受限,核心逻辑如数据管理、冲突校验、通知等均需后端支撑。
-
通过CSS的transform和transition实现图片悬停平滑放大,首先设置图片默认样式并添加过渡效果,再利用:hover伪类改变scale值,配合overflow:hidden和object-fit:cover优化布局与显示。
-
构造函数内定义方法会为每个实例创建独立闭包,导致内存重复占用;应改用原型方法或延迟绑定。
-
readonly属性允许表单提交其值,disabled属性则阻止提交;前者适用于需保留值的只读展示(如用户ID),后者适用于临时禁用且不提交的控件(如未同意协议时的提交按钮)。
-
absolute子菜单总飘左上角是因为父级未设position:relative;它相对于最近非static祖先定位,若无则贴body;须确保直接父容器(如li.menu-item)设relative,且DOM无缝隙、交互全覆盖。
-
ReactTablev8中表格不渲染通常由列定义属性名错误导致:accessor应为accessorKey,Header应为header(大小写敏感),二者任一错误都会使表头和单元格内容静默失效。
-
图片默认换行源于其inline特性,解决核心是控制布局上下文:优先用inline-block、flex(推荐)或table-cell方案,并约束尺寸与错误状态。
-
滚动监听不卡,但回调中查DOM、改样式、发请求必卡;应仅做最轻操作,优先用CSSsticky实现吸顶,懒加载用IntersectionObserver,必须用scroll时加passive和requestAnimationFrame节流。
-
CSSlinear()是专为分段线性缓动设计的新函数,非linear关键字替代品;需Chrome113+/Firefox115+/Safari16.4+支持,参数须单调递增且在0–1内,仅可用于transition-timing-function或动画属性级animation-timing-function,不可用于@keyframes内部。