小程序云开发(四)小程序云开发中云函数的应用。 说明定义、部署云函数的方法,以及云函数调用接口的使用方法
摘要:<!--pages/index/index.wxml--> <view class='box'> <view class='title'>云函数</view> <form bindsubmit='callFunction'> <view class='Vcontainer'> <view class
阅读全文
小程序云开发(三)云开发数据库的常用操作,通过调用接口函数实现记录的增、删、改、查
摘要:云端数据库先添加集合名字 <!--pages/index/index.wxml--> <view class="box"> <view class='title'>数据库操作</view> <text class="preNote">请点击相应按钮,实现在数据库中增加、删除、更新或查询记录的操作。。
阅读全文
小程序云开发(二)使用云开发接口函数实现云空间文件的上传、下载和删除操作
摘要://app.js App({ onLaunch: function () { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.cloud.init({ // 此处请填入环境 ID, 环境 ID 可打开云控制台
阅读全文
小程序云开发(一)使用微信小程序的云开发能力,通过调用云函数获取当前用户的OpenID
摘要:知识点: 小程序的云开发功能 云开发功能是为小程序开发者提供的完整的原生云端支持和微信服务支持,使得开发者无需自己搭建服务器即可使用云端能力,使用平台提供的API即可进行核心业务开发。 云开发提供的几大基础能力 小程序支持了云开发之后,就可以自动的获取云端的存储区,云端的数据库,以及运行云端代码的能
阅读全文
小程序API(1.19)利用API函数设置标签栏的方法
摘要:app.json { "pages": [ "pages/index/index", "pages/jiaoxue/jiaoxue", "pages/keyan/keyan", "pages/zixun/zixun", "pages/guanyu/guanyu" ], "window": { "na
阅读全文
小程序API(1.20)操作菜单的使用方法
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>ActionSheet示例</view> <button type='primary' bindtap='showActionSheet'>显示ActionSheet</bu
阅读全文
小程序API(1.18)利用API函数设置导航栏标题、颜色和 动画效果,显示和隐藏导航栏加载动画
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>导航条</view> <input placeholder='请输入导航条新标题' bindblur='inputTitle'></input> <view class='b
阅读全文
小程序API(1.16)利用API函数控制屏幕亮度、使用 剪贴板和实现手机振动的方法
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>屏幕亮度、剪贴板和震动</view> <view>设置屏幕亮度</view> <!--由于亮度的范围是0—1,因此设置slider的max、min和step属性,value属
阅读全文
小程序API(1.17)利用API函数异步和同步获取设备 系统信息的方法
摘要:<!--pages/API/DeviceInfo/index.wxml--> <view class='box'> <view class='title'>{{msg}}获取您的设备信息</view> <view class='border' hidden='{{hide1}}'> <view>手机
阅读全文
小程序API(1.15)利用API函数实现扫码、打电话和 添加联系人的方法
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>扫码与打电话</view> <button type='primary' bindtap='scanCode'>开始扫码</button> <view class='txtL
阅读全文
小程序API(1.14)利用API函数监听罗盘传感器、加速度 传感器和陀螺仪传感器的方法
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>传感器</view> <view class='btnLayout'> <button type='primary' bindtap='startCompass'>启动罗盘监
阅读全文
小程序API(1.13)利用API函数获取网络类型、监听网络状态变化和获取已连接的Wi-Fi信息的方法
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>网络状态</view> <view>当前网络状态是:{{status}}</view> <button type='primary' bindtap='wifiStatus'
阅读全文
小程序API(1.12)利用API函数操作数据缓存的方法
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>缓存操作</view> <!--设置view组件布局方式并添加2个按钮--> <view class='btnLayout'> <button type='primary'
阅读全文
小程序API(1.11)利用wx.saveFile()、wx.getSavedFileList()、 wx.getSavedFileInfo() 和 wx.removeSavedFile() 操作文件的方法
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>文件操作</view> <image src='{{imgPath}}'></image> <view class='btnLayout'> <button type='pr
阅读全文
小程序API(1.10)利用map组件和相应的API函数设置地图和位置
摘要:<!--pages/API/LocationAndMap/index.wxml--> <view class="box"> <view class='title'>位置和地图</view> <view class='style01'> <map id="myMap" latitude="{{lati
阅读全文
小程序API(1.9)利用API方法wx.chooseImage()和wx.chooseVideo()进行拍照和摄像
摘要:<!--pages/API/Camera/index.wxml--> <view class="box"> <view class='title'>照相和摄像</view> <view> <button type='primary' bindtap="chooseimage">获取图片</butto
阅读全文
小程序API(1.8)创建Animation动画对象及利用该对象实现各种动画效果的方法
摘要:<!--pages/API/Animation/index.wxml--> <view class="box"> <view class='title'>动画演示</view> <view class="animation-area"> <view class="animation-element"
阅读全文
小程序API(1.7)利用canvas组件实现自由绘图
摘要:<!--pages/API/FreeDrawing/index.wxml--> <view class='box'> <view class='title'>自由绘图</view> <!--画布区域--> <view> <canvas canvas-id='myCanvas' disable-scr
阅读全文
小程序API(1.6)利用API函数和自定义函数绘制正弦曲线
摘要:正弦曲线的绘制方法 正弦曲线是由一系列点组成一条曲线, 每个点由x和y坐标确定。由于JavaScript没有 提供画点的预定义函数,可以利用arc()函数 绘制实心圆作为正弦曲线上的坐标点。 正弦曲线一个周期为0~2π,如果要绘制 一个周期的正弦曲线,x坐标范围是0~2π,根 据公式 y=sin(x
阅读全文
小程序API(1.5)利用scale() 、translate()和rotate()函数实现对图形的缩放、平移和旋转
摘要:<!--pages/index.wxml--> <view class='box'> <view class='title'>变形</view> <view class='style01'> <canvas canvas-id='myCanvas'></canvas> </view> <view c
阅读全文