App
文章平均质量分 72
暂时先用这个名字
编程是工作与兴趣
展开
-
基于 Vue3、Vite 和 TypeScript 实现开发环境下解决跨域问题,实现前后端数据传递
避免跨域限制:请求通过代理后,看起来是发往开发服务器的,绕过跨域限制。代码简洁:代理后代码路径更简洁,便于管理。环境适配:代理配置使切换环境更方便,只需更改target地址。原创 2024-11-06 22:54:47 · 589 阅读 · 0 评论 -
【99.9%解决】vue3+vite+typescript+vscode使用@alias路径别名配置不正确导致红色波浪线的解决办法
因为是vite和typescript两条线走路,所以有两处需要配置。不管你怎么改,万变不离其宗:主旨就是让typescript调用的时候能看到你的完整路径!完整路径由根目录+目录名+文件名+文件后缀组成,从这几点上去考虑,相信很快就能找到你自己代码的病症,开出准确的方子来解决。原创 2024-10-30 18:11:59 · 924 阅读 · 0 评论 -
vue3+typescript开发时用到了pinia却提示出错“Are you trying to use a store before calling “app.use(pinia)“”,问题解决
通过将 Pinia 实例化和导出放在一个单独的文件中,并在需要使用 Pinia 的地方导入这个实例,我们确保了 Pinia 实例的全局唯一性和作用域明确性。这样可以避免 getActivePinia() 调用时找不到活跃 Pinia 实例的问题。希望这些解释能帮助你更好地理解这个问题及其解决方案。原创 2024-10-28 00:54:37 · 391 阅读 · 0 评论 -
用ElementPlus开发el-tab结合router-view调用组件时需要注意多次渲染的问题
最近在用vue3+elementPlus开发后台界面,用到右侧el-tab这个组件结合实现调用,刚在逛csdn的时候发现一个大佬说如果把放在下会导致多次渲染,我想还有这事?赶紧测试一下。。。果然,大佬还是大佬。原创 2024-10-26 21:55:35 · 535 阅读 · 0 评论 -
vue开发的时候,目录名、文件名、函数名、变量名、数据库字段等命名规范
小驼峰命名法在一些需要与 JavaScript 代码风格保持一致的情况下也可以使用,但对于一些不熟悉代码的人来说,可能连字符命名法在视觉上更友好。小驼峰命名法适用于在 JavaScript 代码内部主要使用的文件,而连字符命名法在文件名需要在 HTML(如在script标签的src属性中)或者其他对连字符更友好的环境中引用时比较方便。JavaScript 本身的函数命名习惯就是驼峰命名法,并且在 Vue 组件内部,这样的命名方式与其他 JavaScript 代码风格保持一致,易于阅读和理解。原创 2024-10-26 13:48:25 · 719 阅读 · 0 评论 -
安装配置vue3+vite+typescript+setup组合式项目开发的必备内容
重新整理了一下项目开发必备的一些操作,以后直接复制黏贴运行,随着项目开发,后期会陆续补充常用插件或组件等如果你是还没有安装过的新人,建议从《》开始。原创 2024-10-23 22:44:12 · 382 阅读 · 0 评论 -
uni-app开发日志:将schema2code生成的新增页和修改页整合成一页
有没有想过,add和edit页面其实没多大差别?我之前自研的系统add和edit都是一个页面,只要判断一下当前有没有id传递来,为空来就是新增。这样如果页面修改时,才能尽量少改动代码,少出错。原创 2024-08-27 14:26:29 · 455 阅读 · 1 评论 -
uni-app开发日志:schema2code生成的新增页和修改页因字段太多用分段器实现分段分类
schema2code默认只能实现较为简单的分组,当填写项目较多的时候,肯定是用选项卡明确分段比较合适,这时候schema2code自生成的就没法实现了,摒着最最少的代码修改来尝试设置生成前的schema和生成后的vue页面。原创 2024-08-27 10:43:42 · 714 阅读 · 0 评论 -
uni-app开发日志:实现无限层级树形分类页面,通过schema2code生成代码并在此基础上完善修改list、add和edit页面
本文需要有一定基础的,省略很多开发解释,生成的无限级分类功能只是一个超简易版的功能,没有父类选择,只能自己填入父类ID,列表的时候也是全部显示,无法根据分类逐层显示,或者树形显示。因此,我们需要在这个基础上进行修改,尽量少改一点。原创 2024-08-22 20:13:48 · 686 阅读 · 0 评论 -
uni-app开发日志:unicloud使用时遇到的问题解决汇总(不断补充)
安装uni-admin后再安装uni-cms,在uni-admin中添加好菜单,结果提示该错误。回到hbuilder中。比较一下,选中老的删除。原创 2024-07-18 15:09:27 · 664 阅读 · 0 评论 -
uni-app开发日志[20220530]:民族在不同组件中所需不同格式的数据
排序都以单字首字母为顺序uni-index-list组件[ { "letter": "A", "data": [ "阿昌族" ] }, { "letter": "B", "data": [ "保安族", "布朗族", "布依族", "白族" ] }, { "letter": "C", "data": [ "朝鲜族" ] }, { "letter": "D", "data": [ "德昂族", "独龙族",原创 2022-05-30 23:10:55 · 569 阅读 · 0 评论 -
微信开发 ━━ 微信商户v3微信支付查询之php篇
官方指南:《查询订单API》//根据微信订单号查询https://api.mch.weixin.qq.com/v3/pay/transactions/id/1217752501201407033233368018?mchid=1230000109//根据商户订单号查询https://api.mch.weixin.qq.com/v3/pay/transactions/out-trade-no/1217752501201407033233368018?mchid=1230000109总体比较简单,就原创 2022-05-22 11:09:39 · 3481 阅读 · 3 评论 -
微信开发 ━━ 微信商户v3微信支付回调之php篇
开发内容都在这里:微信支付API v3证书和回调报文解密在微信支付时提供一个回调地址,支付完成后微信会向这个回调地址发送一个json格式的报文,将报文内容解密后获取订单号等数据报文内容:{ "original_type": "transaction", // 加密前的对象类型 "algorithm":"AEAD_AES_256_GCM", // 加密算法 // Base64编码后的密文 "ciphertext": "...", // 加密使用的随机串初始化向量) "nonce原创 2022-05-18 01:03:52 · 3668 阅读 · 0 评论 -
微信开发 ━━ 微信商户v3微信小程序支付方式开发之php篇
最近开发了小程序版的微信支付,遇到的情况与之前h5略有不同,主要就是多了一步:通过wx.login()获得code,再由code获取openid,流程中涉及的签名方式也略有不同。之前写过二期native和h5的开发,本篇开门见山直接按照流程来写一写小程序支付的开发。参考前两篇:微信开发 ━━ 微信商户v3微信支付H5方式开发之php篇微信开发 ━━ 微信商户v3微信支付Navive方式开发之php篇一、获取code(前端)小程序支付所用openid只能在服务端利用前端提供的code向微信索取.原创 2022-05-16 16:31:27 · 2372 阅读 · 0 评论 -
uni-app开发日志[20220513]:官方、第三方API开发问题(vue3版本为主)
解决uni.request()内调用this失效的两种方法两种解决方法:使用箭头函数(箭头函数内没有this,所以使用 this 时其实是父层的 this)外层定义 let that=this ,这样在uni.request()内部使用that来代替this即可<template> <view> <view>{{title}}</view> </view></template><sc原创 2022-05-13 16:56:50 · 546 阅读 · 1 评论 -
uni-app开发日志[20220513]:官方、第三方组件开发问题(vue3版本为主)
uni-file-picker问题属性disablePreview=true,limit=1时,点击已上传图片,可再次选择图片,且图片可多选,最多9张图,之前已传图片保留不覆盖;属性disablePreview=true,limit>1时,点击已上传图片,无法再次选图片;解决采用默认值,disablePreview=false,不使用该功能。uni-list-item问题uni-list-item点击事件无效解决在uni-list-item标签里添加link或者设clickabl原创 2022-05-13 16:51:56 · 1238 阅读 · 0 评论 -
uni-app开发日志[2022040402]:一些简单的函数整理
一些uniapp开发时可能用到的简单的函数原创 2022-04-05 01:52:17 · 665 阅读 · 0 评论 -
uni-app开发日志[2022040401]:使用图标字体的一些用法
如何使用图标字体woff2等原创 2022-04-04 16:46:44 · 625 阅读 · 0 评论 -
uni-app开发日志[2022022701]:解决因异步原因导致子组件调用父组件中uni-form表单验证事件时发生的错误及uniform、promise、async、await的同步异步使用注意点
uni-form是uniapp官方组件,其中表单验证部分使用异步方式,这样当子组件调用父组件的验证事件时,该验证事件将排在最后执行从而导致无法获得正确验证结果。解决这个问题需要结合表单验证、同步异步、promise、catch、then、async、await等内容。原创 2022-02-27 02:52:40 · 4480 阅读 · 1 评论 -
微信开发 ━━ 微信商户更名后付款时仍旧为最初的简称,如何修改微信支付的店铺名称
客户微信支付的简称最初为“AAA”,后更名为“BBB”但是打印收款物料或者扫描二维码付款时,底下的名称依旧是“AAA的店铺”和微信支付的客服(95017-2)沟通后,得知这个位置的名称只会调用首次登记时的名称,如需更改则进行以下操作:添加并进入公众号“微信收款商业版”左下角“进入商业版”进入“我的门店”进入店铺点击修改...原创 2022-02-09 19:01:48 · 4444 阅读 · 0 评论 -
uni-app开发日志[20220219]:汇总一些遇到的奇奇怪怪的开发问题(vue3版本为主)
uniapp已支持vue3,但很多组件并未及时更新。想想也用它开发好几个项目了,之前一直用市场里的现成组件,这回索性沉下心好好学学弄弄。目前零零碎碎发现很多问题,专开一贴记录下来。原创 2021-12-03 16:49:31 · 3128 阅读 · 0 评论 -
安全篇 ━━ JWT的用途和安全探讨,编码解码=\=加密解密
什么是JWT?JSON WEB TOKEN,json格式的网络令牌,所以JWT只是一种token形式,可用来解决传统session的一些弊端。它本身和数据安全没有关系原创 2021-11-16 01:19:23 · 3707 阅读 · 0 评论 -
uni-app开发日志[2021091401]:navigator如何在url里加上参数
1、在navigator的url中直球对决url中加参数,这里举个例子,适用大部分情况,注意url前的冒号:,url中双引号"和单引号'的用法。<view v-for="(item,index) in listOrder"> <navigator :url="'/pages/show?category='+model.category+'&id='+item.id">{{item.name}}</navigator></view><sc原创 2021-09-14 12:28:06 · 2301 阅读 · 0 评论 -
uni-app开发日志[2021061201]:将uni.request异步模式改装成同步模式,uni-app基于Promise的request请求封装
在使用 uni-app 开发前端的过程中,uni-app 官方已为我们提供了非常丰富的组件和 API,比如 uni.request 网络请求,如果我们直接在代码中使用会造成较多的冗余,因此一般都会进行封装。之前有介绍过 uni.request 的基础封装,今天介绍另一种封装方式:基于 promise 的封装方式。创建http.js在项目根路径下新建 commons 文件夹,并创建一个 http.js,内容如下:const baseUrl = 'http://127.0.0.1:8080/api/'转载 2021-06-12 00:24:25 · 954 阅读 · 0 评论 -
微信开发 ━━ 微信商户v3微信支付H5方式开发之php篇
一、流程流程是必须要弄懂的,弄懂之后遇到问题也能知道出在哪里。官方说明:《H5支付统一下单API官方说明》这是native方式开发纪要:《微信开发 ━━ 微信商户native方式支付v3开发之php篇》这是官方的流程图,但说真的,开始看的我头疼,只有等实现过一次后再回头详看才会比较有用。此处介绍h5支付方式。注册商户、申请api证书等前期工作这里不再赘述。注意H5方式只能在手机浏览器里正常实现,不能在微信自带浏览器或PC里操作。1. 准备好“订单号”、“金额”等数据好好看看上面那篇官方原创 2021-05-21 20:56:32 · 3018 阅读 · 7 评论 -
微信开发 ━━ 微信商户v3微信支付Navive方式开发之php篇
一、流程流程是必须要弄懂的,弄懂之后遇到问题也能知道出在哪里。官方说明:《Native支付统一下单API官方说明》这是官方的流程图,但说真的,,开始看的我头疼,只有等你实现过一次后再回头详看才会比较有用。此处介绍native支付方式。注册商户、申请api证书等这里不再赘述。1. 准备好“订单号”、“金额”等数据好好看看上面那篇官方说明里的“请求参数”列表,其中out_trade_no、amount [total]、appid、mchid等等是必要参数。2. 根据要求生成“签名”,需要利用ap原创 2021-05-19 01:21:08 · 1971 阅读 · 7 评论 -
微信开发 ━━ 微信支付之商户API证书获得
微信开发需要用到商户平台密钥,可用于生成签名等工作。操作时跟着提示一步一步走就行了,里面下载的最新软件链接都有。进入商户平台 => 账户中心 => API安全 => API证书 => 申请证书 => 下载并安装证书工具打开证书工具 => 根据上一图中的资料输入商户号、商户名称 => 下一步生成代码将生成的请求字符串黏贴至网页上对应位置,并点击下一步输入操作密码和手机验证码,进入下一步确定通过验证复制生成的证书字符串证书工具进入下一步将原创 2021-05-18 22:07:59 · 1122 阅读 · 1 评论 -
uni-app开发日志[2020122502]:uniapp将图片绝对路径转化为BASE64格式
还没有验证过,网上摘录。var img = "http://xxx/timg.jpg";var image = new Image();image.src = img;image.onload = function() { //文件的Base64字符串 var base64 = getBase64Image(image); console.log(base64);}/** * 图像转Base64 */function getBase64Image(img) { var canvas转载 2020-12-26 00:46:19 · 2198 阅读 · 0 评论 -
uni-app开发日志[2020122501]:uni-app 和 Vue 的区别
标题组件/标签的变化以前是html标签,现在是小程序标签。div 改成 viewspan、font 改成 texta 改成 navigatorimg 改成 imageinput 还在,但type属性改成了confirmtypeform、button、checkbox、radio、label、textarea、canvas、video这些还在。select 改成 pickeriframe 改成 web-viewul、li没有了,都用view替代audio 不再推荐使用,改成api方式转载 2020-12-25 22:28:01 · 517 阅读 · 0 评论 -
uni-app开发日志[2019090601]:开发上拉加载时的一些情况整理
这几天在制作上拉加载,这里总结一下。console.log如果出现提示数据为__ob__: Observer,则可使用下面的方式强制转换//先转为字符串,再转为jsonJSON.parse(JSON.stringify(oldData))数组、json不同的合并方式数组//使用时注意先后oldData = oldData.concat(newData);json//正...原创 2019-09-06 13:42:17 · 634 阅读 · 0 评论