小程序
时代新人
复杂的事情简单做,简单的事情重复做,重复的事情用心做
展开
-
微信小程序引入Vant组件库
Vant Weapp组件库:https://youzan.github.io/vant-weapp/#/intro说说我在引入vant组件库的时候的操作方法吧:1.先在微信开发者工具中打开项目的终端:2.然后初始化一个package.json文件:输入命令:npm init然后一路回车默认的即可:项目就回产生一个package.json文件:3.接着在va...转载 2020-05-26 11:31:32 · 1384 阅读 · 1 评论 -
微信小程序——云开发
1、如何开通云开发?(1)首先在小程序开发工具上面点击云开发按钮;(2)进入到云开发的开通界面,直接点击上面的开通按钮就可以;(3)随后会进入到一个是否开通小程序的服务和条款等 这些规范的一个确认界面,点击确定;(4)这时会进入到环境的创建 ,可以在这个界面中填写环境的名称、环境ID,还能看到环境基础版本的配置。注意:每个小程序账号可以免费创建两个环境,建议创建一个开发环...原创 2020-07-17 12:55:35 · 1738 阅读 · 0 评论 -
微信小程序——小程序端怎样向服务端发送请求?都有什么方式?区别是什么?
小程序端向服务端发送请求有两种方式:(1)小程序端直接向服务端发起请求。小程序API中有一个函数:wx.request(),通过这个函数就可以在小程序端直接向后台发起请求;(2)通过云函数向服务端发起请求。相当于通过小程序的后端向服务器发送请求,这时,可以在小程序中安装第三方库,比如常用的request、got等。他们的区别:小程序端发送请求:只支持https协议,请求的域...原创 2020-04-24 08:49:37 · 2761 阅读 · 0 评论 -
微信小程序——云函数三方库request-promise的使用详解
三方库request-promise的使用:1)首先在浏览器打开github,然后在搜索框输入request搜索,如下图所示:找到第一个request打开,然后下滑找到我们需要的request-promise点击打开找到的request-promise,然后向下滑动会看到需要先安装接下来就是安装request-promise环境了:打开微信开发者工具,在小程序项目的云函数环境文件...原创 2020-04-24 09:43:26 · 10723 阅读 · 1 评论 -
微信小程序——扫码功能简单实现
微信小程序中二维码扫描的简单实现,很容易的。首先在.wxml写一个text组件,通过点击这个text来实现扫码功能。<text bindtap="scanCodeEvent">{{scanCode}}</text>bindtap是给text绑定的点击事件;{{scanCode}}给这个text赋值,赋值的数据在.js文件的data里初始化。.js文件...原创 2020-04-07 09:30:32 · 26193 阅读 · 4 评论 -
微信小程序——获取文本框text、输入框input的数据
开发中会遇到获取文本框text以及输入框input的数据,这里就来记录一下最基本的使用方法:首先在.wxml里写好text和input两个组件 <view class="inputname"> <text class="textnormal">{{completed}}</text> <input class="textnorm...原创 2020-04-03 11:06:38 · 13656 阅读 · 0 评论 -
微信小程序——本地数据缓存同步wx.setStorageSync()、异步wx.setStorage()
在开发中难免会遇到一些数据需要缓存到本地,方便使用。微信小程序里提供了数据缓存的方法:1、将数据缓存到本地:同步缓存:wx.setStorageSync()异步缓存:wx.setStorage()在程序中使用: // 同步 向本地缓存数据 wx.setStorageSync('id', '002'); // 异步 向本地缓存数据 wx.setS...原创 2020-04-02 16:58:08 · 3665 阅读 · 0 评论 -
微信小程序——网络请求
在程序开发中,要想与后台进行数据交互,网络请求是必不可少的,今天记录的是微信小程序开发中的网络请求。微信小程序中要想使用网络请求,首先要配置服务器域名:小程序后台=> 开发=> 开发设置 => 服务器域名中配置;域名配置时需要注意:域名只支持https和wss(connectSocket)协议;域名不能使用ip地址或localhost;域名必须经过ICP备案;服务器域名...原创 2020-04-01 10:57:09 · 946 阅读 · 0 评论 -
微信小程序——toast提示、loading提示
微信小程序开发常常会用到的toast提示、loading加载提示,如下图样式: 下面就说下这两种提示在小程序里面的实现方式:1、toast提示 wx.showToast({ title: '这是toast', icon: 'succes', duration: 2000, mask: true })tit...原创 2020-03-12 16:29:10 · 6000 阅读 · 0 评论 -
微信小程序——提示弹窗wx.showModal
微信小程序里面的提示框实现,先来张示例图:先在.wxml里面写好布局文件,这里拿删除按钮作为示例: <!-- 删除按钮 --> <view class="buttonView"> <text class="delete_button" bindtap="delete" data-index="{{index}}">删除</tex...原创 2020-03-05 14:26:41 · 31300 阅读 · 0 评论 -
微信小程序——底部导航栏tabBar
微信小程序中的底部导航栏使用tabBar来实现,先来张效果图:小程序上给出的文档要求里面的item最少2个,最多五个。这个需要在app.json文件里来配置。具体的配置内容如下:"tabBar":{ "position":"bottom", "color":"#333333", "selectedColor":"#2487FF", "li...原创 2020-03-04 13:04:58 · 3386 阅读 · 0 评论