所有文章 > 当前标签:前端开发

Web Speech API 实现语音驱动的 Web 应用无障碍访问
2025/08/21
Web Speech API 是 W3C 推出的浏览器原生语音技术,提供语音识别和语音合成功能,可显著提升 Web 应用的无障碍访问体验。本文详细介绍如何利用该 API 实现语音转文本、语音命令控制等交互功能,特别适合 React 开发者创建支持免提操作的语音驱动应用。

无需密钥的免费公共API列表 – Studytonight
【免费API】
本文介绍了一系列无需密钥或身份验证的免费公共API,旨在帮助前端开发学习者更高效地实践。这些API包括猫咪趣闻、无聊活动建议、年龄预测、性别预测等多种类型,适用于测试和学习目的。通过使用这些API,开发者可以练习如何处理API请求和响应数据,为实际项目开发打下坚实基础。
2025/08/20

GitHub REST API 简明指南 | 作者:Shuai Li – Medium
【学习各类API】
本文介绍了如何利用GitHub REST API作为学习HTTP客户端(如XMLHttpRequest、Fetch API、Axios)的服务器替代方案,避免手动搭建服务端应用的复杂性。GitHub REST API不仅为开发者提供了访问平台数据的接口,还能作为学习HTTP请求核心概念的有效工具。
2025/08/20

Web Speech API | TO THE NEW 博客
【API解决方案】
Web Speech API 是一项 JavaScript API,允许开发者在浏览器中实现语音输入和文本转语音输出功能,适用于创建交互性和可访问性强的网页应用。它支持语音识别和语音合成,广泛应用于语音驱动的网页应用、辅助技术等场景。
2025/08/20

使用 Web Share API 实现图片分享
【如何集成API】
本文介绍了如何使用Web Share API结合html-to-image包实现从Web应用程序分享图片到社交媒体的功能。通过将HTML元素转换为Base64格式的图片数据,并利用Web Share API的文件分享功能,开发者可以轻松实现动态横幅等内容的分享。文章详细讲解了实现步骤,包括数据转换、文件生成和分享功能触发,同时提醒开发者注意API的使用限制和设备兼容性问题。
2025/08/18

全栈应用开发实战:Spring Boot 与 React 的完美结合
【技术杂货铺】
项目效果展示 项目效果展示:视频伊始,开发者通过在前端界面输入学生姓名和地址,并点击提交,刷新页面后,数据即时显示在应用中,证明数据已成功存储于后端数据库。随后切换到 MySQL 数据库,展示输入的数据已准确无误地存储在学生表中。同时,展...
2025/07/03

将api设计为ui与rest端点的权衡
【API设计】
探讨在现代应用开发中将API设计为UI或REST端点的权衡问题,分析两者之间的映射关系及交互方式。文章提出结合键盘优先、上下文感知和丰富交互的API框架设计理念,强调UI与REST API设计的统一性。
2025/06/05

精通JavaScript:从基础到高级
【日积月累】
本文详细介绍了JavaScript精通的路径,从基础到高级,包括变量、函数、异步编程、面向对象、设计模式等内容。通过学习JavaScript的基础理解、异步编程、以及现代开发中的应用等方面,读者可以掌握如何使用JavaScript创建高效的应用程序。文章还探讨了如何通过减少DOM操作、使用事件委托等方法优化JavaScript代码性能,并强调安全问题的重要性,如XSS和CSRF攻击防范。通过不断学习和实践,开发者将能够更深入地掌握JavaScript。
2025/02/10

JavaScript所有的API全面解析
【日积月累】
本文全面解析了JavaScript所有的API,包括DOM节点操作、Document节点管理、Element节点属性与方法、CSS操作、对象和数组的处理、以及高级API如Math和JSON的使用。掌握这些API可以大幅提升开发效率和代码质量。通过对节点属性和方法的详细介绍,开发者可以灵活地操作网页结构和样式,实现复杂交互和数据处理。
2025/02/08

浏览器免费API秘钥获取指南
【日积月累】
本文介绍了如何获取和使用浏览器免费的API秘钥。API秘钥是识别和验证用户身份的关键工具,通常用于保护API资源。获取免费的API秘钥有多种途径,如通过GitHub项目或使用浏览器开发者工具。使用免费API秘钥可以降低成本,但需注意其安全性和稳定性。通过正确的方法获取和使用这些秘钥,可以为开发和应用提供更多便利。
2025/02/08

API接口调试工具插件浏览器的使用指南
【日积月累】
本文介绍了几款流行的API接口调试工具插件,特别是在浏览器中使用的便利性。API Tester插件通过自动记录cookie简化了接口凭证的操作,提升了开发效率。Postman作为功能强大的工具,可以管理请求集合,适用于复杂调试。Hoppscotch提供了轻量级的在线版本,便于即时测试。Talend API Tester则以其简单的界面和多样的认证方式受到关注。这些工具的合理选择和使用能显著提高开发者的工作效率。
2025/02/08

Ollama API实践指南:如何构建高效的文本生成应用
【日积月累】
了解Ollama接口的安装、配置及调用方法,掌握多轮对话、流式响应等功能,快速构建高效的文本生成应用。
2025/02/03

JS的变量声明与使用解析
【日积月累】
Claude作为智能AI编程助手,能够基于产品需求进行代码生成和优化。JavaScript中的变量声明方式多样,包括`var`、`let`、`const`等。`var`具有函数作用域,可能导致意外行为;`let`和`const`引入了块作用域,避免变量提升问题。`const`用于声明常量,不可重新赋值。正确使用JS的变量及其作用域有助于提高代码的安全性和可维护性。了解变量提升、暂时性死区等概念,可以帮助开发者避免常见错误。
2025/02/02

JSON Web Token 是什么
【日积月累】
JWT是什么?JWT,即JSON Web Token,是一种用于跨域认证的轻量级解决方案。传统的用户认证依赖服务器端会话,扩展性差,而JWT通过无状态的方式解决了这个问题。JWT由三部分组成:Header、Payload和Signature,确保数据的完整性。其优点包括无状态性和灵活性,但需要注意安全性,利用HTTPS传输和设置短有效期来防止令牌被滥用。JWT常用于用户认证、信息交换和跨域通信。
2025/02/02

GraphQL 是什么?
【日积月累】
GraphQL 是什么?GraphQL 是一种新兴的数据查询语言,由 Facebook 开发,旨在解决传统 REST API 中的数据冗余和请求效率问题。它允许客户端精确指定所需的数据结构,并通过单一查询获取数据,适合现代 Web 应用程序的开发。GraphQL 的核心特性包括灵活的数据查询、单一请求获取多源数据和强类型系统,使其在数据密集型应用和跨平台数据获取场景中非常实用。通过合理配置,GraphQL 可以提高应用程序的数据交互效率。
2025/02/02

img標籤如何修改size html
【日积月累】
本文介绍了如何在HTML中通过``标签的`width`和`height`属性以及CSS中控制图片尺寸的方法来调整图片大小,包括固定像素尺寸、百分比值、响应式布局、保持图片比例等技巧。同时探讨了图片列表的尺寸控制、动态调整图片尺寸以及图片尺寸调整的最佳实践,确保在不同设备和屏幕尺寸上保持良好的用户体验。
2025/01/31