-
IE8不支持oninput,必须用onpropertychange替代,但需过滤propertyName、防递归触发、处理disabled失效及JS赋值场景,contenteditable和textarea需轮询兜底。
-
MediaQuery是CSS3根据设备特性应用不同样式的机制,核心语法为@mediascreenand(条件){样式规则},常用min-width和max-width设置断点;推荐移动优先策略,先定义小屏样式,再逐步增强大屏体验,结合HTML的link标签可控制外部CSS文件的条件加载,提升性能与维护性。
-
required属性通过浏览器内置验证提升用户体验和数据质量,1.确保必填字段不为空,2.提供即时反馈减少用户挫败感,3.过滤基础无效数据提高数据完整性。但仅依赖该属性并不安全,1.客户端验证易被绕过,2.无法阻止恶意请求,3.必须配合服务器端验证。结合JavaScript可实现更高级验证,1.自定义错误提示信息,2.动态条件验证,3.实时输入反馈增强用户体验。
-
JavaScript数组方法的核心在于理解返回值类型、是否修改原数组及遍历时机;sort、reverse、splice、fill、copyWithin会意外修改原数组。
-
JavaScript创建自定义事件需用CustomEvent构造函数定义类型与detail数据,并调用dispatchEvent在目标元素触发;监听时用addEventListener,通过event.detail获取数据。
-
1.事件循环非阻塞的核心在于将耗时I/O操作委托给操作系统或线程池处理,主线程继续执行其他任务;2.它通过调用栈执行同步代码、WebAPI处理异步任务、任务队列(宏任务)和微任务队列调度回调,实现逻辑并发;3.同步代码若长时间运行会阻塞事件循环,导致界面无响应、定时器延迟、回调无法执行;4.Node.js与浏览器事件循环均基于单线程和异步I/O,但Node.js使用libuv处理I/O、特有setImmediate和process.nextTick,且无UI渲染,而浏览器需处理用户交互和页面更新。
-
使用浏览器“另存为”功能可保存网页为HTM格式,选择“网页,仅HTML”适合保留文字结构,但可能缺失图片;2.选择“网页,全部”则同时生成HTM文件和资源文件夹,确保离线完整显示;3.开发者工具可手动复制HTML代码保存为HTM文件,适用于提取特定内容;4.第三方工具如HTTrack或WebCopy支持批量下载整个网站,自动处理资源路径,适合大型内容归档。日常推荐使用“另存为”并注意保留同名文件夹以确保页面正常显示。
-
CSS-in-JS本身不提供实时计算CSS属性的运行时引擎,其“动态性”本质是将JS计算能力暴露给样式层;关键在于合理组织props、状态与样式函数的调用链,避免在样式插值中触发Hook、耗时操作或强制同步回流。
-
@starting-style是CSS动画起始状态声明机制,需配合同名@keyframes和animation使用,仅Chromium114+实验性支持,必须启用实验标志,不兼容Firefox/Safari,不可用于transition,非生产就绪。
-
必须用MiniCssExtractPlugin替换style-loader才能提取独立CSS文件,生产环境启用splitChunks配置cacheGroups实现公共样式合并,Vite默认支持自动CSS分割无需手动配置。
-
可用异步生成器配合事件流实现“边触发、边处理、边产出”的异步数组遍历:定义asyncfunction*,每次await事件后yield当前元素,用forawait...of消费;或手动调度next()与Promise;或基于ReadableStream构建带事件依赖的pull机制,注意清理监听器、错误处理与边界控制。
-
RSC是React生态定义的协议层,非HTML规范一部分;服务器生成RSCPayload(如$1{...}指令流),通过multipart/mixed响应传输,由客户端React运行时解析并构建DOM,HTML仅作为最终宿主容器承载渲染结果。
-
HTML5不支持RTSP,需转为HLS或WebRTC;HLS由浏览器提供进度条但延迟高,WebRTC需自定义进度条,通过时间戳对齐与服务端seek实现,注意音视频同步和缓冲管理。
-
Blob是JavaScript中表示不可变原始二进制数据的内置对象,是二进制数据容器,可由字符串、ArrayBuffer等创建,File是其子类;需用newBlob([data])构造,读取依赖异步方法如text()或arrayBuffer(),下载时常用URL.createObjectURL()生成临时链接。
-
纯HTML星级评分需用5个同name的radio按钮+对应label,input必须前置且隐藏(clip而非display:none),label紧随其后以支持:checked+label样式联动及可访问性。