1 安装 2 创建store目录 创建store文件夹，里面包含入口文件index.jsx，以及自定义的reduces方法main.jsx的slices文件夹，其中main1...
IP属地：福建
-
更简单的Redux工具 Toolkit
-
BrowserRouter和HashRouter的区别
HashRouter HashRouter使用的是URL的hash部分（即window.location.hash），来保持页面的UI与URL的同步。 哈希历史记录不支持lo...
-
anaconda切换python版本1 查看环境 结果如下图，左侧表示已下载的环境信息，当前我已经下载了python3.10（python310）和3.9（python39）两个版本 2 切换python版本 ...
-
VSCode安装TinyPNG，并配置api key1 打开VSCode 在【扩展】中搜索【TinyPNG】插件，并安装 2 添加api key 没有这一步，对文件进行压缩时会失败，提示 3 获取api key 3.1 打开t...
-
requestAnimationFrame实现动效优化
使用setTimeout/setInterval做动效改变时，过程中的刷新频率会影响最终效果，可以使用requestAnimationFrame来优化动效。简单需求：一模块，...
-
zego实现简单的web端推拉流1 创建项目 登录zego控制台[https://console.zego.im/ProjectManage]，创建一个项目，该项目的【AppId】和【Server】，在后续...
-
配置项目支持typescript
在已有项目中初次引入ts文件，会提示Cannot find module等各种错误，原因是当前项目并不支持ts，这个时候需要我们在项目中添加相关配置。以react为例，配置如...
-
js动态修改html、body的css属性
js获取html标签document.documentElementjs获取body标签document.body以react为例，当页面属性（status）改变时，动态改变...
-
chrome查看网页性能1 Performance 1.1 打开开发者工具（cmd+shift+c） 1.2 打开Performance面板，点击录制按钮（开始录制） 1.3 刷新页面，再次点击录制...
-
webSocket的使用
本文将一个webSocket封装成hooks的形式，便于使用。主要思路：1、根据一个ws/wss地址，创建并初始化一个socket；2、通过心跳参数heartParam存在与...
-
控制台报错：Can't perform a React state update on an unmounted component. This is a no-op...切换组件渲染页面时，控制台提示需要cleanup function，一般造成这种提示的原因是计时器没有及时清除造成的内存泄露。setTimeout在执行完后会自动销毁，不需要...
-
h5拷贝内容后的处理
介绍一种原生的写法，可以监听拷贝成功或者失败的状态，代码如下： execCommand这个api已废弃，所以可以找些替代方案 也有基于三方组件的写法，但是在一些移动设备上可能...
-
页面链接分享到三方APP后自定义缩略图将一个前端页面链接分享到三方app中，如下图，可见的有标题、描述和缩略图， 本文主要介绍如何定制缩略图。 定制方法主要有两种，首先找到页面的入口文件index.html（pu...
-
ios禁止背景弹性滑动
前端开发过程中，ios设备的背景会弹性滑动，有时这种滑动会影响页面布局，所以需要处理这种影响，解决方法如下： 1 整个页面禁止滑动 2 使用-webkit改变隐藏属性 推荐使...