安装 Redux Toolkit 和 React-Redux 添加 Redux Toolkit 和 React-Redux 依赖包到你的项目中： 创建 Redux Store...
发简信
IP属地：广东
-
Redux Toolkit 快速使用(学习笔记)
-
CORS处理跨域的配置(学习笔记)
CORS（跨域资源共享）核心配置项 CORS 是浏览器为解决跨域请求限制制定的规范，核心通过服务端响应头控制跨域权限，前端需配合特定配置（如携带 Cookie 时）。以下是服...
-
前端SHA-256加密(个人笔记)
密码加盐哈希 (Salted Hashing)，这是前端加密的首选方案。原理：哈希 (Hash)：对密码执行一个单向的哈希函数（如 SHA-256, SHA-512）。这个过...
-
Vue3：依赖注入(学习笔记)官方文档：https://cn.vuejs.org/guide/components/provide-inject.html[https://cn.vuejs.org/gui...
-
npm发布一个插件(个人笔记)
第一步：创建插件项目结构 首先创建项目目录并初始化： 第二步：编写插件代码 创建 src/index.js 文件： 创建 src/Toast.vue 组件文件： 第三步：配置...
-
windows配置host的作用(个人笔记)
hosts文件位于" C:\Windows\System32\drivers\etc "目录下，用于域名与IP地址的转换。 用记事本打开hosts文件，它的作用是包含IP地址...
-
Vue3中mitt实现eventBus(个人笔记)
在 Vue 2 里，开发者常常使用 event bus 来处理非父子组件之间的通信。不过，这种方式在大型项目中容易让代码变得难以维护，因为事件的流向和触发位置会变得不清晰。V...
-
Vue3之keep-alive动态缓存页面(个人笔记)
背景：在vue3 h5开发中，在列表的详情页里有一个tabs组件，点击某一个tab下面的内容进入子页面，从子页面返回详情页的时候由于页面重新进行了初始化，没有保留之前选中的t...
-
vite自定义拆包策略——manualChunks (个人笔记)Vite默认拆包策略 Vite 中已经内置了一份拆包的策略，在生产环境下 Vite 完全利用 Rollup 进行构建，因此拆包也是基于 Rollup 来完成的，但Rollup...
-
vite-plugin-chunk-split代码拆包插件(个人笔记)
vite-plugin-chunk-split 是一个 Vite 插件，用于对打包后的代码进行更细粒度的分块控制，有助于优化项目的加载性能。以下为你详细介绍它的用法： 安装 ...
-
requestAnimationFrame创建高性能动画(个人笔记)
requestAnimationFrame 是浏览器提供的一个用于创建高性能动画的 API，它会在浏览器下次重绘之前调用指定的回调函数。以下为你详细介绍其用法： 基本语法 参...
-
如何创建 WebRTC 会话二WebRTC 是一套基于 Web 的实时通信解决方案，通过浏览器内置的 API 来支持音视频通道的搭建。 简而言之，先在信令通道协商出彼此的媒体和通信参数, 再通过媒体通道来...
-
v-html的XSS风险与防范(个人笔记)
v-html的安全问题 v-html指令用于向指定节点中渲染包含HTML结构的内容。虽然它可以识别HTML结构，但使用它来动态渲染任意HTML内容是非常危险的，容易导致XSS...
-
van-uploader上传文件app端不兼容问题记录(个人笔记)概要 最近在做移动端时遇到个上传附件的需求是只能上传以下类型的文件： 图片文件（jpeg、jpg、png） 文档文件（pdf、txt、doc、docx、xls、xlsx、pp...
-
将base64图片以FormData格式上传到服务器(个人笔记)
将base64格式的图片处理为Blob对象。 将Blob对象添加到formData对象中。 http请求头设置为context-type: multipart/form-da...
-
React中配置服务器请求代理(学习笔记)
在src目录下创建setupProxy.js文件，该文件名是固定的，且这个文件是配置给webpack用的，需要用到commonJs语法。 编写setupProxy.js配置具...
-
React组件之间传值(学习笔记)
父子组件传值都是通过props, 父传子直接传数据，子传父要传一个函数。然后在子组件中调用这个函数把值传到父组件 父传子：props传值 子传父：回调函数 兄弟组件传值：发布...
-
React组件生命周期(学习笔记)常用的三个生命周期函数：componentDidMount，render，componentWillUnmount 旧生命周期 初始化阶段: 由ReactDOM.render...
-
React中key的作用(学习笔记)
key主要用于diff算法作为唯一值 经典面试题:1). react/vue中的key有什么作用？（key的内部原理是什么？） 虚拟DOM中key的作用：1). 简单的说: ...