wx小程序
A 风
这个作者很懒,什么都没留下…
展开
-
小程序实现密码交替显示隐藏的效果
默认密码隐藏起来(显示为点),后面的图标是闭眼;用户点击图标后,图标变成睁眼,同时把密码明文显示出来;1、安卓手机点一轮后失效了(点一次密码可见,再点一次密码不可见,再点只是图标在切换,密码一直是不可见)===最终网上找到解决方法,就是不用type属性,改用password属性。2、苹果手机第一次点击还会把密码框上的内容清空了。这样的代码在微信开发者工具测试是没问题的。原创 2023-02-23 15:29:15 · 276 阅读 · 0 评论 -
js 获取今天00“:00:00和第二天早上9点之前的时间戳
返回该日期对象日期部分的字符串,该字符串格式因不同语言而不同。新增的参数 locales 和 options。使程序能够指定使用哪种语言格式化规则,允许定制该方法的表现(behavior)原创 2023-01-29 11:55:06 · 556 阅读 · 0 评论 -
身份证,姓名脱敏处理
if (element.patientName.length > 1) { element.patientName = new Array(element.patientName.length).join('*') + element.patientName.substr(-1) } else if (element.patientName.length === 1) { element.patientName = '*'原创 2022-12-30 14:12:06 · 325 阅读 · 0 评论 -
树形数据结构得到二级菜单
【代码】树形数据结构得到二级菜单。原创 2022-12-11 22:15:06 · 321 阅读 · 0 评论 -
关于微信小程序ios机上面左右滑动的问题
最开始ios页面左右晃动,由于当时上头要求必须要自适应长度,所以当时里面的长度都是按照百分比来的。},后来发现页面直接固定死了,安卓机不能向下拉取,就改成了overflow-x:hidden;才好,结果ios的又不行了左右滑动,自此纠结之路开始。后来搞了两个小时实在没辙,就采用本办法看看每个区块的大小是不是哪没写好,首先给每一块的模块全部写上边框。在最下面的有一个模块,长度超出了。后来就减了这块的一个长度。然后晃动的问题就解决了。是在最初学习的阶段出现的。希望能给大家提供个方向。原创 2022-11-08 14:38:33 · 696 阅读 · 0 评论 -
解决uView2.0 Picker 选择器 (u-datetime-picker) 背景滚动,页面穿透的问题
在组件的父级元素修改默认的事件。原创 2022-10-21 09:19:17 · 763 阅读 · 0 评论 -
uView picker第二次才能选中 延迟导致选中问题
immediateChange:是否在手指松开时立即触发change事件。若不开启则会在滚动动画结束后触发change事件,只在微信2.21.1及以上有效。原创 2022-10-13 17:50:59 · 931 阅读 · 0 评论 -
wx.showToast() 在真机中一闪而过
为啥真机中一闪而过 因为uni.hideLoading();和wx.showToast用的同一个框子底层,解决办法还是用异步执行顺序来。原创 2022-09-30 10:26:33 · 250 阅读 · 0 评论 -
vue项目使用定时器每隔几秒请求一次接口
为啥要包装一个延时器,由于setInterval不会清除定时器队列,每重复执行1次都会导致定时器叠加,最终卡死网页。但是setTimeout是自带清除定时器的。原创 2022-09-27 10:22:27 · 2186 阅读 · 0 评论 -
卡片覆盖轮播图纯手写
【代码】卡片覆盖轮播图纯手写。原创 2022-09-23 10:23:57 · 110 阅读 · 0 评论 -
获取页面的区域可视高度
【代码】获取页面的区域可视高度。原创 2022-09-06 16:49:01 · 333 阅读 · 0 评论 -
小程序很少很少
小程序很少原创 2022-08-06 15:06:31 · 72 阅读 · 0 评论 -
apicloud 监听键盘弹出和隐藏
代码】apicloud监听键盘弹出和隐藏。原创 2022-07-22 17:06:10 · 347 阅读 · 0 评论 -
微信登录流程
登录页面代码我的页面代码原创 2022-07-10 22:49:38 · 12 阅读 · 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 · 391 阅读 · 0 评论 -
发现了路由传参不报转化失败错误的方法:
//需要参数的界面onLoad: function (option) {const item = JSON.parse(decodeURIComponent(option.item));this.userInfo = itemconsole.log(this.userInfo)}//传递参数的界面infoSearch() {let item = encodeURIComponent(JSON.stringify(this.userInfo))uni.navigateTo({url: ‘/pa原创 2022-07-02 08:14:25 · 214 阅读 · 0 评论 -
小程序图片组件
image 组件原创 2022-06-26 09:57:45 · 226 阅读 · 0 评论 -
**自定义图标实现方式**
使用图片大量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 · 67 阅读 · 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 · 4897 阅读 · 0 评论 -
请求锁方法
场景:左侧为空。提交时候要在请求之前弹出消息且不发出请求设置一个布尔值1.设置初始布尔值2. flag: false3. ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210713180448497.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d4ZHpp,size_16,color_FFF原创 2021-07-13 18:05:16 · 245 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps
1,因为在此系统禁止运行脚本在用脚手架搭建vue项目时,提示:无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本这是你笔记本禁止运行脚本,解决办法桌面鼠标反键 + shift 出现 Powershell窗口输入set-ExecutionPolicy RemoteSigned3.是 或者 全是 就ok了。获取权限相当于。...原创 2021-02-09 16:05:38 · 216 阅读 · 1 评论 -
组件化和模块化有什么区别?
组件化和模块化有什么区别?看图哈 关系以及映射关系1、什么是组件和模块1.1组件:把重复的代码提取出来合并成为一个个组件,组件最重要的就是重用(复用),位于框架最底层,其他功能都依赖于组件,可供不同功能使用,独立性强。1.2模块:分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,以页面、功能或其他不同粒度划分程度不同的模块,位于业务框架层,模块间通过接口调用,目的是降低模块间的耦合,由之前的主应用与模块耦合,变为主应用与接口耦合,接口与模块耦合。组件和模块的区别原创 2021-01-18 15:23:08 · 2455 阅读 · 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 · 323 阅读 · 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 · 425 阅读 · 0 评论 -
uni.openSetting(OBJECT)用法以及获取收获地址权限小逻辑
uni.openSetting(OBJECT)用法以及获取收获地址权限小逻辑1.当用户取消第一次的设置之后会产生一个bug,用户再次点击添加收货地址进入不了页面,因为没有权限,此时可以通过uni.openSetting(object)这个方法来解决,就是进入手机设置页面获取地址权限。// 选择收货地址async chooseAddress() { // 1. 调用小程序提供的 chooseAddress() 方法,即可使用选择收货地址的功能 // 返回值是一个数组:第1项为错误对象原创 2021-01-10 22:13:50 · 5617 阅读 · 2 评论 -
怎么动态跟新购物车的数量以及tabbar的动态显示微标
怎么动态跟新购物车的数量以及tabbar的动态显示微标思路:1.首先怎么动态跟踪购物车数量的变化,一般情况下我们都是计算属性加上侦听器的,2.工作中咱们,为了不刷新就可以实时处理,可以把数据放到本地存储中,这些公共的数据以及方法可以放到共享数据库vuex中,在vuex里面保存到本地中。3.vuex是什么? 复习下store是Vuex.Store这个构造函数new出来的实例。在构造函数中可以传一个对象参数。这个参数中可以包含5个对象:1.state – 存放状态2.getters –原创 2021-01-10 18:27:18 · 1257 阅读 · 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 · 1331 阅读 · 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 · 1967 阅读 · 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 · 1270 阅读 · 0 评论 -
节流阀的巧妙使用
节流阀的巧妙使用一、节流阀是什么?节流阀 我自已总结的 很简单的一句,事件多次触发的时候,我们可以通过设置一个true 和 false 来控制,相当于一道门,降低事件的执行频率二、使用步骤问题? 在下拉刷新 或则上拉触底加载的时候 会一直发起请求,这样会增加服务器的压力。解决:可以使用一个节流阀,使用:在data定义一个 isloading: false 默认关闭状态 在发起请求的时候 节流阀打开 在请求完的时候 节流阀关闭 在执行这个事件的时候类如:上拉触底 获取新的下一页数据代原创 2021-01-08 11:09:45 · 882 阅读 · 1 评论 -
微信小程序第二天
微信小程序基础语法<!--pages/home/home.wxml--><view>{{info}}</view><!-- 动态属性 不用加分号 --><image src="{{imgSrc}}" mode="widthFix"></image><view>生成100以内的随机数{{randomNum2 * 100}}</view><view>{{randomNum1 >= 5 ?原创 2021-01-02 08:47:53 · 165 阅读 · 0 评论