摘要: 1. 引言 背景介绍: 前端脚手架的目的在于提高前端开发的效率和一致性 ,节约一些重复性工作,例如:编译、打包、代码检查,避免了从零开始搭建项目框架的繁琐工作。 需求分析: 项目创建与初始化: 创建新的项目目录结构。 初始化基本的项目文件,如index.html、package.json等。 依赖安 阅读全文
posted @ 2024-12-19 23:32 Yang9710 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 现状: 项目是通过web-view内嵌在小程序里的H5页面,然而发布新版本之后,在小程序入口进去看到的还是旧页面 原因: 通用缓存原理 浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存 web-view组件就是嵌在 阅读全文
posted @ 2024-12-05 22:26 Yang9710 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 1. 前情回顾 基于之前的需求,我们的聊天中包含一些简单的交互功能,例如语音转文本: 用户点击语音识别按钮,前端进行语音转文字操作,此时页面展示“Please Talk, I am listening”的消息,消息的左侧包含动画效果 再次点击语音识别按钮,将转换后的文字展示出来,供用户确认 用户点击 阅读全文
posted @ 2024-12-05 22:17 Yang9710 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 简介 在现代技术驱动的世界中,语音识别已成为人机交互的重要方式。Microsoft Azure Speech Service 提供了强大的语音转文本功能,允许开发者轻松地将语音数据转换为文本。本文将指导你如何使用 Azure Speech Service 实现语音转文本的功能。 Microsoft 阅读全文
posted @ 2024-11-27 22:59 Yang9710 阅读(53) 评论(0) 推荐(0) 编辑
摘要: react的状态管理 状态(State)是 React 中用于存储组件数据的特殊对象,它可以影响组件的渲染输出。状态管理的核心目标是确保数据的一致性、可预测性以及组件之间的数据流。 每个 React 组件都可以拥有自己的状态。在类组件中,状态通过 this.state 来管理,而在函数组件中,可以使 阅读全文
posted @ 2024-11-24 20:09 Yang9710 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 需求 展示未来未来36个月(等分为3个时间范围)的经济效益趋势,3个等分时间区域在趋势图上方常显,不同时间区域之间通过灰色虚线间隔开; 鼠标hover趋势图每个1/3区域,对应区域会有以下3个效果: 时间范围卡片高亮; 趋势图上方展示对应指标; 趋势图展示阴影效果; 鼠标hover or 点击趋势图 阅读全文
posted @ 2024-11-20 23:29 Yang9710 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 起因 在某次开发中,前端发起了get请求,但是后端报错未设置Content-Type为"application-json";看到这条报错之后就直接在请求中设置了: export const getUserInfo = async (param) => { const res = await axio 阅读全文
posted @ 2024-11-17 11:52 Yang9710 阅读(30) 评论(0) 推荐(0) 编辑
摘要: react聊天组件库:react-chat-elements 需求场景:用户可以通过多元的用户交互方式,如文件、图片、声音以及文字等输入相关信息,AI给出对应的回答 react-chat-element介绍 react-chat-elements 是一个专为React开发者设计的聊天组件库,旨在简化 阅读全文
posted @ 2024-11-12 21:59 Yang9710 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 什么是雪碧图 雪碧图(CSS Sprites),是一种网页图像处理技术,它将多个小图标或图像合并成一个大的图像文件。这种方法允许浏览器通过一次HTTP请求加载多个图像,而不是为每个小图标单独发起请求。雪碧图通常用于网页设计中的图标、按钮和其他装饰性元素。 雪碧图其优点主要体现在: 1. 减少HTTP 阅读全文
posted @ 2024-11-07 22:40 Yang9710 阅读(63) 评论(0) 推荐(0) 编辑