- 博客(16)
- 收藏
- 关注
RSS订阅原创 微信code登录后code失效清除
环境：1.vue22.uniapp3.hash场景：用户注册登录时，调用code后登录，成功，再次进入这个页面时，url残留code和state,导致重新获取code失败，用的旧的code,导致报：微信授权码解析失败！在OAuth授权回调后，URL中会携带code和state参数。如果用户之后又从其他途径（比如分享链接、手动输入）进入同一个页面，或者刷新页面，这个已经使用过且失效的code会一直存在于URL中，导致各种问题。
2025-08-22 16:40:13
492
原创 PC富文本编辑器
3.将下载下来的文件，解压，在publi目录下新建static/tinymce文件目录，然后再解压的文件夹下找到tinymce目录，文件如下，将文件复制到新建的static/tinymce文件夹内。如果对图片没什么操作的用户，推荐使用。1.大佬的封装好的富文本编辑器，销毁组件时，有点问题，需要自行添加key和销毁时销毁组件。1.cdn使用，直接调用即可，但是网络不好不建议使用，很容易掉。2.看封装的组件使用的是哪一个版本，去官网下载对应的文件。当前项目是用的若伊的框架，自带一个富文本编辑器，用的。
2025-01-23 16:07:06
1008
原创 高清壁纸网站
1 https://wallhaven.cc/2 https://wallpaperscraft.com/3 https://wallroom.io/4 https://wallpapercave.com/5 https://unsplash.com/6 https://www.gamewallpapers.com/7 https://bz.zzzmh.cn/index8 https://bing.ioliu.cn/9 https://www.pexels.com/zh-cn/10 htt
2024-04-02 11:47:09
13230
1
原创 货币配置思考和实现方式（类似于国际化）
用户在前端提交数据后，后端可以再次验证和处理数据，确保数据的完整性和正确性。将数据转化的任务放在后端可以提供更好的安全性，因为后端代码可以受到更严格的访问控制和安全防护措施。你可以在后端进行汇率数据的验证和处理，确保数据的准确性，并对异常情况进行适当的处理。数据隐私：如果涉及敏感的金融数据，例如用户的账户余额或交易细节，你可能更倾向于在后端进行货币转换，以确保数据隐私和安全性。通过将数据转化的任务放在后端，你可以充分利用后端的安全性和可靠性，并确保交易数据的准确性和一致性。1、保证汇率的实时、可靠。
2023-11-23 10:34:39
1062
原创 react useContext钩子函数
下面是useContext函数实现过程，其他方式原理一样，且更加简便。3、Logo组件接收到状态，调用接口更新Logo。redux,dav,useContext都可。2、配置提交图片后给Logo组件传递状态。可配置系统Logo,1、封装Logo组件。
2023-11-17 15:20:18
136
原创 输入框显示和隐藏输入内容
利用ProForm.Password 组件 可以让输入的内容全部以*显示，用来隐藏原本的内容。再设置fieldProps={{visibilityToggle: false }} 关闭 右边控制显隐的按钮 可实现。用户输入的身份证信息需要隐藏，不显示，但提交的时候需要提交。本项目用antd pro组件。
2023-11-07 10:00:36
717
1
原创 遇到的问题
1、由于有相同的数据，且无法分别，没有唯一字段。那么添加唯一性字段，这个字段用数据的key来表示，而这个key正好用来做高亮数据。物品扫码出库时，扫码接口返回的码要对应当前页面列表的某一列数据，发货数量固定，扫码数量要等于发货数量，并且该数据要高亮显示。3、再数据中，默认给第一条数据，扫码数量加一 ，存储该数据的key。2、过滤，筛选相同相同的数据（且 发货数量 不等于 扫码数量）重点：返回的码对应的数据很可能是多条，高亮显示的其中一条数据。重点：得到的数据要覆盖原数据。
2023-07-20 10:23:17
129
1
原创 递归函数写菜单和权限
2、需求不明确是几层菜单，保持代码的健壮性，保证后期突然需求变动，不用大量修改代码；第二种:需要拿取某一层级下的数组，层级不确定，返回的是一个数组，不是原数据。1、返回的菜单数据，有些不需要且有些数据为null时会产生一些bug；递归函数，保证代码的健壮性。可先实现功能，后期优化。第一种，直接返回原结构数据，排除为空为null的字段。3、层级很深的按钮级别，并且处于不同的层级。以上三种场景，其实是一个功能模块所需要的。
2023-05-25 19:16:35
229
1
原创 umi＋react＋antdesign pro 实现动态路由和动态菜单（权限管理）
在这可以直接读取，但是有一个问题 当用户改变时，不能即使返回最新的菜单数据。2、但是所需要的数据就很多了，例如当前菜单是否隐藏，侧边栏不显示等等这些属性。按钮权限可以通过每一个页面权限的子集，来获取某些个字段，通过这些字段的鉴别，来对应的显示/隐藏不同的按钮（按钮权限）在这，你可以拿取跳转的当前路由和你获取的动态菜单做匹配，若从在。1、服务器返回的数据尽可能可前端所需要的数据保持一致，且结构一致。3、动态菜单通过对数据操作，可形成动态路由。1、想要做动态路由，可以通过服务器获取动态菜单的数据来做。
2023-05-25 19:04:23
7686
1
原创 antd v5 pro 项目登录页面刷新后登录成功跳转失败
问题出在这，该方法，之前登录返回为undefined。之前版本没有这个问题，升级后出现。只有第一次、或者关闭浏览器重新打开时点击登录，才可以进入。点击浏览器刷新，登录成功，跳转为当前页面。这个问题很好解决，直接答应对应的数据，发现login.tsx，存储数据的格式和之前不一致，显示有误，做相应修改即可。第一步，显示登录成功，但跳转失败，说明await fetchUserInfo()有问题。第三步,排查app.tsx getInitialState方法。发现为undefined。第二步,打印初始化数据。
2023-05-22 18:52:04
1193
1
原创 umi + antd pro + antd 5 升级组件后报错
一些组件的底层逻辑会发生变化，例如对于数组嵌套的数据类型判断，当children为空时，报错。语法类型需要去自己一一排查，对于后端返回的数据，自己做一些过滤。排除为null的字段。升级之后一些组件的属性和API会发生变化，导致报错。解决办法：报错的组件去看新的方法，更换属性和API。注：排查思维很重要，注重逻辑的去排查，一层一层排查，不要跳跃排查。目前遇到两种类型问题，之后遇到再继续罗列。
2023-05-16 10:46:04
725
1
原创 前端下载文件
zip可以直接下载，但是像json和图片不能直接下载而是预览。场景：服务器有文件可直接下载，传递的url地址。创建文件src/utils/index.ts。写请求下载方式 并暴露出去。
2023-03-28 18:20:58
181
1
原创 React v4官方推荐的富文本编辑器braft-editor使用
由于官方文档都是class类组件，使用时不太方便，所以下面是自己写的一个hook函数组件，只实现了基本使用，特殊化的暂未写出。
2023-03-16 17:33:06
1570
原创 页面多组件 antd 多组件调用同一接口
如果数据发生了变化，但是组件的 props 和 state 没有改变，那么组件就不会重新渲染，从而导致数据没有被更新。总之，当有数据却没有被渲染出来时，需要仔细检查代码，确定数据是否传递到了组件，并且在正确的位置进行渲染。在 React 中，组件的渲染顺序是由组件的层级关系和数据的传递方式决定的。如果数据在组件间传递时出现了错误，可能会导致组件的渲染顺序不正确，从而导致数据无法正确地渲染出来。解决方法是仔细检查组件的层级关系和数据的传递方式，确保组件的渲染顺序是正确的。需求一：点击列表切换旁边的表格内容。
2023-03-10 17:44:27
456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人