技术栈

微信小程序实现摇一摇功能

微信小程序实现摇一摇功能

摇一摇一直是微信经典的小功能。具体效果为:如果摇一摇成功,那么播放一段音频。 注意:此功能需要真机支持,在模拟器中无法正常运行 摇一摇的具体实现原理为:利用手机的重力感应机制监听手机摇晃幅度。如果手机摇晃幅度超过一定偏移量就认为摇一摇成功,可以执行具体业务;如果手机摇晃幅度不大就认为不是摇一摇

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序navigateBack更新上一页数据

微信小程序navigateBack更新上一页数据

微信小程序开发过程中经常有这种需求,需要把当前页面数据传递给上一个页面,或者刷新上一页数据,但是wx.navigateBack()无法传递数据。 注:执行wx.navigateBack()回退至上一个页面,上一页面只会回调onShow方法 解决方案: 上一页面在onShow方法刷新数据 利用

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序下拉刷新及上拉加载

微信小程序下拉刷新及上拉加载

参考文档 页面配置:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html 页面事件:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.ht

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序自定义对话框组件

微信小程序自定义对话框组件

需求 要做自定义组件,我们先定一个小目标,比如说我们在小程序中实现一下 WEUI 中的弹窗组件,基本效果图如下: 自定义弹框组件 初始化 初始化一个小程序,删掉里面的示例代码,并新建一个 components 文件夹,用于存放我们以后开发中的所用组件,我们的目的是实现一个弹框组件,因此,在 co

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序异步与同步获取本地缓存及其调用注意

微信小程序异步与同步获取本地缓存及其调用注意

异步获取本地缓存,不能顺序调用缓存数据,而是需要在success闭包中调用,否则数据为undefined 同步获取本地缓存,可以直接调用缓存数据 异步获取本地缓存 var _this = this //获取缓存 wx.getStorage({ key: 'user',

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序中this指向作用域问题this.setData is not a function报错

微信小程序中this指向作用域问题this.setData is not a function报错

在微信小程序中我们一般通过以下方式来修改data中的数据 this.setData({ data: e.detail.value }) 比如在函数里面修改数据 bindDataChange: function (e) { this.setData({ data: e.detail.

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序bindtap方法传参

微信小程序bindtap方法传参

通过 "data-参数名" 的方式绑定 WXML <view class='faq'> <view class='own-data_none' style="display: {{ askAnswers.l

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序自定义radio和checkbox样式

微信小程序自定义radio和checkbox样式

WXSS中使用:checked选择符是没用的,直接用display:none隐藏掉,然后使用新标签设计样式 注:label组件用来改进表单组件的可用性,使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 官方文档:https://mp.weixin.qq.co

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序数据绑定保留小数位数

微信小程序数据绑定保留小数位数

使用wxs写一个filter过滤函数 WXS /*wxs*/ var NumberFormat = { toFix: function (value, precision) { return value.toFixed(precision) } } module.exports

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序通过WXS实现共享filter过滤器

微信小程序通过WXS实现共享filter过滤器

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。WXS 目前主要是增强 WXML 标签的表达能力。 官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxs/ 1、首先我们建

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序日期时间选择器

微信小程序日期时间选择器

使用原生组件picker,从底部弹起的滚动选择器 日期选择器:mode = date 时间选择器:mode = time 多列选择器:mode = multiSelector index.js //index.js //获取应用实例 const app = getApp() const dat

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序居中布局

微信小程序居中布局

使用flex弹性布局可以快速实现所需要的布局(水平居中、垂直居中、左右对齐等) 使用简介 布局:display:flex 属性:justify-content和align-items flex-direction(轴线方向): row(水平,默认)、column(垂直) justify-con

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信小程序集成WeUI

微信小程序集成WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 项目地址:https://githu

Joe.Ye Joe.Ye 2023-03-25
0 0 0
GnuPG基本使用记录

GnuPG基本使用记录

GnuPG官网:https://www.gnupg.org/ 生成密钥对 $ gpg2 --gen-key 查看秘钥对 $ gpg -K /home/yezhou/.gnupg/secring.gpg ------------------------------ sec 2048R/F9203

Joe.Ye Joe.Ye 2023-03-25
0 0 0
设计模式(24)桥接模式

设计模式(24)桥接模式

桥接模式也称为桥梁模式,是结构型设计模式之一。桥接模式中体现了“单一职责原则”、“开闭原则”、“里氏替换原则”、“依赖倒置原则”等。同时它也是很实用的一种模式。 定义 将抽象部分与现实部分分离,使它们都可以独立地进行变化。 使用场景 (1)如果一个系统需要在构建的抽象化角色和具体角色之间增加更多的

Joe.Ye Joe.Ye 2023-03-16
0 0 0
1 7 8 9 10 11 16