weixin_40874076的博客

原创 vscode里的ts配置以及js配置不生效，可能是扩展程序被关了

最后在我不断重复尝试重启vscode的时候，右下角总是弹出一个扩展程序未使用，可能会影响编辑器使用，我点了一下开启，nnd，原来是。在setting.json里检查了下typescript的配置发现配置都被置灰了。这个扩展插件没有启用！

原创 React-Router useParams、useSearchParams用法（路由参数获取）

路由参数（Route Parameters）和查询参数（Query Parameters）是在Web开发中用于的常见概念。

原创 【React】基础数据回填--useForm与setFieldsValue详解

【代码】【React】基础数据回填--useForm与setFieldsValue详解。

原创 【React】Ant Design -- Table分页功能实现

【代码】【React】Ant Design -- Table分页功能实现。

原创 【React】上传文章封面基础实现

上传的接口字段，由接口字段提供，接口文档中叫啥名，这里就叫啥名。: 决定选择文件框的外观样式。上传回调，有默认形参。: 控制显示上传列表。

原创 【React】富文本编辑器react-quill

【代码】【React】富文本编辑器react-quill。

原创 【React】极客园--04.发布文章模块

在上传完毕之后通过ref存储所有图片，需要几张就显示几张，其实也就是把ref当仓库，用多少拿多少。如果当前为三图模式，已经完成了上传，选择单图只显示一张，再切换到三图继续显示三张，该如何实现？注意：需要给Upload组件添加fileList属性，达成受控的目的。2-导入资源渲染组件。

原创 【React】ECharts柱状图的使用和封装

【代码】【React】ECharts柱状图的使用和封装。

原创 【React】处理Token失效

【代码】【React】处理Token失效。

原创 【React】Layout-根据当前路由路径高亮菜单 --- useLocation的使用

【代码】【React】Layout-根据当前路由路径高亮菜单 --- useLocation的使用。

原创 【React】normalize--样式的全局初始化

【代码】【React】normalize--样式的全局初始化。

原创 【React】使用Token做路由权限控制

在components/AuthRoute/index.js中。src/router/index.js中。

原创 【React】Axios请求头注入token

Token作为用户的数据标识，在接口层面起到了接口权限控制的作用，也就是说后端有很多接口都需要通过查看当前请求头信息中是否含有token数据，来决定是否正常返回数据。

原创 【React】登录-封装Token的存取删方法--共享复用

在token.js中。

原创 【React】登录-Token持久化

原创 【React】统一中转工具模块函数

【代码】【React】统一中转工具模块函数。

原创 【React】AntD组件的使用--极客园--02.登录模块

实现步骤代码实现表单校验实现实现步骤代码实现获取登录表单数据实现步骤代码实现实现步骤Axios配置Redux实现登录逻辑token持久化封装存取方法实现持久化逻辑刷新浏览器，通过Redux调试工具查看token数据路由鉴权实现实现步骤代码实现

原创 【React】AntD组件---极客园--01.项目前置准备

CRA是一个底层基于webpack快速创建React项目的脚手架工具。

原创 【React】useMemo

本文我们浅谈了 useMemo 函数，了解到它可以帮助我们缓存计算结果，提高了组件的渲染性能。要使用 useMemo，我们需要提供一个计算函数，并指定需要监视变化的依赖数组。这样，只要依赖数组不发生变化，就可以直接使用缓存的计算结果，从而避免了重复进行昂贵的计算操作。

原创 【React】Lodash---groupBy() 分组

定义一个名为groupBy的方法，通过扩展Array原型来实现。该方法接受一个函数fn作为参数，并返回一个对象。== 该对象的键是将数组中的元素通过fn函数处理后得到的结果==，值是符合该键的元素组成的数组。遍历数组一次，生成一个{key1:元素1}，{key2:元素2}，，，，若key一样，则合并，最后，返回的是一个 以回调函数的结果为key值的对象。解释：对每次遍历的元素进行格式化处理，并以处理结果作为Key,对数组billLsit进行分组。最后，返回map对象，该对象包含了按照fn函数分组后的结果。

原创 【React】记账本项目

在前后端分类的开发模式下，前端可以在没有实际后端接口的支持下先进行接口数据的模拟，进行正常的业务功能开发。1.路径解析配置（webpack）2. 路径联想配置（VsCode）记得在index.js文件中注入。1.什么是数据Mock。

原创 【React】如何使用npm run start命令运行两个服务

【代码】【React】用一个命令运行项目和开启服务器。

原创 常用网络&特殊符号大全（含彩色表情符号）

1、常用符号❤❥웃유♋☮✌☏☢☠✔☑♚▲♪✈✞÷↑↓◆◇⊙■□△▽¿─│♥❣♂♀☿Ⓐ✍✉☣☤✘☒♛▼♫⌘☪≈←→◈◎☉★☆⊿※¡━┃♡ღツ☼☁❅♒✎©®™Σ✪✯☭➳卐√↖↗●◐Θ◤◥︻〖〗┄┆℃℉°✿ϟ☃☂✄¢€£∞✫★½✡×↙↘○◑⊕◣◢︼【】┅┇☽☾✚〓▂▃▄▅▆▇█▉▊▋▌▍▎▏↔↕☽☾の•▸◂▴▾┈┊①②③④⑤⑥⑦⑧⑨⑩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ㍿▓♨♛❖♓☪✙┉┋☹☺☻تヅツッシÜϡﭢ™℠℗©®♥❤❥❣❦❧♡۵웃유ღ♋♂♀☿☼☀☁☂☄☾☽❄☃☈⊙☉℃℉❅✺ϟ☇♤♧♡♢♠♣♥♦☜☞☝✍☚☛☟✌✽✾✿❁❃

原创 【React】vscode 设置提示 @ 路径 和 ~@ 路径 一直不成功的解决办法

菜鸟最近用公司的电脑开发，结果发现之前有的路径提示全没了，感觉非常难受，然后去插件一看才发现，好像是菜鸟自己不小心把这个插件给删了。1、== 首先需要下载上面的插件==

原创 【React】配置别名路径@

【代码】【React】配置别名路径@

原创 【React】创建路由开发环境

原创 【React】Redux与React - 环境准备

在React中使用redux，官方要求安装俩个其他插件 - Redux Toolkit 和 react-redux。

原创 【React】json-server

4.执行 npm serve 就会执行后面的命令，以db.json为数据源，端口为3004开启一个服务。3.在package.json中的script中，添加自定义命令。2.在根目录下下，新建db.json文件。

原创 【React】json-server的使用

Json-server 是一个零代码快速搭建本地 RESTful API 的工具。它使用JSON 文件作为数据源，并提供了一组简单的路由和端点，可以模拟后端服务器的行为。

原创 【React】dayjs -- 格式化时间 的使用

Node.js 项目中使用 Day.js，只需使用 npm 安装。

原创 【React】前端插件 uuidjs 的使用 --随机生成id

3.或使用 CommonJS语法。

原创 【React】classnames 优化类名控制

classnames是一个简单的JS库，可以非常方便的通过条件动态的控制class类名的显示ClassNames是一个用于有条件处理classname字符串连接的库简单来说就是动态地去操作类名，把符合条件的类名粘在一起现在的问题：字符串的拼接方式不够直观，也容易出错。

原创 【React】Lodash

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。[iteratees=[_.identity]] (Array[]|Function[]|Object[]|string[]): 排序的迭代函数。否则，指定为"desc" 降序，或者指定为 “asc” 升序，排序对应值。[orders] (string[]): iteratees迭代函数的排序顺序。(Array): 排序排序后的新数组。

原创 【React】vscode 中 React 自动补齐标签设置

3. 在Emmet 下，点击“添加项”，添加一项 javascript --> javascriptreact。2.搜索 includeLanguages。4. 重启vs code。

原创 【微信小程序】uni-app 配置网络请求

因此，建议在uni-app项目中使用。,生成 package.json 文件。1.在项目文件夹，打开终端，执行。由于平台的限制，小程序项目中。第三方包发起网络数据请求。2.在项目文件夹中，执行。

原创 【微信小程序】单页面设置enablePullDownRefresh：true 不生效

页面的配置比app.json全局配置简单得多，只是设置 app.json 中的 window 配置项的内容，页面中配置项会覆盖 app.json window 中相同的配置项。页面的.json只能设置window相关的配置项，以决定本页面的窗口表现，所以无需写window这个键”app.json中在window对象中设置,然而在页面的配置中,不需要window,悲剧的是怎么都不生效,然后我在app.json中同样设置,惊奇的是竟然生效了,那么到底哪里不对呢…今天在写下拉刷新功能,然后看了官方文档。

原创 【微信小程序】安装到D盘，添加环境变量

在系统变量找到变量Path双击，继续点新建把上述提示内容输入即可，注意不要忘记“；”，以图片提示就需要输入;D:\Program Files (x86)\Tencent\微信web开发者工具\dll，新手注意中英文不要写错。一直点击确定就可以应用了。右键“此电脑”点击属性——>关于，下滑找到高级系统设置，点进去。

原创 【Vue3】 Element Plus -- Checkbox 多选框

当单纯使用 v-model的时候，适合的应用场景是绑定或者说收集数据。而当我们拆分使用的话，可以做到动态绑定数据，之后进行change事件进行更多操作。但是我们想在这个change事件里面多添加一个参数name,change 只能接收一个参数 selected。在使用element 插件的时候 官方文档的内容是。change事件有一个默认参数 selected。笔记：在插件默认事件参数的基础上增加一个参数。所以 使用箭头函数方式 多增加一个参数。

原创 [Vue3] 请求拦截器里配置token

【代码】[Vue3] 请求拦截器里配置token。

原创 【Vue3】路由缓存问题

1.路由缓存问题产生的原因是什么？路由只有参数变化时，会复用组件实例2.俩种方案都可以解决路由缓存问题，如何选择呢？在意性能问题，选择onBeforeUpdate,精细化控制不在意性能问题，选择key，简单粗暴。