UNIAPP
文章平均质量分 60
uniapp相关笔记,点点滴滴地记录,一步一步地成长!
我就不思
你才不菜鸡!只不过是对手太强了!
展开
-
vue使用高德地图
需求是填写数据表单时会去选择省市区+具体地址+经纬度,数据的填写与数据的回显!原创 2024-10-05 14:58:46 · 844 阅读 · 0 评论 -
vue3中el-input在form表单按下回车刷新页面
在input框中点击回车之后不是调用我写的回车事件,而是刷新页面!原创 2024-10-02 14:27:44 · 477 阅读 · 0 评论 -
object-fit属性
当图片比例不固定时,想要让图片自适应,一般都会用background-size:cover/contain,但是这个只适用于背景图。保持原有尺寸比例,如果容器尺寸大于图片内容尺寸,保持图片的原有尺寸,不会放大失真;容器尺寸小于图片内容尺寸,用法跟contain一样。宽度和高度中短的那条边跟容器大小一致,长的那条等比缩放。长度和高度中长的那条边跟容器大小一致,短的那条等比缩放,可能会留白。mode 有 14 种模式,其中 5 种是缩放模式,9 种是裁剪模式。内容拉伸填满整个盒子, 但不保证保持原有的比例。原创 2024-06-14 17:44:20 · 324 阅读 · 0 评论 -
企业微信对接微信客服获取客户详情
企业微信对外客服,客户是微信接收的!但是如果用户使用的企业微信的账号和微信的一样的话,那客户详情就好办了!但是任何一个微信都可以是客户的!所以就要微信去静默授权获取到openid和unionid作为标识,企业微信侧边栏获取的userId给服务端对接对应的unionid,就知道对方微信客户的详情!原创 2024-02-28 14:30:12 · 688 阅读 · 0 评论 -
Pixi.js的魅力
Web开发的时代,图形和动画已经成为了吸引用户注意力的重要手段之一。而 Pixi.js 作为一款高效、易用的2D渲染引擎,已经成为了许多开发者的首选原创 2024-01-05 15:14:35 · 1108 阅读 · 0 评论 -
mixins混淆请求字典封装库
页面请求要使用到很多重点的查询,写在本页面的逻辑代码太混乱,所以可以抽离封装成功一个js库混淆进来!原创 2023-12-31 11:03:49 · 438 阅读 · 0 评论 -
vue企业微信授权微信获取unionid进入微信客服
企业微信又一个app应用,但是这点击对接了微信客服!虽然内部的人员可以和微信相关联起来,但是外部人员微信打开客服的时候不知道是谁!所以企业微信这边打开微信客服时需要借助小程序去授权获取对应的unionid作为唯一标识的!原创 2023-12-26 17:11:56 · 597 阅读 · 0 评论 -
Flex布局下居中滚动溢出截断处理
遇到一个需求,在uniapp swiper下实现轮播图,图片的高度是自适应的,超出屏幕设备的高度的时候,滚动显示全部,图片的高度没有超过屏幕的高度时候,上下居中于屏幕的中间!下面写了个dome来研究一下这!原创 2023-12-20 12:05:33 · 1338 阅读 · 0 评论 -
uniapp小程序微信招商银行聚合支付
今天的开发需求是uniapp对接微信招商银行聚合支付,下面对相关业务进行说明原创 2023-04-27 14:09:33 · 1947 阅读 · 0 评论 -
Vue实现图片预览(Viewer.js)
vue项目开发中遇到一个图片预览的需求,可以切换下一张,就是花里胡哨的,所以找viewer.js的插件原创 2023-11-30 17:22:58 · 1351 阅读 · 0 评论 -
ES6、ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性?
前端开发的都知道,JavaScript经历了不同标本的迭代,从1到12的不断完善中会添加不同的新特性来解决前一个阶段的瑕疵,让我们开发更加便捷与写法更加简洁!>我记得我第一次接触js的时候是从大学的《21天精通JavaScript》,名字很好听,但是现在还在学,还没有精通!哈哈哈哈!>下面来回顾ES5与谈谈ES6、ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性?原创 2023-07-13 15:53:13 · 3275 阅读 · 0 评论 -
面试官:前端如果 100 个请求,你怎么用 Promise 去控制并发?
时隔两年半,我,一个卑微的前端菜鸡,又来写面经了!原创 2023-05-18 15:23:21 · 3360 阅读 · 0 评论 -
给页面添加水印效果
今天遇到一个需求:就是html+layui和uniapp(vue)给某个页面或者某个div添加水印效果!原创 2023-03-24 10:19:12 · 1455 阅读 · 0 评论 -
微信小程序解密encryptedData报错pad block corrupted
今天调试一下微信授权登录的时候老是第一次报错解密失败pad block corrupted,第二次授权的时候正常,因为第一次已经获取到手机号码!原创 2023-01-08 11:49:23 · 2633 阅读 · 0 评论 -
vue实现微信端和企业微信端扫码
微信端调用微信的扫一扫和企业微信端调用企业微信的扫一扫获取订单码查询!!原创 2023-01-07 11:07:35 · 1362 阅读 · 0 评论 -
前端框架实现不刷新整个页面刷新数据
今天写react的一对多视频会议的项目时,4秒刷新一次会议成员,每一次4秒重新请求接口的时候,正在会议的成员的视频有的重新加载!就想到4秒刷新的时候获取回来的数组进行和视图的数组进行对比,有改变就会默默刷新掉对应的参数,静默更新状态而不影响当前正在视频的会议!原创 2022-10-28 16:34:39 · 3061 阅读 · 0 评论 -
vue遍历时每一项列表太长的展开与收起
vue项目中遍历的列表每一项太长,需要使用展开收起按钮进行控制!之前弄过控制文本的展开与收起,但是在这里是用不上的!找了好久找不到那就自己撸一个被!没什么大不了的!原创 2022-10-11 16:18:06 · 907 阅读 · 0 评论 -
uniapp控制data字段来控制元素显示隐藏
今天遇到了一个界面的数据是一个json数据实现的动态绑定,里面有对应的字符串绑定或者数组遍历,但是其的状态是根据data中的数据是否为空来控制”完成“和”未完成“的显示状态的。vue 提倡 状态驱动界面,用data里面字段,控制界面的组件显示或者隐藏就非常合理了。不同字段对应的不同的显示逻辑,也就很合理了。数据为单个字符串时:<div v-if="info">{{info}}</div><div v-else>暂时没有数据...</div>数据为数原创 2022-08-25 09:58:55 · 5748 阅读 · 0 评论 -
企业微信重新登录进入index不刷新当前页面数据
企业微信根据不同的职位分配不同的权限,如果是每一个用户直接企业微信单点登录进去可以获取到对应自己的权限,可以看到对应的模块!那么问题来了,如何用户单点登录进来退出登录重新用其他账号登录的话,index中的权限模块的数据还是第一次单点登录进去的权限,必须要点击企业微信三点里面的刷新才能重新获取账号登录对应的权限!原创 2022-08-22 15:43:55 · 1055 阅读 · 0 评论 -
./node_modules/element-ui/lib/theme-chalk/index.css
好事没有,今年怪事连篇!将本地项目上传GitHub之后,然后再clone到本地,运行是报错:原创 2022-08-09 10:16:45 · 1347 阅读 · 0 评论 -
Vue3 Parsing error: Unexpected token.
前要:今天项目开发用到vue3技术框架+TypeScript语法+vite打包技术…,但是配置vue-router是报错Parsing error: Unexpected token.!顺便记录一下解决不同语法下的交接方法!!!原创 2022-07-15 11:26:38 · 14177 阅读 · 1 评论 -
Async 异步转同步
前要:今天写react的一对多视频会议的项目时,4秒刷新一次会议成员,每一次4秒重新请求接口的时候,正在会议的成员的视频有的重新加载!就想到4秒刷新的时候获取回来的数组进行和视图的数组进行对比,有改变就会默默刷新掉对应的参数,静默更新状态而不影响当前正在视频的会议!...原创 2022-07-13 11:15:25 · 1150 阅读 · 0 评论 -
判断h5在两端是在微信环境还是企业微信环境
前要: 之前做过的公众号授权一般是在登录时的,最近遇到一个直接微信打开企业微信发过来的链接进去预约页面,需要进来时查询当前微信的用户有没有预约过对应的申请,如果有就跳转到index的列表页,没有的话留在当前的预约页!所以需要用到微信用户访问微信内部的小程序/公众号产生的用户唯一标识openid来查询有没有对应的数据列表...原创 2022-06-28 14:34:58 · 1780 阅读 · 0 评论 -
微信H5公众号获取openid爬坑记
前要: 之前做过的公众号授权一般是在登录时的,最近遇到一个直接微信打开企业微信发过来的链接进去预约页面,需要进来时查询当前微信的用户有没有预约过对应的申请,如果有就跳转到index的列表页,没有的话留在当前的预约页!所以需要用到微信用户访问微信内部的小程序/公众号产生的用户唯一标识openid来查询有没有对应的数据列表!...原创 2022-07-04 10:40:14 · 1909 阅读 · 6 评论 -
UNIAPP H5调起手机地图应用或跳转网页版实现导航功能
用户通过点击选择使用百度还是高德地图,点击后调用guide方法,判断设备上是否有高德或者百度APP,有就直接调用APP,如果没有就调用网页版原创 2022-06-13 15:29:44 · 2597 阅读 · 7 评论 -
将Promise.then中的值直接return出来调用
需求:定义一个 getGoodsList 函数,在里面执行异步操作,然后取得 Promise.then 中的值并 return 出来,以便在别的地方使用该返回值。原创 2022-05-31 11:04:38 · 5552 阅读 · 3 评论 -
遍历数组、对象的方法
前提:前端最重要的任务的经常要处理数据的!经常的是列表的遍历问题!例如遍历数组、对象的方法!!!遍历数组:https://blog.csdn.net/weixin_64077152/article/details/121774424遍历对象:1. vue中v-for遍历对象<el-form-item label="状态:"> <el-select v-model="searchData.generateStatus"> <el-o.原创 2022-05-16 10:11:47 · 2373 阅读 · 0 评论 -
npx和npm之间的关系
今天的项目中缘遇到用npx执行的命令,现在就把npm和npx之间的关系整理一下,方便自己和大家查阅原创 2022-05-07 09:22:03 · 532 阅读 · 0 评论 -
JS中 t, _ => 的解析
recUpdate(t, _ => ({ billOpened: false })) 是箭头函数我很疑惑,这为什么要使用_作为函数参数呢?后来查了资料,才知道,正常情况下,我们如果写一个不需要参数的箭头函数,写法是这样的原创 2022-04-22 17:56:20 · 1567 阅读 · 0 评论 -
VUE 根据当前时间,以周切换时间
项目需求,根据当前时间,显示本周所有日期,点击左右按钮切换上下周。原创 2022-03-07 11:07:32 · 928 阅读 · 0 评论 -
v-for下定时给图片添加动画
需求:在vue中v-for遍历图片列表依据index时定时给图片添加动画!原创 2022-03-02 17:56:28 · 544 阅读 · 1 评论 -
vue使用js-audio-recorder实现一句话识别功能
今天接到一个项目需求,就是后台调用腾讯云语音识别,前端拿到录音base64数据源调用数据接口实现y一句话识别搜索功能!因为有很多地方需要用到这个搜索功能!为了方便,所以我封装成一个组件的形式!<template> <div class="recordPlagin"> <!-- 录音提示 --> <div class="mask" v-if="yingPingDisPlay"> <img src="../.......原创 2022-02-22 15:11:27 · 2442 阅读 · 11 评论 -
Error in created hook: “ReferenceError: “Promise”未定义“
一开始使用的是VUE3、毕竟我还没有学VUE3,然后拿到项目就直接开干,干完了!!!那么问题来了,IE浏览器什么都没有!后来查了一下,原来VUE3直接放弃IE了,裂开!!!果断转为VUE2!搬完就蛋疼!又报这个错误!并且IE8以下的VUE2也不会出来页面!...原创 2022-01-13 10:27:41 · 321 阅读 · 0 评论 -
js根据名字将数组对象中名字相同的项组成一个相同的数组
需求:今天遇到一个的是当前定位在广州,根据传广州过去获取会的的所有区的门店数据!设计稿要求:根据所在的区来分类某个区有哪些门店!但是后端就返回一个数组里面有所有的门店!原创 2021-12-25 15:29:08 · 1032 阅读 · 0 评论 -
uniapp搜索框适配小程序对齐胶囊
需求:uniapp框架开发中 自定义搜索栏编译微信小程序与适配与其右边胶囊袋对齐!原创 2021-12-02 16:14:36 · 3202 阅读 · 12 评论 -
[CSS]控制图片<img src=“ “>没有时隐藏
当src为空值时的状态:css隐藏:img[src=""],img:not([src]){ opacity: 0; border:none; visibility: hidden; max-width: none; }这样处理,站位符父级还是会存在的,<div class="list_img" v-if="item.images != undefi原创 2021-11-16 16:52:14 · 2135 阅读 · 0 评论 -
监听除某元素之外点击事件
需求:有时候如果我们需要监听摸个元素职位的点击事件,例如input框获取焦点软盘弹起,托起 position: absolute; bottom: 0;在底部的dmoe元素,现在我点击软盘弹起状态的情况点击该dmoe时软盘不会失去焦点!原创 2021-11-12 16:37:09 · 1748 阅读 · 0 评论 -
vue报Duplicate keys detected:‘XXX‘.This may cause an update error
報錯問題:Duplicate keys detected: ‘查看訂單不會的原因’. This may cause an update error.雖然不影響,但是還是要解決的,不然一進來强迫症的我看到控制臺波鴻就是不爽!問題排查:v-for循環裏,key值可能重複了,所以會報這錯誤,以前遇到,沒有記錄,忘記了。分析:key必須是唯一的,如果重複了就會報錯的。解決方案:把key值改爲index(其實就是用索引做key值),就可以避免這種情況!...原创 2021-10-28 11:48:23 · 2446 阅读 · 0 评论 -
谈谈v-if显示隐藏问题
vue条件语句v-if中条件较多时优雅写法普通写法:v-if=" type==1 || type==2 || type==3 "优雅写法:v-if=" [1,2,3].includes(type) "更高级写法:使用方法,复用性高,适用场景:多个标签都需要用到此判断,这样多个标签中的v-if只要用到matchState方法,都可以做判断注意写法:matchState(某元素,/[匹配值]/)标签中: v-if="matchState(type,/[123]/)"方法中: metho原创 2021-10-23 17:44:35 · 3449 阅读 · 2 评论 -
vue 循环列表文本展开与收起
两天写项目遇到的问题是vue 循环列表文本展开与收起,所以自己封装了一个组件,毕竟其他地方会用到的!子级组件:<template> <div class="wrap"> <div :class="textOver && !btnFold ? 'inner over' : 'inner'" ref="divRef"> <span class="content" ref="spanRef">{{ showContent.原创 2021-10-17 15:11:35 · 1177 阅读 · 0 评论