indexedDB是一个用于在浏览器中存储较大数据结构的Web API，并且提供了索引功能以实现高性能查找。dexie.js是对indexdb的封装，前端用起来很方便。在此介绍一下项目中用到的操作语句，也方便记录。我的项目是vue3项目。

uniapp项目要做类似微信的聊天语音播放功能，可以切换语音，可以点击切换播放/停止播放状态，还可以倍速播放。开始用了uniapp的音频组件uni.createInnerAudioContext()，很好用但就是倍速播放playbackRate属性不起作用，经过研究，决定用原生h5的audioContext。AudioContext是Web Audio API的一部分，它代表了一个音频处理图，允许

安装 create-react-app执行命令：npm i -g create-react-app结果出错，错误如下：淘宝镜像换源：//换源npm config set registry https://registry.npm.taobao.org//查看npm config get registry再次执行安装命令报错：这时候我去到 C:\Users\Lenovo\AppData\Roamin

react项目启动后控制台报错报错信息：Cannot read property ‘forEach’ of undefinedat Object.injectIntoGlobalHoo解决方法：删掉（不是禁用，是移除或者删除）浏览器里关于react的扩展程序，再刷新页面就可以了。在此记录解决问题的过程，也给小伙伴们一些思路。如有不严谨的地方还请不吝赐教。...

开始react项目里，使用ui框架ant-design。table列表的每一行都有编辑按钮，点击编辑，弹窗Modal出现，里面使用Form表单，然后用ref回显数据。但是发现第一次点编辑打开弹窗，ref取到的current总是null，关闭再次打开就可以正常取到。解决方法Modal里有一个属性为强制渲染给Modal加上此属性即可。forceRender = {true}上全部代码：import R

前言由于项目主页面数据较多，需要通屏展示，所以要将左侧导航做成可以折叠的效果。效果如下（请忽略一下gif图的水印吧T^T）：鼠标移入左侧蓝色按钮，导航从左侧缓慢滑出，右面内容加遮罩层；点击右面遮罩层部分，遮罩层消失，导航向左缓慢滑出。开始上代码：app.vue<template><div><el-container><span class="slideIc

vue动态生成表单，input输入框无法输入前言开始需要注意的地方前言开发过程中，遇到一个页面是纯表单配置页面，表单项有四五十个，于是只能想办法动态生成。开始1、后台返回数据格式为：```formData: [{surplusValue: 100,usedValue: 0,quotasValue: 100...

项目使用iframe引入百度页面，要做iframe自适应宽高。

前端有一个需求，对上传的图片进行检测识别，通过返回的接口坐标数据，对图片的某些区域进行框选并标注。

前言vue项目每次发布新版本后，测试人员都要强制刷新才能更新浏览器代码来验证bug。对于用户来说，这更不合理。于是，想办法让浏览器自动更新文件。开始1.在static静态目录下新建version.json每次发版更改里面的版本号{"version": "1.0.1"}2.在src中新建 libs/versionUpdate.js文件import axios from 'axios'const is