区别

html5的hidden属性用于语义化地隐藏不相关的元素。1. 它默认等效于css的display: none;，使元素不渲染且不占布局空间；2. 与display: none;不同的是，hidden是html属性，表达语义意图，优先级低于css样式，且隐藏后通常不被屏幕阅读器读取；3. 其他常见隐…

html的button标签有submit、reset和button三种类型，禁用按钮最直接的方式是使用disabled属性。1. type=”submit”为默认类型，用于提交表单，若未指定type且点击后页面刷新，问题常源于此；2. type=”reset&#8…

typeof 用于判断基本数据类型，返回字符串表示的类型；instanceof 用于判断对象是否是某个构造函数的实例，通过原型链查找。1. typeof 可识别基本类型如 “string”、”number”、”boolean”、…

cellpadding和cellspacing的核心区别在于：1. cellpadding控制单元格内容与边框之间的内边距；2. cellspacing控制单元格之间及单元格与表格边框之间的间隙。前者影响内容在单元格内部的宽松程度，后者决定表格整体的网格感。虽然这两个属性在html5中已被弃用，推荐…

javascript 的 unshift 方法用于在数组开头添加一个或多个元素，返回新数组长度并直接修改原数组。1. 它按照传入顺序将元素插入数组最前；2. 会改变原始数组结构，适用于小规模数据或不需保留原数组的场景；3. 与 push 不同，它操作的是数组头部，性能上为 o(n)，因需移动所有元素…

meter用于显示在已知范围内的数值状态，如磁盘使用量，支持low、high和optimum属性以表示值的优劣；progress用于展示任务完成进度，如文件上传，仅需value和max属性。两者均通过html5提供可视化展示，但语义不同：meter强调数值状态，progress强调任务进展。此外，p…

iframe的sandbox属性是前端安全的关键防线，因为它通过隔离机制限制第三方内容的行为，防止恶意代码攻击父页面。其核心价值在于默认启用严格限制，如禁止脚本执行、表单提交、弹窗等，并通过allow-令牌有选择地放宽权限。常见误区包括滥用allow-令牌和误认为sandbox可替代csp。最佳实践…

filereader api是html5提供的用于读取用户通过选择的文件内容的接口，它不访问本地文件系统，仅处理用户主动选择的文件。核心步骤包括：① 创建文件输入框让用户选择文件；② 监听change事件获取filelist对象；③ 使用filereader实例并调用合适的读取方法（如readast…

web storage与cookie的核心差异体现在存储空间、数据发送机制、生命周期和api易用性。首先，存储空间上，cookie仅有4kb左右，而web storage提供5mb到10mb；其次，数据发送机制上，cookie会随每次http请求自动发送，而web storage仅存于客户端，需手动…

html5的元素用于高亮与当前上下文相关的文本。1. 它通过语义提示突出特定内容，如搜索结果中的关键词；2. 使用时直接包裹目标文本，如html5；3. 默认背景为黄色，但可通过css自定义样式，如修改背景色、文字颜色、添加圆角等；4. 可结合类名实现多种高亮效果，例如普通高亮与关键信息高亮区分；5…