- 博客(135)
- 收藏
- 关注
RSS订阅原创 vue3+uniapp首次进入小程序加载或缓存不存在时加载，其他情况不加载，直接调用缓存数据
首次进入小程序获取天气数据 并存储起来，其他时候返回此页面 不发送请求，直接调用缓存数据。
2023-11-02 18:05:37
421
原创 uniapp v3+ts 使用 u-upload上传图片以及视频
【代码】uniapp v3+ts 使用 u-upload上传图片以及视频。
2023-10-24 18:18:58
1490
1
原创 vue2之 请求在线JSON文件地址获取数据
但是呢 有个弊端 频繁的动options中的 json数据 会造成 里面的数据有更改。这个bug老久前遇到 那时忘记记载了 现在重现不出来。
2023-08-28 17:30:40
543
原创 uniapp 之 微信小程序、支付宝小程序 对于自定义导航栏的不同
1. 微信小程序在 pages.json 中配置导航栏样式而 支付宝小程序 在pages.json 中配置导航栏透明度2. 配置导航栏标题文字内容"navigationBarTitleText": "站点详情",微信小程序 在配置导航栏样式后在配置 这个属性，则在页面不会显示 标题文字内容而 支付宝小程序配置 此属性 则在页面上显示标题文字内容 （若在二级页面时 也会出现返回上一级的箭头）
2023-07-21 10:23:23
1690
原创 微信小程序主体名称迁移流程
因一些业务需求，需更换小程序主体名称按理说，有两种方法，第一种：重新注册小程序第二种：在微信公众平台 → 设置 → 基本信息 → 主体信息 → 小程序迁移第一种方法操作起来是很简单，但是呢，用户使用原主体小程序的记录以及一些数据 新注册的小程序获取不到，毕竟appid不同若不在意小程序里面存储的信息的话，就重新注册小程序重点讲解第二种。
2023-07-18 13:55:40
1001
原创 uniapp 之 将marker 渲染在地图上 点击弹层文字时显示当前信息
而 mapList 里面的 stationId 为 字符串 类型 ，因此这要做个类型转换，若不转换的话，点击所有的 气泡，卡片上面的内容 是显示一样的。因为我这数据是用分页处理 若是 使用index，会有重复的id，会导致在缩放地图时 有些 marker 消失，this.getStationList() 这个请求先执行，后打印经纬度，这时请求里的经纬度 就为空，是我封装的组件， v-if=“tag” 默认不显示，当我点击气泡时出现的 卡片信息。，这个文件帮我们把用户的经纬度存储起来了，我们只需 取就行。
2023-04-19 16:11:57
3399
1
原创 uniapp 之 新能源键盘 以及 验证码倒计时
新能源输入 车牌 输入规则，第可以是字母也可以是数字但最后四位必为数字，在测车牌号校验时 总提示输入错误，最后才发现 上面的输入规则。
2023-03-14 16:56:52
419
原创 uniapp之最新获取用户昵称以及头像
在uniapp登录时候最开始想的就是手机号登录之后，就获取用户的昵称以及头像，存储起来，登录的时候直接显示在我的页面，最开始使用的是 uniapp官网自带的的方法，就可以获取用户的头像跟昵称，谁知这个方法 11月份已经收回，使用不了了，扎心官网我觉得 获取用户信息的话 还是让后端 直接返数据吧，
2023-01-07 11:25:10
7389
2
原创 uniapp 之订阅信息
小程序上线后，使用时，是没啥问题，但是呢，当小程序 某项功能干完后，没有提示，那用户怎么知道 这件事做完了没有，所以 我们就要做个 微信订阅信息提示。
2023-01-06 15:41:49
3116
原创 uniapp之 onShow、onPullDownRefresh 等不生效 使用 mounted 设置定时器
因项目的需求，我需要 在某个页面 设置定时器，我这个定时器之所以使用 vue生命周期中的mounted以及是因为 此页面是个 子组件 暂不支持 小程序中的 onShow、 onUnload 以及 onHide 页面生命周期因此代码如下别忘了在 data 里面要定义 timer ： null} else {}, 0)console.log('刷新', +new Date());},
2023-01-06 10:00:00
2386
原创 uniapp 之 线上版本跟 测试版本/ 开发版本 共用同一个token
就是 我的页面中 用户啥数据都没有，打印出来的结果显示为null，若这时 用户没有注意看 直接点击充值的话，钱会充值到其他环境，判断能不能获取到用户信息，若用户信息为 null，则直接清空token，让用户重新登录，我之前查看过一些文章 这个问题的话 18年都有，到现在还没有解决，哎。若 线上版本跟测试版本 共用一个 token会出现什么样的后果？这样的话，是可以解决，但具体实施方法，还是得看各位项目的需求吧。若想不窜环境的话，只能在登录那个页面里。
2023-01-05 16:02:18
188
原创 mock功能
后端接口的开发速度跟不上前端的进度， 而前端要实现业务还必须依赖数据，前端为了保证开发进度就需要自己mock数据 ，保证业务能正常开发。在项目中的组件中正常使用ajax发请求即可，或者采用测试工具来做测试。仿照table.js的写法，写入news.js的内容如下。在mock/index.js中，引入news.js。在mock目录下创建一个news.js文件。写一个获取新闻列表的接口。分析现有的代码功能，仿写一个。什么时候需要mock？
2022-12-22 14:19:25
443
1
原创 Vue2 之 配置路由
因长时间只写小程序项目，不写后管项目，导致我连最基础的路由配置都不会写。原本想的是让大哥把路由配置好，我写页面的，但是呢，┭┮﹏┭┮，有几个页面跟我即将写的内容一模一样，大哥让我直接借鉴。我曾预料过，我会卡在配置路由这边，但不曾想预料成真，但没事，卡在这，大哥跟我分析原因，我总结记录下，下次忘记了，可以直接看自己写的文章回忆回忆，真的是 好久不写后管项目真的啥都忘了。
2022-12-21 17:02:46
1557
原创 uniapp 之 常用的 main.js文件配置 下
上篇文件分析了一点,还有后续没有分析完最开始以为把小程序发送给朋友以及分享到朋友圈是小程序自带的功能，谁知道，这个功能还让我们自己写，最开始的效果就是那两个图标是暗色，这个功能写完后就有颜色了，这两功能可以使用了。
2022-12-20 21:55:31
460
原创 uniapp 之 常用的 main.js文件配置 上
在我们日常工作开发中，每次新建一个uniapp项目，所使用的main.js文件中的内容大差不差，我这边的话，先分享下我自己所使用的 内容，也是为了方便下次使用时可以直接C过去若有大神使用的内容比我好的话，欢迎留言。
2022-12-19 16:29:23
2865
原创 uniapp之 跳转第三方地图
之前看别人家的小程序里有这个点击右边的图标就显示一个弹出层，并且若点击里面的高德地图或腾讯地图，则可以直接跳转到对应的地图，这个功能时，就特别的羡慕，那时还单纯的以为，这个功能特别难写，谁知最后我写出来了才知道这个很简单。
2022-12-16 19:51:56
2773
8
原创 uniapp 之 扫普通二维码进入小程序
因项目的需求，需要我完成 在微信的扫一扫中，扫后端定义的二维码进入小程序中这个需求说简单也很简单，说难也不难，就是花费了我几天的时间需要在开发--->开发管理下的开发设置中的一直往下滑 直到出现扫普通链接二维码打开小程序这一栏写 小程序功能页面的时候，要想好路径后在填写，毕竟以后不能修改这一栏，只有下面红色框住的内容才能修改我当初就是卡在 下载校验文件 这一步，因为这个校验文件下载后要放到服务器文件下面，这个我不会，最终大哥帮我弄好了，
2022-12-15 17:50:44
5799
原创 uniapp 之 复制、粘贴、以及拨打电话
因项目的需求，需要我完成，当用户点击复制时，能成功把手机号复制下来,以及还让它在剪切板版显示，以及点击咨询的时候，能唤起拨打电话提示以及拨打手机号功能实现,或许我说的有些迷糊，大家可以看下面的效果图点击咨询后的效果点击复制后出现的效果。
2022-12-14 23:21:58
3014
原创 点击二维码扩大后缩小
由于项目的需求（生成二维码后点击二维码，让二维码扩大，再次点击缩小），此需求需要我使用到vue-qr生成二维码组件，官网里有这个组件的使用方法及属性现在的重点是 在 el-table 表格中 实现点击功能，若点击功能实现了，那岂不是离扩大缩小功能近了我之前 还想着 直接在 el-table-column 属性里 添加点击事件，奈何不生效，后找到了方法，很简单，
2022-12-13 18:55:01
631
原创 uniapp 之 小程序线上版本一直处于加载状态
最开始小程序都是体验版的，后来应老大需求，把体验版提交审核为正式版本（线上版本），原本以为版本审核得花费几天时间，没想到它这审核速度挺快的，不到3小时就审核通过了，审核通过后还要点击 提交发布 才能转为线上版本。转为线上版本后就可以直接在搜索小程序中找到自己的小程序，建议搜索全名，不要搜索关键字查询自己的小程序，关键字查询，我试过，查不出来经过一系列的操作后打开小程序时却发现小程序一直处于加载的状态，点击我的去登录页面，能进入，但是呢，登录不成功，也是一直处于加载状态。
2022-12-11 20:54:04
3112
原创 uniapp之 对ucharts图表的使用
因项目的需求，需要在小程序uniapp 的项目中渲染一个折线图，因此在搜索图表的时候发现了ucharts这个插件，最开始以为很简单，谁知道，这个组件却困扰我好几天。
2022-12-09 16:57:42
4384
3
原创 uniapp之 经纬度转为地址 并 出现用户位置授权弹窗
前面已经分开分析过,把经纬度转为地址，也分析过用户位置授权弹窗，那现在说的是，当这两在同一个文件中，该怎么使用，至于下面的 amap-wx.130.js 这个怎么获取的，上面的经纬度转为地址里面有提到它的来源。
2022-12-08 22:27:35
478
原创 uniapp 之 使用高德地图的方法将经纬度转为地址
目录前言第一步 第二步第三步因项目上的需要，需定位显示自己的位置 我之前一直坚持只使用 uniapp 内置的map属性去完成，却没成想，还是要依赖于高德地图才能将经纬度转为地址，之前也看过很多文章，最终实现了，给大家分享下先去高德地图申请key选微信小程序 最重要的一步就是点击相关下载 下载 amap文件 地址在上面的高德地图中下载成功后 选择自己需要的，并把它放在项目中前置工作做好了，那下面就是代码this.getStationList() 把自己的经纬度传递给后面的请求，最开始不知道是
2022-12-06 17:14:15
2278
原创 uniapp之 登录成功后返回之前页面
目录前言分析第一步代码代码 一方式二 温馨提示小结在完善小程序效果时，想新增一个当用户没有登录时 点击跳转到某个页面实现交易啊，或者添加什么功能时，检验有没有登录 若没有的话 ,就让用户 跳转登录页面并且可以回跳至当前页面 登录成功之后再返回之前的页面核心实现思路：在自动跳转到登录页面成功之后，把返回页面的信息存储到 vuex 中，从而方便登录成功之后，根据返回页面的信息重新跳转回去。返回页面的信息对象，主要包含 { type, from } 两个属性，其中 type 表示以哪种方式导航回之前的页面；fro
2022-12-06 14:39:37
4913
原创 嵌套式三元表达式 - 解决 判断中有一个值为 ‘undefined‘
在测试微信小程序全部功能效果时,发现,小程序扫码后跳转到对应的页面、启动某项功能时，一些基本的数据渲染不出来，后来发现是因为 我没有把 路径上的扫码参数 就是点击跳转时没有传参，导致渲染不出来。
2022-11-30 21:34:45
424
原创 uniapp 之 充值 微信支付下 之 传递输入金额参数
上一篇内容已经提起过，怎么唤醒微信支付已经实现支付功能，我这边的话就继续分享下怎么实现输入金额充值，你输入多少钱，就支付多少。
2022-11-28 11:50:03
1071
原创 uniapp 之 tab栏 切换数据渲染不同状态
前面讲解些 tab栏是如何切换的，那下面就给大家演示下它们的状态是怎么切换过来的，很简单上面就是最终的效果图最开始时，后端把全部订单的所有数据，包含一些状态都返给我了，我开始想的，是通过 先过滤数组，找到自己需要的状态对应的数组，然后把那个数组传递给tab栏切换到对应的页面，通俗一点就是，把已完成状态的数组，传递给已完成那个组件，进而渲染已完成的数据，但，最终发现，这样一些的话，要 C全部订单的 样式，写起来有些麻烦，
2022-11-27 15:03:36
1462
2
原创 总结tab栏切换实现的方法，以及增加滚动实现tab栏切换的效果
继昨天写了篇简单的tab栏切换，后来，我又想起，其实这个tab栏切换，可以换为两部分，第一部分就是上面的 鼠标的高亮效果，第二部分就是 在第一部分的基础上进行操作的，第二部分也算是写死不动的。
2022-11-25 18:05:11
2527
原创 uniapp之简单版本的自定义tab栏切换
最开始使用的是uniapp官网里面的这个属性实现 tab栏切换，但奈何，抵不过业务上的需求，只能 自己手写 tab栏切换需求是：在某个背景色为黑色的情况下，里面加个tab栏切换，既然背景色为黑色，那字体肯定是要设置为白色的，但，我直接在 组件上设置 color 属性，但奈何它不生效，一气之下只能在组件文件里面更改字体 color 属性，嗯，问题解决了，但，不曾想另一个白色页面也需要设置tab栏切换，
2022-11-24 18:08:08
2977
原创 uniapp之路由中携带参数跳转
在我们写 uniapp 小程序时，时常遇到的就是路由携带参数进行跳转，这项功能似乎已成家常便饭一样，总是能遇到，虽说官网里面有吧，但这边呢，我还是决定写篇文章记录总结下，以便时间长了忘记了。先分析路由跳转的几种方式，在介绍怎么携带吧话不多说，直接开干直接在绑定事件后面携带自己要跳转的路径methods中url: url})},在methods中URL 定义跳转路径methods})},怎么说，一个是作为参数，另一个直接使用，这两种都可以实现。
2022-11-22 18:33:41
8025
原创 uniapp之使用map组件显示接收过来的经纬度
由于项目的需求，我需要从主页面接收经纬度，并渲染至地图上面，同时呢，也要在该位置上显示图标标记点（红色），与此同时也要显示自己位置（蓝色点），这个简单的功能就不需要使用高德地图或者腾讯地图，因为uni-app官网就有这个功能map组件官网。
2022-11-21 19:23:23
4373
7
原创 uniapp小程序之一键使用手机号登录
因为要完成微信登录功能，这有两种选择，第一种就是使用微信号，昵称去登录；第二种就是使用手机号登录只要使用公司注册，认证好的 appid 以及把自己的微信加入 项目成员，加入成功后吗，还有让管理员开始获取手机的设置，就可以了，就这么简单。
2022-10-29 17:27:41
5779
11
原创 在小程序中对flex布局的理解
在工作中flex布局，也不怎么常用，毕竟uniapp 中的uni -ui 中就有uni-row框架的存在，它的基础代码就是在写代码时，可以通过输入urow，更加快速的获取代码相信大家，肯定会非常熟练的使用 urow 这个组件，它常用于解决 以下这些问题，但随之而来就会遇到遇到 这种需求的 ，这个时候 就需要使用flex布局了使用方法就是先在父盒子上设置display：flex （开启flex布局）
2022-10-25 17:48:01
1240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人