工具

promise是javascript中用于处理异步操作的机制，其核心作用是解决“回调地狱”问题，通过链式调用使代码更清晰易维护。promise对象有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败），且状态一旦改变便不可逆。常用方法包括.then()处理成功…

vh和vw是css中基于视口尺寸的单位，分别表示视口高度和宽度的1%，用于实现响应式布局。1. vh和vw让元素尺寸直接与浏览器视口挂钩，例如width: 50vw使元素宽度始终为视口宽度的一半，height: 100vh使元素高度等于视口高度；2. 它们与百分比（%）不同，%是相对于父元素尺寸，而…

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

box-shadow的inset关键字用于创建内阴影效果，与普通外阴影相反。1. inset使阴影向内收缩，呈现凹陷感；2. 外阴影渲染在元素边框外部，而inset阴影在内容区域内部；3. 常用于模拟按钮按下状态、内边框或纹理效果；4. 使用时需结合其他css属性精细调整以增强视觉层次。 CSS的b…

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

intersectionobserver通过异步监听元素与视口的交叉状态，实现高效的懒加载。首先，定义回调函数handleintersection，处理元素进入或离开视口的逻辑，如将data-src赋值给src并停止观察；其次，创建intersectionobserver实例，配置root、root…

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

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

javascript的push和pop方法用于数组末尾操作。push在数组末尾添加一个或多个元素并返回新长度，1. 例如fruits.push(‘orange’, ‘grape’)会添加元素并输出新长度4；pop移除数组最后一个元素并返回该元素，2. …

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