![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni.app
A 风
这个作者很懒,什么都没留下…
展开
-
uniapp地图围栏代码
UniApp 是一个使用 Vue.js 开发所有前端应用的框架,可以编译到 iOS、Android、H5、以及各种小程序等多个平台。在 UniApp 中实现地图围栏功能,通常需要使用地图服务API。首先,确保你已经安装了高德地图的 UniApp 插件,并且已经获得了 API 密钥。监听围栏事件(如进入、离开等)。原创 2024-03-06 10:31:53 · 670 阅读 · 2 评论 -
uniappQQ登录是如何实现的,请说明其流程
QQ登录功能的实现分成以下几个步骤:原创 2024-02-22 14:01:20 · 1056 阅读 · 0 评论 -
uniapp 安卓app轮询订单处理
【代码】uniapp 安卓app轮询订单处理。原创 2023-03-30 14:45:28 · 397 阅读 · 0 评论 -
uniapp使用支付宝小程序插件
第三步在页面挂载组件,这是放在page.json中的,需要注意的是usingComponents是放在style下面的,之前放在style的外面一直提示页面没有添加组件。第二步原本在app.json中添加插件在uniapp开发中需要换到manifest.json中(unapp项目根本下就有)准备工作:先按照上面的操作购买添加插件到指定的小程序。第四步在vue页面添加刚才挂载的组件和调用组件。js中把插件的方法引入以及触发。原创 2023-01-17 11:53:48 · 1749 阅读 · 0 评论 -
小程序图片默认保存到本地手机
【代码】小程序图片默认保存到本地手机。原创 2022-11-24 15:27:14 · 180 阅读 · 0 评论 -
uView picker第二次才能选中 延迟导致选中问题
immediateChange:是否在手指松开时立即触发change事件。若不开启则会在滚动动画结束后触发change事件,只在微信2.21.1及以上有效。原创 2022-10-13 17:50:59 · 969 阅读 · 1 评论 -
wx.showToast() 在真机中一闪而过
为啥真机中一闪而过 因为uni.hideLoading();和wx.showToast用的同一个框子底层,解决办法还是用异步执行顺序来。原创 2022-09-30 10:26:33 · 259 阅读 · 0 评论 -
vue项目使用定时器每隔几秒请求一次接口
为啥要包装一个延时器,由于setInterval不会清除定时器队列,每重复执行1次都会导致定时器叠加,最终卡死网页。但是setTimeout是自带清除定时器的。原创 2022-09-27 10:22:27 · 2241 阅读 · 0 评论 -
卡片覆盖轮播图纯手写
【代码】卡片覆盖轮播图纯手写。原创 2022-09-23 10:23:57 · 115 阅读 · 0 评论 -
获取页面的区域可视高度
【代码】获取页面的区域可视高度。原创 2022-09-06 16:49:01 · 341 阅读 · 0 评论 -
卡券效果制作
代码】卡券效果制作。原创 2022-08-13 14:45:07 · 81 阅读 · 0 评论 -
小程序很少很少
小程序很少原创 2022-08-06 15:06:31 · 73 阅读 · 0 评论 -
apicloud 监听键盘弹出和隐藏
代码】apicloud监听键盘弹出和隐藏。原创 2022-07-22 17:06:10 · 358 阅读 · 0 评论 -
微信登录流程
登录页面代码我的页面代码原创 2022-07-10 22:49:38 · 17 阅读 · 0 评论 -
实现登录和用户信息组件的按需展示
在 my.vue 页面中,通过 mapState 辅助函数,导入需要的 token 字符串:在 my.vue 页面中,实现登录组件和用户信息组件的按需展示:10.2.3 实现登录组件的基本布局为 my-login 组件定义如下的 UI 结构:10.2.4 点击登录按钮获取微信用户的基本信息需求描述:需要获取微信用户的头像、昵称等基本信息。为登录的 button 按钮绑定 open-type=“getUserInfo” 属性,表示点击按钮时,希望获取用户的基本信息:10.2.5 将用户的基本信息存原创 2022-07-10 18:36:39 · 403 阅读 · 0 评论 -
绘制登录盒子底部的半椭圆造型
// 绘制登录盒子底部的半椭圆造型原创 2022-07-09 17:40:32 · 109 阅读 · 0 评论 -
小程序图片组件
image 组件原创 2022-06-26 09:57:45 · 230 阅读 · 0 评论 -
uniapp地图组件
地图小程序原创 2022-06-25 18:09:53 · 262 阅读 · 0 评论 -
处理新闻资讯的时间格式化
新闻资讯时间格式化原创 2022-06-22 17:22:50 · 94 阅读 · 0 评论 -
x-www-form-urlencoded到底是什么?
x-www-form-urlencoded纸面翻译即所谓url格式的编码,是post的默认Content-Type,其实我觉得可以认为get和post的默认表单数据传递格式都一样,只是一个在url地址后面加 ?再加表单数据,另一个是把表单数据写在请求体內请求头內的Content-Type字段里,Content-Type:application/x-www-form-urlencodedget请求的请求体格式是什么?get请求是拼接在url后面请求的,一般如此username=tom&pwd=123,这样的格原创 2022-06-22 16:30:25 · 1933 阅读 · 2 评论 -
**自定义图标实现方式**
使用图片大量HTTP请求不方便修改样式图片放大会变虚精灵图CSS绘制工作量大绘制时,需要统一一个中心点,否则控制位置比较麻烦不方便控制大小、颜色矢量字体 ???? 最简单有效@font-face、 font-family点阵字体 vs 矢量字体(type 1、trueType、openType)iconfont.cn小程序推荐 ttf、woff (woff2不兼容低版本iOS)SVG文件image2base64canvascanvas多用原创 2021-09-05 17:16:40 · 69 阅读 · 0 评论 -
微信小程序 本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用image标签。
微信小程序不能使用background-image问题解决pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络 图片,或者base64,或者使用标签。/* 片7 代码 */.sprite_icon { display: block; width: 80px; height: 80px; /* 此处在wxss中,可以使用网络图片,不能使用本地图片 */ background: url("https://cdn.nlark.原创 2021-09-05 17:13:02 · 4913 阅读 · 0 评论 -
组件化和模块化有什么区别?
组件化和模块化有什么区别?看图哈 关系以及映射关系1、什么是组件和模块1.1组件:把重复的代码提取出来合并成为一个个组件,组件最重要的就是重用(复用),位于框架最底层,其他功能都依赖于组件,可供不同功能使用,独立性强。1.2模块:分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,以页面、功能或其他不同粒度划分程度不同的模块,位于业务框架层,模块间通过接口调用,目的是降低模块间的耦合,由之前的主应用与模块耦合,变为主应用与接口耦合,接口与模块耦合。组件和模块的区别原创 2021-01-18 15:23:08 · 2461 阅读 · 1 评论 -
微信支付
微信支付async payOrder() { // 1. 创建订单 // 1.1 组织订单的信息对象 const orderInfo = { // 开发期间,注释掉真实的订单价格, // order_price: this.checkedGoodsAmount, // 写死订单总价为 1 分钱 order_price: 0.01, consignee_addr: this.addstr, goods: this.cart.filter(x =&g原创 2021-01-14 18:16:07 · 325 阅读 · 2 评论 -
数组reduce()方法
数组reduce()方法reduce()函数接收的参数和map()类似,一个函数f,一个list,但行为和map()不同,reduce()传入的函数f必须接收两个参数,reduce()对list的每个元素反复调用函数f,并返回最终结果值。例子def f(x, y): return x + yreduce(f, [1, 3, 5, 7, 9]) # 返回结果为25reduce()还可以接收第3个可选参数,作为计算的初始值。也就是说第一个参数是函数 第二个参数或者第三个参数都是第一个原创 2021-01-11 14:16:17 · 446 阅读 · 0 评论 -
uni.openSetting(OBJECT)用法以及获取收获地址权限小逻辑
uni.openSetting(OBJECT)用法以及获取收获地址权限小逻辑1.当用户取消第一次的设置之后会产生一个bug,用户再次点击添加收货地址进入不了页面,因为没有权限,此时可以通过uni.openSetting(object)这个方法来解决,就是进入手机设置页面获取地址权限。// 选择收货地址async chooseAddress() { // 1. 调用小程序提供的 chooseAddress() 方法,即可使用选择收货地址的功能 // 返回值是一个数组:第1项为错误对象原创 2021-01-10 22:13:50 · 5711 阅读 · 2 评论 -
怎么动态跟新购物车的数量以及tabbar的动态显示微标
怎么动态跟新购物车的数量以及tabbar的动态显示微标思路:1.首先怎么动态跟踪购物车数量的变化,一般情况下我们都是计算属性加上侦听器的,2.工作中咱们,为了不刷新就可以实时处理,可以把数据放到本地存储中,这些公共的数据以及方法可以放到共享数据库vuex中,在vuex里面保存到本地中。3.vuex是什么? 复习下store是Vuex.Store这个构造函数new出来的实例。在构造函数中可以传一个对象参数。这个参数中可以包含5个对象:1.state – 存放状态2.getters –原创 2021-01-10 18:27:18 · 1280 阅读 · 5 评论 -
uni-number-box插件的bug
uni-number-box插件的bug如图计算 数量的插件2.问题当用户在 NumberBox 中输入字母等非法字符之后,会导致 NumberBox 数据紊乱的问题解决:代码如下:_onBlur(event) { // 官方的代码没有进行数值转换,用户输入的 value 值可能是非法字符: // let value = event.detail.value; // 将用户输入的内容转化为整数 let value = parseInt(event.detail.va原创 2021-01-10 15:47:43 · 1357 阅读 · 0 评论 -
set集合如何变成数组
set集合如何变成数组//法一:/*let set= new Set([1,2,3,4]);let result=Array.from(set);console.log(result);*///法二:let set= new Set([1,2,3,4]);let result=[];// set.forEach(item=>{// result.push(item);// })// console.log(result);//法三:for(var key of set原创 2021-01-08 23:36:50 · 1977 阅读 · 0 评论 -
动态统计购物车中商品的总数量
动态统计购物车中商品的总数量在 vuex 里的getters 节点下定义一个 total 方法,用来统计购物车中商品的总数量:// 模块的 getters 属性getters: { // 统计购物车中商品的总数量 total(state) { let c = 0 // 循环统计商品的数量,累加到变量 c 中 state.cart.forEach(goods => c += goods.goods_count) return c原创 2021-01-08 23:33:16 · 1276 阅读 · 0 评论 -
节流阀的巧妙使用
节流阀的巧妙使用一、节流阀是什么?节流阀 我自已总结的 很简单的一句,事件多次触发的时候,我们可以通过设置一个true 和 false 来控制,相当于一道门,降低事件的执行频率二、使用步骤问题? 在下拉刷新 或则上拉触底加载的时候 会一直发起请求,这样会增加服务器的压力。解决:可以使用一个节流阀,使用:在data定义一个 isloading: false 默认关闭状态 在发起请求的时候 节流阀打开 在请求完的时候 节流阀关闭 在执行这个事件的时候类如:上拉触底 获取新的下一页数据代原创 2021-01-08 11:09:45 · 894 阅读 · 1 评论