- 博客(33)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
原创 React+ts 函数组件 使用useImperativeHandle和forwardRef将组件实例或者方法暴露出去
React+ts 函数组件 使用useImperativeHandle和forwardRef将组件实例或者方法暴露出去子组件使用 forwardRef 包裹返回组件 使用useImperativeHandle 将实例或者方法暴露出去
2023-10-09 18:25:52
443
2
原创 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
原创 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
原创 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
原创 Vue3 Vue-Router详解 Vue3配置hash 和 history路由、Vue3封装的路由hook函数(useRouter,useRoute)的使用 路由懒加载、路由分包处理、魔法注释的使用
Vue3 Vue-Router详解 Vue3配置hash 和 history路由、Vue3封装的路由hook函数(usRouter)的使用 路由懒加载、路由分包处理、魔法注释的使用 路由跳转 NotFount页面配置
2023-02-08 17:05:14
3927
原创 uniapp 上传视频显示视频第一帧(视频缩略图)作为封面 可以自定义封面内容
uniapp 上传视频显示视频第一帧(视频缩略图)作为封面 可以自定义封面内容
2022-12-03 15:03:29
2742
原创 Vue3子组件修改父组件的props使用v-model导致报错
单向数据流父级prop的更新会向下流动到子组件中,子组件中所有的 prop 都将会刷新为最新的值但是反过来则不行。你不应该在一个子组件内部改变 prop。否则Vue 会在浏览器的控制台中发出如上图的警告这是Vue官方防止从子组件意外变更父级组件的状态内容,这样会导致你应用的数据流向杂乱无章。
2022-11-17 14:34:07
4192
原创 Promise、async、await,封装异步代码,解决回调地域
Promise、async、await,封装异步代码,解决回调地域,解决promise的问题
2022-08-16 17:17:18
391
原创 vue匿名插槽, 具名插槽(vue2.6之前,vue2.6之后), 作用域插槽(vue2.6之前,vue2.6之后)
vue匿名插槽, 具名插槽(vue2和vue3), 作用域插槽(vue2.6之前,vue2.6之后)
2022-08-07 22:01:06
280
原创 vue2组件传值(边界处理)
父传子, 子传父, 时间总线(eventBus), Ref, parent/children/root, provide/inject
2022-08-04 21:09:51
203
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人