桥志三-CSDN博客

原创 Vue3基本使用Pinia，Pinia和vuex的区别 pinia的基本使用 Pinia状态持久化 pinia-plugin-persistedstate的使用详细说明！！！

我们都已经有 Vuex 了为什么还要用 Pinia 呢 Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子，结合了 Vuex 5 核心团队讨论中的许多想法; 最终，团队意识到Pinia已经实现了Vuex5中大部分内容，所以最终决定用Pinia来代替Vuex; 与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的仪式，提供了 Composition-API 风格的 API;【vue3 Pinia使用与讲解】vue3新一代的Store应用工具

2023-02-19 19:04:33 8688 1

原创前端input上传文件使用new FormData()同时上传文件类型和JSON数据

【代码】前端input上传文件使用new FormData()同时上传文件类型和JSON数据。

2024-03-14 15:28:40 799

原创什么是单点登录（SSO）前端用 iframe 实现单点登录超详细说明！！

单点登录的英文名叫做：Single Sign On（简称SSO单点登录是一种身份验证过程，允许用户通过一次登录验证即可访问多个应用程序或服务。SSO的关键好处是提高了效率，减少了用户记住多个密码的负担，同时也简化了用户管理。比如阿里系的淘宝和天猫，很明显地我们可以知道这是两个系统，但是你在使用的时候，登录了天猫，淘宝也会自动登录。

2024-03-04 14:34:46 1557 5

原创 uniapp一键登录调取云函数uniCloud.getPhoneNumber获取手机号

就可以让后端调用你上传的云函数你只需要将access_token和openid传给后端就可以了不需要自己调用云空间函数

2023-11-08 09:10:33 665 3

原创 react 使用EventBus创建响应拦截器

react 在封装的ajax请求下不能使用 hook函数可以使用 EventBus 封装响应拦截器

2023-11-02 17:57:26 159 1

原创 vscode插件和配置

vscode编辑器设置

2023-10-16 08:56:17 314

原创 React+ts 函数组件使用useImperativeHandle和forwardRef将组件实例或者方法暴露出去

React+ts 函数组件使用useImperativeHandle和forwardRef将组件实例或者方法暴露出去子组件使用 forwardRef 包裹返回组件使用useImperativeHandle 将实例或者方法暴露出去

2023-10-09 18:25:52 443 2

原创 turf 计算经纬度是否在图层

使用truf循环判断坐标是否在多个图层数据内的某一个图层内

2023-06-16 13:04:41 241

原创 H5 端聚合支付前端对接支付-前端获取后端返回的form 表单以及submit提交表单，自动跳转(香港支付宝, 银行卡支付, 微信支付等等)

聚合支付通常是通过提交表单方式来调起支付接口，所以我们需要将返回的 form 表单到页面中进行提交。可以按照以下步骤实现注意事项:·在获取并插入表单时，需要确保表单的 id 等属性正确、唯一在提交表单之前需要进行校验和处理，并确保表单数据与后端接口要求的一致。由于自动提交表单可能会被浏览器拦截，所以需要确保已经得到用户允许并将表单提交

2023-06-01 17:09:13 1080

原创使用 Hbuilder X 打包h5报错 ([plugin:vite:resolve] Missing “./preload-helper“ export in “vite“ package)解决办法

使用 Hbuilder X 打包h5报错 in "/index.html" can't be bundled without type="module" attributeerror during build:[plugin:vite:resolve] Missing "./preload-helper" export in "vite" packageError: Missing "./preload-helper" e

2023-06-01 16:37:05 1561

原创前端将后端返回的富文本格式字符串转换成word下载

前端将后端返回的富文本格式字符串转换成word下载

2023-05-29 11:41:17 713

原创 Vue使用wangEditor富文本编辑器报错(ot find a descendant at path [0,1] in node: {“children“:[{“type“:“paragraph)

Vue使用wangEditor富文本编辑器报错(ot find a descendant at path [0,1] in node: {"children":[{"type":"paragraph)

2023-05-25 09:41:21 2711

原创 vue选择语言翻译页面

vue选择语言翻译页面自定义翻译使用场景：默认翻译成繁体是区分不了港澳台三种繁体语言类型使用自定义翻译可以实现业务调用内置方法translate.nomenclature.append(from, to, properties);传入参数说明：from要转换的语言，传入，例如“chinese_simplified”to翻译成目标语言，传入“要翻译的语言类型”properties配置表格，格式为属性的格式，每行一个规则，前后各用等号分隔，等号前为待翻译的单词或句子，等号后为自

2023-05-22 14:32:10 1757 6

原创 dayjs在周日获取当前周第一天的时间但是显示下一周第一天的时间-解决办法

dayjs 是一个 JavaScript 日期处理库，通过 extend() 方法可以扩展其功能。weekday 是 dayjs 自带的一个插件，它提供了一些用于获取、设置周几的方法。通过执行 dayjs.extend(weekday)，就可以将 weekday 插件装载到 dayjs 中，从而在代码中使用该插件提供的方法。该插件提供的方法包括：.weekday()：获取当前日期是本周的第几天，0 表示周日，1 表示周一，依此类推。.set('weekday', n)：将日期设置为本周的第

2023-04-25 14:50:58 2459

原创 Vue导入Excel文件转换为json

前端导入Excel文件转换为json

2023-04-04 20:14:13 994 1

原创 React-redux ReduxToolkit 的使用和封装如何同步和异步修改initialState内的数据超详细说明

它可以自动组合你的 slice reducer，添加你提供的任何 Redux 中间件，redux-thunk默认包含，并启用 Redux DevTools Extension。接受一个动作类型字符串和一个返回承诺的函数，并生成一个pending/fulfilled/rejected基于该承诺分派动作类型的 thunk。接受reducer函数的对象、切片名称和初始状态值，并自动生成切片reducer，并带有相应的actions。，将slice中的reducer可以组成一个对象传入此处；

2023-03-25 21:04:41 2855 1