-
最常见错误是CSS用.class但HTML漏写class属性;其次混淆后代选择器(空格)与子选择器(>);再者误用:nth-child与:nth-of-type;还有属性选择器值含特殊字符未加引号。
-
JavaScript有7种原始类型和object引用类型;判断真实类型应避免typeof,改用Array.isArray()、Object.prototype.toString.call()等;隐式转换易出错,显式转换推荐String()、Number()、Boolean()。
-
form.reset()最快但仅还原初始值,非真正清空;动态添加字段无效;需手动遍历设空:checkbox/radio设checked=false,select设selectedIndex=0或selected=false,textarea设value=""。
-
HTML5内容嵌入有五种标准方法:一、iframe嵌入独立页面;二、object嵌入文档片段并支持脚本通信;三、embed嵌入多媒体资源;四、JavaScript动态注入HTML5结构;五、ShadowDOM封装隔离组件。
-
lodash不能格式化HTML5日期,因其专注通用操作而不含日期处理模块;正确做法是用原生Date或dayjs解析ISO字符串再格式化。
-
html5play()不是HTML5标准函数,而是第三方SDK自定义方法;其自动播放受浏览器策略限制,需满足用户交互、muted、playsinline等条件才能生效。
-
答案:利用CSS媒体查询结合Flexbox或Grid布局,通过视口元标签、移动优先设计及容器查询等技术,实现表单在横竖屏下的自适应布局与输入体验优化。
-
需用JavaScript监听mousemove/touchmove,归一化鼠标坐标并取反缩放后设为background-position,配合requestAnimationFrame节流和resize重校准,才能实现平滑视差背景效果。
-
Canvas绘制水印图片是最可行方案:先drawImage绘制原图,再用fillText叠加半透明旋转文字,通过globalAlpha、字体、坐标和循环密度控制实现全覆盖水印。
-
用linear-gradient实现按钮背景渐变时,需省略background-color、至少设两个色标、配合background-clip避免露白;radial-gradient宜用百分比定位圆心并设transparent控制光晕;须声明纯色兜底防降级失效,注意多层叠加性能与色觉可访问性。
-
HTML文字大小本身几乎不影响加载速度,所谓“调文字大小后变慢”多因引入未优化WebFont、触发强制同步布局或滥用内联样式所致;应优先用rem/em/clamp()等相对单位控制,避免px硬编码,并通过DevTools定位真实性能瓶颈。
-
使用grid-auto-rows实现响应式行高需结合minmax()、fr单位和媒体查询。1.minmax(80px,auto)设置最小行高并允许内容撑开;2.全屏布局用grid-auto-rows:1fr均分视口高度;3.媒体查询在不同断点调整列数与行高,如大屏3列60px、小屏单列40px;4.内容自适应场景用minmax(120px,max-content)平衡可读性与扩展性,配合flex布局优化卡片内容排列。
-
本文介绍如何在XSLT2.0中准确、高效地将含HTML实体(如ü、À)的文本内容还原为对应Unicode字符,无需手动枚举所有实体,借助成熟的开源HTML解析器实现健壮转换。
-
canvas.toDataURL()导出失败主因是跨域污染,即drawImage跨域图片后canvas被标记为污染状态,导致返回空白或黑图;需用HTTP服务、设置crossOrigin且服务器支持CORS,同时注意DPR适配、格式兼容及Blob内存管理。
-
:first-child在表格中常不生效,因tr父元素是tbody,而tbody内首个tr未必是其第一个子元素;应显式写tbody、用:nth-child(1)或theadtr等更可靠选择器。