-
- JavaScript使用fetch发送HTTP请求的方法如下:基本语法:fetch(url).then(response=>response.json()).then(data=>console.log(data)).catch(error=>console.error('Error:',error));发送GET请求:fetch('https://api.example.com
- fetch是现代浏览器原生Promise-basedHTTP接口,区别于XMLHttpRequest:不自动带cookie、不设默认Content-Type、非网络错误(如404/500)不会reject,需手动检查response.ok。
- 文章 · 前端 | 3星期前 | 219浏览 收藏
-
- Object.assign为何只复制属性值?
- Object.assign仅拷贝属性当前值,不复制getter/setter等描述符,导致访问器逻辑丢失;需用Object.defineProperty或Proxy等显式保留行为。
- 文章 · 前端 | 3星期前 | 219浏览 收藏
-
- HTML中使用BEM命名规范组织CSS类名的方法与实例
- BEM类名必须严格绑定语义层级:Block需带业务含义(如user-card),Element仅限直属子节点(禁止card__content__title),Modifier须与Block共存(如btnbtn--loading),且btn__icon合法而btn-icon非法。
- 文章 · 前端 | 2星期前 | 219浏览 收藏
-
- CSS如何实现背景模糊特效_使用backdrop-filter:blur滤镜
- backdrop-filter:blur支持Chrome76+、Edge79+、Safari9+,Firefox需手动启用;生效需元素透明且背后有内容,避免创建新层叠上下文;毛玻璃效果推荐rgba背景+-webkit前缀+伪元素固定背景。
- 文章 · 前端 | 2星期前 | 219浏览 收藏
-
- 复杂 DOM 一键导出为图片与矢量格式
- 本文介绍如何使用现代前端方案将包含iframe等复杂结构的DOM完整、高保真地导出为PNG、JPEG、SVG等格式,重点分析dom-to-image及其增强版的适用性、限制与最佳实践。
- 文章 · 前端 | 2星期前 | 219浏览 收藏
-
- Tailwindflex与gap布局技巧分享
- 使用TailwindCSS的Flex和Gap工具类,可以快速构建灵活、响应式的布局,无需写任何自定义CSS。核心在于利用flex容器和gap间距类来控制子元素的排列与间隔。启用Flex布局通过flex类将一个元素变为弹性容器。默认主轴为横向(row),你可以根据需要调整方向。常见用法:flex:创建行内弹性容器flex-col:纵向排列子元素flex-wrap:允许换行justify-center:主轴居中对齐items-center
- 文章 · 前端 | 2星期前 | 219浏览 收藏
-
- 蹦床函数递归处理详解
- 蹦床函数是手动将尾递归“拍平”为循环的模式,通过返回thunk(延迟执行的函数)而非直接递归调用,使栈深度恒定为1~2,从而绕过JavaScript、Python等不支持TCO环境下的栈溢出。
- 文章 · 前端 | 2星期前 | 219浏览 收藏
-
- HTML中如何用Barcode API识别二维码
- BarcodeDetectionAPI在Chrome87+安全上下文中可用,需显式指定formats(如["qr_code"]),detect()仅接受video/canvas/ImageBitmap,返回结果含rawValue、format和boundingBox,但无纠错信息。
- 文章 · 前端 | 1星期前 | 219浏览 收藏
-
- HTML标签页缓存方法详解【避坑指南】
- HTML本身无标签页缓存机制,所谓状态保持实为JavaScript控制DOM显隐或用hidden属性暂停资源加载;真状态缓存应依赖sessionStorage或Map存储关键数据并还原UI。
- 文章 · 前端 | 1星期前 | 219浏览 收藏

