-
使用::placeholder伪元素可设置输入框占位符的样式,如颜色和字体大小,需注意浏览器兼容性及透明度问题,建议添加厂商前缀以支持旧版浏览器,同时保证可读性和无障碍设计。
-
直接覆盖框架CSS类名不可靠但最常用;应优先使用框架自定义变量机制,必要时提高选择器权重或谨慎使用!important。
-
formenctype属性用于在特定提交按钮上覆盖父级表单的编码类型。其核心作用是允许不同提交动作使用不同的编码方式,如application/x-www-form-urlencoded(默认,适合文本)、multipart/form-data(用于文件上传)和text/plain(调试用)。使用时需注意仅适用于submit或image类型的input,且需服务器端配合解析。合理使用可提升表单灵活性,避免冗余代码。
-
提示信息需通过高对比背景色(如淡青绿#f0fdf4)、1px细边框、4px圆角、12px上下/16px左右内边距及微阴影(01px2pxrgba(0,0,0,0.05))强化视觉层级与可读性。
-
要使absolute子元素相对某父容器定位,必须给该父元素显式设置position为relative/absolute/fixed/sticky;relative最常用,它不改变文档流却创建新定位上下文。
-
JavaScript通过原型和原型链实现继承,每个函数的prototype指向原型对象,实例通过__proto__链接到构造函数的prototype,形成查找链:实例→构造函数.prototype→Object.prototype→null。示例中Person.prototype添加sayHello方法,p1实例可访问,体现属性共享。原型链查找机制先在对象自身找属性,未果则沿__proto__向上追溯,如p1.__proto__===Person.prototype为true,Person.prototy
-
transition必须作用于transform而非left/top,因transform触发GPU加速且避免重排;需显式声明所有过渡的transform函数,注意执行顺序影响效果,并谨慎使用will-change提示升层。
-
浏览器没有直接的条码扫描API,因为W3C倾向于提供通用能力而非特定应用封装。要实现浏览器内条码扫描,核心步骤是:①通过navigator.mediaDevices.getUserMedia请求摄像头权限并获取视频流;②将视频流绑定到HTML的<video>元素以供用户查看画面;③引入ZXing-JS、QuaggaJS或HTML5-QR-Code等JavaScript库进行实时帧捕获与解码;④在识别成功后处理数据并停止摄像头释放资源。核心技术栈包括HTML5(<video>、<
-
答案:使用AntDesign表单需结合Form、FormItem与栅格系统,通过layout设置布局方式,labelCol和wrapperCol控制标签对齐,Row与Col实现多列响应式排列,配合gutter调整间距,嵌套布局处理复合字段,按钮用offset居右,最终构建适配多端的专业表单界面。
-
box-sizing:border-box未生效最常见原因是选择器权重不足或被更高优先级规则覆盖,如框架样式中含!important;height计算不准常因父容器无高度导致百分比失效,或受flex/grid、transform等影响;需用offsetHeight获取真实总高,注意SSR和隐藏元素限制。
-
必须同时设置playsinline和webkit-playsinline属性,且在HTML中硬编码;需配合controls或用户手势触发requestFullscreen();autoplay必须搭配muted才能生效。
-
用==null可同时判断null和undefined;Number()全匹配转数字,parseInt()和parseFloat()分别截取整数和浮点数;typeof[]返回"object"是历史遗留,应使用Array.isArray();隐式转换易致误判,推荐严格相等和显式转换。
-
HTML5通过内联<svg>标签实现SVG动画,而非<img>引用;需用CSS/JS控制内联SVG的DOM元素,避免SMIL兼容性问题,注意内联、显示状态和容器溢出等上下文陷阱。
-
可通过BlobAPI、FileAPI或FileSystemAccessAPI在HTML5中创建本地文件:BlobAPI生成临时URL触发下载;FileAPI可构造File对象用于上传;FileSystemAccessAPI支持直接读写用户授权的本地文件系统。
-
__proto__指向实例的原型对象,prototype是函数独有的属性;实例方法调用依赖原型链委托查找,如p.sayHi()会依次查找p→Person.prototype→Object.prototype。