前端

2023年5月7日 为同一个文件添加多种文件格式 <video controls> <source src="html_5.mp4" type="video/mp4"> <source src="html_5.ogv" type="video/ogg"> Your browser does not support the video tag. </video> 为什么要添加多种格式？ 解决备份支持和媒体支持 什么是备份支持和媒体支持？ 备份支持：提供替代方案，一般是相同的浏览器，版本更老的一代需要这个替代方案。 媒体支持：需要提供多种格式的支持来适应不同的浏览器。 标签 <audio> 与 </audio> 之间插入的内容不是用来解释控件的，而是在浏览器不支持audio标签时显示的文字。 当 <video> 标签中包含 controls 属性时，浏览器将自动为视频播放器提供一组默认的控制选项。用户可以根据自己的需求控制视频的播放。 <datalist> 标签与 <input> 标签结合使用，可以为用户提供一个预定义的选项列表。 <input list="fruits" id="fruit" name="fruit"> <datalist id="fruits"> <option value="Apple"> <option value="Banana"> </datalist> 当 <progress> 标签没有设置 max 和 value 属性时，它会显示一个不确定进度的滚动条。在这种情况下，进度条的动画将自动滑动，但无法显示具体的进度值。 <progress value="50" max="100"></progress> DHTML DHTML（Dynamic HTML）是一种将 HTML、CSS、JavaScript 等技术结合起来，以创建动态、交互式网页的技术组合。 DHTML实现了网页从Web服务器下载后无需再经过服务的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能 DOM元素带有ID属性 唯一性：ID 必须在整个 HTML 文档中是唯一的。如果有多个元素具有相同的 ID，将导致 JavaScript 在访问元素时出现问题，可能导致意外行为。因此，在为元素分配 ID 时，确保不会重复。 样式污染：如果您的 CSS 使用 ID 选择器为元素应用样式，这可能导致样式污染问题。ID 选择器具有较高的优先级，这可能会导致其他 CSS 规则无法覆盖 ID 选择器的样式。要解决这个问题，您可以考虑使用 CSS 类选择器来应用样式，以便更容易地控制和覆盖样式。 JavaScript 性能：当使用 JavaScript 查询具有特定 ID 的元素时，最好使用 document.getElementById() 方法，因为这是最快的查询方式。使用其他查询方法，如 document.querySelector() 或 document.querySelectorAll()，可能会导致较慢的查询性能，尤其是在大型的 DOM 结构中。 与现有代码冲突：在开发大型应用程序或与其他人协作时，如果不注意命名约定和唯一性，给元素分配 ID 可能会导致与现有代码冲突。在这种情况下，可以采用一致的命名规则和确保 ID 唯一性的方法来避免潜在冲突。 2023年5月8日 今天刷了几道react的题，记录一下 ...