微信小程序
智江鹏
奇奇怪怪的我
展开
-
微信小程序-API的Promise化
npm初始化npm init -y安装小程序的Promise包1.使用腾讯官方出的第三方库实现小程序所有API 的 Promise 化npm install --save miniprogram-api-promise在小程序开发工具中构建npm配置使用1.在小程序的入口文件app.js中加入一下代码2.js文件中使用//1.在小程序入口文件中调用一次 promisifyAll()方法import { promisify...原创 2022-05-06 12:09:19 · 2430 阅读 · 0 评论 -
1.微信小程序-起步(未完成)
生命周期1.onLoad:页面加载时触发。一个页面只会调用一次2.onShow:页面显示/切入前台时触发3.onReady:页面初次渲染完成时触发。一个页面只会调用一次4.onHide:页面隐藏/切入后台时触发5.onUnload:页面卸载时触发Page({ //1.data是页面第一次渲染使用的初始数据。 data: { text: "This is page data.", array: [{msg: '1'}, {msg: '2'}] ..原创 2022-03-11 08:59:38 · 157 阅读 · 0 评论 -
2.微信小程序-官方组件
使用<swiper class="imageContainer" bindchange="handleChange" previous-margin="50rpx" next-margin="50rpx" indicator-dots circular autoplay> <block wx:for="{undefined{3}}" wx:key="{undefined{index}}"> <swiper-item class="it..原创 2022-03-11 09:01:53 · 930 阅读 · 0 评论 -
3.小程序常用API总结
1.加载框//显示加载框wx.showLoading({ title: '加载中',})//隐藏加载框wx.hideLoading()2.Toastwx.showToast({ title: '功能暂未开放!', icon: 'none', success duration: 2000})3.延时setTimeout(function () { wx.hideLoading()}, 2000)4.数据缓存//1.设置缓存..原创 2022-03-11 09:01:16 · 386 阅读 · 0 评论 -
5.微信小程序 - 下拉刷新/上拉加载
开启配置下拉刷新上拉加载原创 2022-03-11 09:02:19 · 387 阅读 · 0 评论 -
6.微信小程序 - 自定义组件
父组件给子组件传值通过properties传值//父组件.json{ "navigationBarTitleText": "父子传值", "usingComponents": { "componentB": "../../components/son/son" }}//父组件.wxml<view> <componentB paramAtoB='{{paramAtoB}}' ></componentB></view&g.原创 2022-03-11 09:00:14 · 706 阅读 · 0 评论 -
7.微信小程序 - npm
限制1.不支持依赖于Node.js内置库的包2.不支持依赖于浏览器内置对象的包3.不支持依赖于C++插件的包vant Weapp 小程序ui库(有赞)//步骤:npm init -y npm i @vant/weapp -S --production将 app.json 中的"style": "v2"删除开发者工具右侧详情--->本地--->npm模块勾选project.config.json中{ ... "setting": { .....原创 2022-03-11 09:03:48 · 228 阅读 · 0 评论 -
8.微信小程序-Mobx数据共享(类似vuex)
//1.安装 mobx-miniprogram 和 mobx-miniprogram-bindingsnpm install --save mobx-miniprogram mobx-miniprogram-bindings//2.创建Mobx Store根目中创建store文件夹->创建store.js//在这个JS文件中,专门用来创建Store的实例对象import {observable,action} from 'mobx-miniprogram'export const st.原创 2022-03-11 09:04:53 · 686 阅读 · 0 评论 -
9.微信小程序-踩坑
1.小程序页面栈最多10层2.require的路径不支持绝对路径//解决:在App绑定require,Page里获取app,直接app.require引入3.小程序中使用web-view打开pdf,iOS可以正常打开,Andriod打开位空白//解决:使用wx.downloadFile和wx.openDoucmentwx.downloadFile({ url: 'https://.../XXX.pdf', //要预览的 PDF 的地址 success: function (res) .原创 2022-03-11 09:04:24 · 202 阅读 · 0 评论 -
11.微信蓝牙操作
一.操作蓝牙适配器的共有 4 个,分别是wx.openBluetoothAdapter 初始化蓝牙适配器 wx.closeBluetoothAdapter 关闭蓝牙模块wx.getBluetoothAdapterState 获取本机蓝牙适配器状态wx.onBluetoothAdapterStateChange 监听蓝牙适配器状态变化事件 二.连接前使用的共有 4 个,分别是wx.startBluetoothDevicesDiscovery 开始搜寻附近的蓝牙外围设备wx.stopBlueto.原创 2022-03-09 16:39:38 · 2167 阅读 · 0 评论 -
11.微信小程序图片操作总结
微信小程序使用总结原创 2022-02-21 09:01:12 · 923 阅读 · 0 评论 -
uniapp-消息推送
import { appid, secret} from "@/conf/website.js"/** * @description 用户打开订阅提示 * @param {Array}tmplId 模版id * */export const openSubscription = (tmplIds) => { uni.requestSubscribeMessage({ tmplIds: tmplIds, success: (res.原创 2022-04-19 15:23:20 · 3088 阅读 · 0 评论