所有文章 > 当前标签:前端开发
博客 | 使用Axios客户端简化API - PROTOTYP
博客 | 使用Axios客户端简化API - PROTOTYP
2025/12/05
本文介绍了一个基于Axios的类封装器,用于简化复杂API调用问题,通过集中管理配置和拦截器,提高代码一致性和可维护性。该解决方案适用于任何框架项目,支持自定义错误处理,帮助开发者优化API请求流程。
使用 IntersectionObserver API 实现图片懒加载 – Divotion
使用 IntersectionObserver API 实现图片懒加载 – Divotion
【API开发】 本文介绍使用IntersectionObserver API实现图片懒加载的方法,包括其原理、代码实现和在Vue项目中的应用。通过对比浏览器原生loading属性,探讨IntersectionObserver API在兼容性和性能上的优势,帮助开发者提升网页加载速度和用户体验。
2025/11/26
创始人日志 | Requestly 发布:开源 API Mocking 工具 …
创始人日志 | Requestly 发布:开源 API Mocking 工具 …
【API开发工具】 Requestly 是一款开源 API Mocking 工具,帮助开发者高效模拟 API 行为以加速开发与测试流程,支持快速创建 Mock API 和自定义请求响应规则,无需依赖后端服务,提升团队协作效率。
2025/11/19
使用 Popover API 和 Web 组件构建工具提示
使用 Popover API 和 Web 组件构建工具提示
【API开发】 本文详细介绍了如何使用Popover API和Web组件构建工具提示,包括其无需服务器端预渲染、可选增强和无移植性问题的特点,以及利用Shadow DOM隐藏实现细节、提供默认样式和兼容Popover API的优势。通过定义触发器、添加事件处理程序和样式设计,结合延迟和WCAG可访问性标准,实现功能完善的工具提示组件,并探讨了触摸屏支持和增强功能的改进方向。
2025/11/17
使用 Web Share API 实现图片分享
使用 Web Share API 实现图片分享
【如何集成API】 本文介绍了如何使用Web Share API结合html-to-image包实现从Web应用程序分享图片到社交媒体的功能。通过将HTML元素转换为Base64格式的图片数据,并利用Web Share API的文件分享功能,开发者可以轻松实现动态横幅等内容的分享。文章详细讲解了实现步骤,包括数据转换、文件生成和分享功能触发,同时提醒开发者注意API的使用限制和设备兼容性问题。
2025/11/17
Next.js 14:通过Fetch API缓存实现高效数据获取
Next.js 14:通过Fetch API缓存实现高效数据获取
【API开发】 Next.js 14 中通过 Fetch API 的 cache 参数实现数据缓存和重新验证,提升页面加载速度和用户体验。文章详细介绍了服务器组件的默认缓存行为、force-cache 和 no-store 选项,以及如何设置重新验证时间间隔来管理动态数据。
2025/11/13
在JS Fetch API中实现缓存 – X Byte Lab
在JS Fetch API中实现缓存 – X Byte Lab
【API开发】 本文介绍如何在JS Fetch API中实现缓存机制,通过生成请求URL和数据的MD5哈希值来检查缓存,命中时直接返回数据,未命中时发起网络请求并存储结果,从而减少高达76%的网络请求,优化Web应用程序性能,适用于搜索框、分页等场景。
2025/11/13
UI5 Web Components 2.0 中的 Popover API – SAP
UI5 Web Components 2.0 中的 Popover API – SAP
【API开发】 UI5 Web Components 2.0 引入 Popover API,取代了早期版本中的静态区域,将弹出窗口整合到组件内部,简化了 DOM 结构并提升了开发维护效率。长尾关键词包括 UI5 Web Components 2.0 Popover API 和 浏览器原生 Popover API 支持。
2025/11/10
通过OpenAPI实现快速API模拟 | Zuplo博客
通过OpenAPI实现快速API模拟 | Zuplo博客
【API开发】 Zuplo基于OpenAPI标准推出新功能,通过OpenAPI文档示例快速模拟API,帮助开发人员创建模拟端点,加速开发流程并提升测试效率,结合睡眠策略增强真实感。
2025/11/07
利用人工智能实现从JSON到API的秒级转换 | 准备,设置,云端!
利用人工智能实现从JSON到API的秒级转换 | 准备,设置,云端!
【AI驱动】 本文介绍如何利用人工智能从JSON对象快速生成API规范,并通过Postman模拟服务器实现秒级转换,加速前端开发流程。使用Amazon Bedrock和生成式AI技术,自动识别端点并创建RESTful API,提升开发效率。
2025/11/07
HTML Web Storage API 的使用场景 – OpenReplay 博客
HTML Web Storage API 的使用场景 – OpenReplay 博客
【API使用场景】 HTML5 Web 存储 API 提供客户端本地数据存储机制,包括 localStorage 和 sessionStorage,分别用于永久和临时存储。长尾关键词包括 localStorage 使用场景和 sessionStorage 临时数据存储,适用于保存用户偏好、离线数据存储和会话状态管理,提升 Web 应用性能和用户体验。
2025/11/03
JavaScript数组入门指南 – Apidog
JavaScript数组入门指南 – Apidog
【API开发工具】 本文深入介绍JavaScript数组的基本概念、常用属性如length和prototype,以及核心方法如forEach、push、pop等,结合Apidog的数组遍历与自动化测试功能,帮助开发者高效存储和操作数据集合,提升数据处理和接口测试效率。
2025/11/01
Next.js API Routes 与 Server Actions:如何选择及其原因解析
Next.js API Routes 与 Server Actions:如何选择及其原因解析
【API开发】 本文解析Next.js中API路由与Server Actions的选择策略,详细说明API路由适用于RESTful端点、复杂逻辑和前后端分离场景,而Server Actions更适合组件相关逻辑、简单操作和性能优化。帮助开发者根据项目需求选择合适方案,提升开发效率。
2025/11/01
Axios 干净调用完全指南:拦截器 + 独立客户端,让前端代码优雅起飞
Axios 干净调用完全指南:拦截器 + 独立客户端,让前端代码优雅起飞
【如何集成API】 本文详细介绍了如何使用Axios编写优雅的API调用代码,包括Axios的安装、配置、拦截器使用以及代码组织的最佳实践。通过对比fetch API,分析了Axios在浏览器兼容性、内置功能和开发效率方面的优势,帮助开发者实现结构清晰、可维护性高的API调用方案。
2025/10/28
在 IRIS 数据集上使用 HuggingFace API 进行高效机器学习实践
在 IRIS 数据集上使用 HuggingFace API 进行高效机器学习实践
【如何集成API】 本文介绍了如何在Next.js/React应用中利用WebOTP API实现短信验证码自动填充功能,提升用户体验。详细讲解了WebOTP API的实现原理、JavaScript代码实现、短信格式规范及注意事项,帮助开发者高效集成此功能。
2025/10/15
前端 API 密钥重构:Clerk SDK 开发者体验优化实践
前端 API 密钥重构:Clerk SDK 开发者体验优化实践
【学习各类API】 Clerk 重构了前端API密钥设计,以优化开发者体验(DX)。最初的设计使用主机名作为前端密钥,虽然提升了加载速度,但导致开发者困惑。新的设计借鉴了Stripe的密钥格式,同时保持了性能优势,使得集成过程更加直观和高效。
2025/10/06