随笔分类 - React
React相关的技术
摘要：背景 公司内部需要利用第三方接口实现tts和stt的功能，就涉及到了音频的录制和播放，所以就看了一下最新的音频api，实现了一个简单的。 实现 import { useEffect, useMemo, useState } from "react"; export type RecorderPara
阅读全文
摘要：需求 需要从微信的H5网页进入我们自己的小程序。 实现 步骤，参见https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html官方文档去加载对应的开放标签。 由于框架的问题，会导致在vue和reac
阅读全文
摘要：对比React的hooks与Vue的composition 以一个倒计时的简单组件为例，使用两种方式去实现。 React的hooks写法 hooks的写法完全一改之前的类组件的写法，完全的函数式编程，看起来变得更加简洁了，实际上如果用的不是很好，看起来会很难理解，不如类组件看起来那么清晰。 代码示例
阅读全文
摘要：问题 最近遇到一个问题，就是项目上有时候部署的时候会用到nginx转发，然后nginx转发与不转发时取的一个ws的地址一个是取当前的ip端口，一个是取配置中的ip端口。这种情况本地调试的时候，由于本地是localhost，导致了ws无法成功建立连接，需要做一些特殊处理，在开发环境，将代理的项目的ip
阅读全文
摘要：前言 对于某个页面中的某个组件，很多时候需要其保持一直激活的状态，之前我的博客里面有一篇提到一种缓存策略，就是利用Route的children方法来display该组件或隐藏该组件。但是这种方式需要借助到Route组件并且只能缓存整个页面，而不是页面中的部分组件。并且这种缓存单纯的只是在页面上把它的
阅读全文
摘要：前言 由于工作需要，需要做一版在手机上查看的H5的广告页。广告页面基本都是一块内容占满一屏，然后上滑下滑就翻页，所以需要一个这样的翻页功能。 代码实现 废话不多说，直接上代码 /** * 一个放置多个满屏页面的容器，支持上下滑动 */ // ScrollBox.jsx import React, {
阅读全文
摘要：前言 基于前面自己手动搭建的React项目，我把项目分成了四种，一种什么都不带的空项目，一种带多级路由的空项目，一种带状态管理的空项目，一种带多级路由以及状态管理的空项目。这样的话每次用的时候根据需要去获取自己想要的模板，但是往往还要去github上去拷贝，感觉很不方便，所以就想到了要做一个自动生成
阅读全文
摘要：起因 偶然间看了一下Angular的服务的依赖注入和rxjs的观察者流的使用，觉得还有点意思，就想在React中实现一下类似的。 准备工作 一个空的React项目。 安装rxjs，npm install rxjs --save; 实现思路 首先是根据业务需求，将需要抽离的全局状态使用不同的服务类进行
阅读全文
摘要：添加redux拢共分几步？ 拢共分四步 新建action 新建reducer 新建store 使用provider包裹 新建action 通常来说，action需要返回一个通用的格式的数据，可以根据自己业务体量的不同，定义不同的数据结构，我这边是这样定义的 // 同步的action const te
阅读全文
摘要：上次刚讲完使用webpack从零搭建一个空的React项目，现在接下来开始完善这个架子，增加按需加载的功能和多级路由的功能，关于redux的功能将在下次开始添加。 组件的按需加载 组件按需加载，对于一个比较复杂的页面来说，是一个不错的提升页面加载性能的方法。 首先想到的就是React官方提供的laz
阅读全文
摘要：反正突然脑子一热，就想试一试 第一步，先定义好文件目录结构 config webpack.base.js webpack.dev.js webpack.pro.js dist(打包自己生成的) js css index.html src(主目录) actions apis assets compon
阅读全文
摘要：基于 和`mediaDevices`实现的原生js的录音功能
阅读全文
摘要：最近遇到了就是离开当前页面后，返回该页面时，需要保留离开前的状态，对于这种情况，首先是有几种思路 将该页面的状态全部存入到 中，等到回来时，再从页面中去取。 将页面的数据全部存入到 中，再通过 ，通过 的方式引入该页面。 想办法实现一种类似 的`keep alive`的功能。 重写Route组件，在
阅读全文
摘要：还是直接上代码 遇到的问题 有时候音频无法设置currentTime属性，这个是由于服务端的响应头中的cache control有问题，改一下响应头就可以了。 针对有些音频无法在audio这边获取到duration的，比如ios端好像在播放之前拿不到duration，估计是要等播放之后才能去获取，还
阅读全文
浙公网安备 33010602011771号