为什么

crossorigin 属性用于控制跨域资源请求，主要应用于图片、脚本和链接标签。1. 图片：在 canvas 中处理跨域图片时需服务器配置 cors；2. 脚本：访问跨域脚本的错误信息时使用；3. 链接：加载跨域字体文件时适用。其值包括 anonymous（不发送凭据）和 use-credenti…

html5的标签用于定义惰性html模板，其内容不会在页面加载时渲染或执行资源。使用它需要两步：1. 在html中定义模板结构；2. 用javascript克隆并插入dom实现激活。相比字符串拼接和隐藏元素方式，提升了性能和安全性。动态数据绑定通过javascript手动实现，常用于列表渲染等场景。…

weakmap和map的核心区别在于引用方式与内存管理：1.map对键强引用，对象作为键时不会被gc回收；2.weakmap对键弱引用，对象在无其他引用时会被gc回收并自动移除条目；3.weakmap的键只能是对象，而map允许原始值；4.weakmap不支持迭代、size属性和clear方法，适合…

array.from的作用是将类数组对象或可迭代对象转换为真正的数组。1. 类数组对象如arguments、nodelist等有length和索引但无数组方法；2. 可迭代对象包括set、map、字符串等实现symbol.iterator接口的数据结构；3. array.from通过深拷贝生成新数组…

img标签的src属性是图片的地址，必须存在；alt属性提供替代文本，对seo和无障碍访问至关重要。1.src属性指向图片文件路径，可为相对或绝对路径，相对路径便于本地管理，绝对路径适用于cdn资源；2.alt属性需简洁描述图片内容，提升可访问性和搜索引擎优化；3.常见问题包括路径错误、大小写不一致…

html表单提交数据的核心在于将用户输入信息打包并发送到服务器处理，其中action属性指定目标url，method属性决定使用get或post方法。1.get方法通过url传递数据，适合请求且不改变服务器状态的操作，如搜索查询；2.post方法将数据封装在请求体中传输，适合涉及敏感信息、大文件或修…

在css中设置字体需通过font-family属性指定字体列表，浏览器按顺序查找可用字体；引入外部字体则使用@font-face规则。1. font-family应优先列出首选字体，随后是备选中文字体、英文字体及通用字体族（如sans-serif），以确保兼容性和可读性。2. 使用@font-fac…

传统html表格在移动端体验不佳，主要因其设计基于桌面浏览器，导致内容溢出、文字过小、操作不便等问题。实现响应式表格的核心方法包括：1. 使用overflow-x: auto实现水平滚动，适用于必须完整展示所有列的场景；2. 通过display: block和data-label将表格转为卡片视图，…

css的transition属性通过平滑改变属性值实现动画效果。1. 它需要指定过渡属性（transition-property）、时长（transition-duration）、速度曲线（transition-timing-function）和延迟（transition-delay）。2. tra…

line-height控制文本行间距，影响阅读体验和布局。解决方案有：1. 使用像素值（如24px）适用于固定字体大小场景；2. em/百分比相对于当前字体大小计算，但继承固定值可能导致子元素文本重叠；3. 推荐使用无单位数值（如1.5），能自动根据子元素字体大小调整行高，保持比例，尤其适合响应式设…