-
HTML5<video>标签本身无硬性文件大小限制，但实际播放能力受浏览器、设备内存、网络带宽及视频编码方式共同制约；500MB视频无法播放通常源于加载策略不当或未启用流式传输，而非标签本身限制。
-
:disabled样式失效主因是CSS优先级被覆盖，应通过提升选择器权重（如类+伪类组合）、检查开发者工具中规则是否被划掉或未匹配、避免框架默认样式干扰来解决，慎用!important。
-
通用兄弟选择器~可选中同一父元素内A之后所有同级B元素，解决传统相邻选择器无法跨节点样式联动的难题，适用于表单提示控制、radio内容切换等场景。
-
响应式设计依赖CSS媒体查询、弹性布局单位和现代布局技术，通过设置viewport元标签、使用Flexbox/Grid布局、响应式图片及rem/vw等单位，使网页在不同设备上自适应显示，提升用户体验。
-
使用grid-auto-rows和minmax()可统一CSS网格行高，避免错位。通过grid-auto-rows设置固定行高或结合minmax()定义最小高度与自适应扩展，实现内容适配与视觉整齐；再配合grid-template-rows可对前几行单独设定，其余行按规则自动生成，提升布局灵活性与一致性。
-
本文讲解如何在动态创建多个书本容器（div）后，通过表单提交为每个新书本单独添加标题，避免重复赋值导致旧标题被覆盖的问题，核心是利用逻辑或赋值（||=）或空值判断实现“仅首次赋值”。
-
JavaScript中的类与继承通过ES6的class和extends实现，本质基于原型链。1.class是构造函数的语法糖，方法挂载于prototype；2.extends建立子类与父类的原型连接，super调用父类构造；3.静态方法属类本身，私有字段以#开头限定访问；4.所有实例共享原型方法，继承通过__proto__向上查找。掌握语法与原型机制可提升代码可维护性。
-
本文详解如何使用JavaScript将字符串中每个单词的首字母转为大写，并正确拼接回原格式的句子，重点解决join()方法调用后未返回导致结果仍为数组的常见错误。
-
404错误页面应采用HTML5语义化结构、响应式设计、多路径跳转、无障碍支持及离线缓存五方面构建：使用DOCTYPE、header/main/footer标签；CSS3动画与Canvas粒子效果；动态生成返回首页、博客、搜索及上一页按钮；aria-live与sr-only强化可访问性；ServiceWorker缓存静态资源并保障无JS可用性。
-
本文详解如何在ES模块环境中正确初始化并导出GoogleMaps实例，解决因googleisnotdefined和initMapisnotafunction导致的控制台报错，核心在于避免静态script加载冲突，改用动态注入+全局挂载方式。
-
iOSWebView中HTML5filter不生效的核心原因是视频未进入可播放状态且未挂载到DOM，需确保video已调用play()、尺寸非零、非隐藏，并使用标准filter属性而非webkitFilter。
-
SpringBoot运行HTML需区分静态与动态页面：静态文件放src/main/resources/static目录，直接访问路径即可；动态页面需引入Thymeleaf依赖，HTML文件置于templates目录，通过@Controller映射路径返回模板名，结合SpringBoot内嵌服务器访问。配置正确后，默认启动8080端口，可自定义端口于application.properties。结构清晰，静态用static，动态配Controller+templates。
-
事件委托基于事件冒泡机制，将事件监听器绑定到父元素以管理子元素事件。1.事件在DOM中经历捕获、目标和冒泡三个阶段，默认在冒泡阶段执行；2.通过addEventListener第三个参数控制阶段（true为捕获，false为冒泡）；3.事件委托利用冒泡特性，由祖先元素统一处理子元素事件，减少监听器数量；4.示例中为父元素绑定click事件，通过e.target识别具体按钮；5.适用于动态内容或大量子元素场景，如列表、菜单；6.注意并非所有事件都冒泡（如focus、blur），可使用focusin/focu
-
play命令不支持变速，必须用sox配合speed、tempo或rate效果器；speed保持音高仅调速，tempo适合有节拍音频，rate会改变采样率导致变调。
-
transition必须写在宽度实际变化的元素（如.mask）上，而非父容器；需设初始width值，优先用transform:scaleX()替代width实现平滑动画。
