工具

margin是元素间距离，padding是内容与边框间距。1. margin控制元素周围空间，可为正、负或auto，影响布局位置；2. padding定义内容与边框间距离，只能非负，影响元素总尺寸；3. 外边距合并可通过添加border、padding或创建bfc避免；4. 开发者工具中可实时调试m…

css的cursor属性用于定义鼠标指针在元素上的样式，以提供直观反馈或增强体验。1. 使用预定义值如pointer、text、wait等可快速设置指针样式；2. 通过url()函数可使用自定义图像作为指针，并指定热点位置；3. 可结合javascript动态改变指针样式；4. 自定义指针不显示时需…

for循环控制力强，适合需要中断、跳过或处理类数组对象的场景；foreach更简洁，适合无需中断的遍历。1.for循环可手动控制索引，支持break和continue，适用于数组及类数组对象；2.foreach语法简洁，无法中断，仅限数组使用；3.异步操作中，for…of配合await可…

视频无法播放的原因是浏览器对视频编码支持不同，解决方法是使用多个标签提供多种格式。html5的标签通过mp4（h.264）、webm（vp8/vp9）、ogg（theora）等格式实现跨浏览器兼容；关键属性包括controls（控制条）、width/height（尺寸）、poster（封面图）和（多…

javascript的filter方法通过条件筛选数组元素并返回新数组，保持原数组不变。1. filter接收一个回调函数作为参数，该函数对每个元素进行判断，返回true则保留，false则排除；2. 与for循环和foreach相比，filter声明式编程更简洁且无副作用，自动创建新数组并适合链式…

html的标签用于高亮文本，表示其在特定上下文中具有相关性或值得关注。1. 它默认以黄色背景突出显示内容，但可通过css自定义样式；2. 与、、不同，强调的是相关性而非重要性、语气强调或无语义样式控制；3. 可通过类选择器实现不同场景下的多样化高亮效果；4. 对seo直接影响小，但能提升用户体验和内…

实现html表格数据的模糊搜索，最常见方法是使用javascript进行dom操作，通过监听输入事件实时筛选并显示匹配行。1. 基本实现：获取用户输入，遍历表格每一行和单元格，判断内容是否包含关键词，动态设置行的显示或隐藏；2. 性能优化：对大数据量表格，采用节流/防抖机制延迟执行搜索函数，减少频繁…

javascript的replace方法替换所有匹配项的正确姿势是使用正则表达式并添加全局匹配旗标g。①replace默认只替换第一个匹配项；②若需替换所有匹配项，必须用正则表达式并带上g旗标；③例如用/originalstring.replace(/hello/g, “hi&#8221…

ol与ul的核心区别在于语义：1.ol代表有序列表，适用于强调顺序的场景，如步骤指南、排名、法律条文、议程或时间线；2.ul代表无序列表，适用于并列关系的集合，如功能列表、导航菜单、项目符号列表、相关资源列表。3.自定义样式主要通过css实现，包括list-style-type、list-style…

z-index不生效的常见原因包括元素未定位、层叠上下文限制及z-index值相同。1. 元素必须设置position为relative、absolute、fixed或sticky，否则z-index无效；2. 不同层叠上下文中的元素，其堆叠顺序由各自上下文在父级中的层级决定，子级z-index再高…