欢迎交流QQ群(158721003)
基础
小程序的目录文件夹结构
app.js是小程序的脚本代码,用来监听并处理小程序的生命周期函数,声明全局变量(必须)
app.json是小程序的全局配置,配置小程序由哪些页面组成,配置小程序的窗口颜色等(必须)
app.wxss是整个小程序的公共样式
.js后缀的文件是脚本文件、.json后缀的文件是配置文件、.wxss后缀的是样式表文件、.wxml后缀的是页面结构文件
一个page的生命周期从onLoad开始,这个生命周期中onLoad、onReady、onUnload这三个事件仅执行一次,onHide和onShow每次显示隐藏都会执行,当用户手动出发左上角的退出箭头时,小程序仅触发app.onHide,下次进入小程序时会触发app.onShow和page的onShow,每个小程序分为2个线程,view与appServer,view负责界面解析渲染,APPServer负责运行js,appServer线程运行在jsCore中。
小程序的MINA框架
小程序的发布与运行流程
模块化通过抽离单独的js作为一个模块,模块中只有通过module.exports才能对外暴露接口以供其他js文件引用使用
模板
wxml文件中通过template标签创建模板
例如:<template name="demo"><view>FirstName:{{firstname}}</view></template>
模板使用通过使用template is使用
例如:data:{firstname:"zhang"} <template is="demo" data="{{...data}}></template> ...为扩展运算符"
其他界面通过import导入模板使用,事件监听模板中写方法名称,在具体使用的page添加出发方法
<block>标签是块标签,可以把一组控件放进去在使用wx:if或者wx:for的时候
基础控件(常用)
相关具体使用方法参考官网组件官网
view(相当于html的div)
scrollview
swiper(滑块视图容器组件)
icon图标
text文本
progress进度条
picker
slider滑动选择器组件
action-sheet
modal
toast
loading
navigator
image
audio
video
canvas
基础API接口(常用)
wx.request 网络请求
wx.uploadfile上传文件
wx.downloadFile下载文件
wx.chooseImage选择照片
wx.preiewImage预览图片
wx.getImageInfo获取图片信息
wx.startRecord
wx.stopRecord
wx.playVoice
wx.pauseVoice
wx.stopVoice
wx.createAudioContext
wx.saveFile
wx.getSavedFileList
wx.getSavedFileInfo
wx.removeSavedFile
wx.openDocument
wx.chooseVideo
wx.createVideoContext
wx.setSotrage
wx.setStorageSync
wx.getStorage
wx.getStorageSync
wx.getStorageInfo
wx.getStorageInfoSync
wx.removeStorage
wx.removeStorageSync
wx.clearSotrage
wx.clearStorageSync
wx.getLocation
wx.chooseLocation
wx.openLocaltion
wx.getNetworkType
wx.makePhoneCall
wx.showToast
wx.hideToast
wx.showModal
wx.showActionSheet
wx.setNavigationBarTitle
wx.showNavigationBarLoading
wx.hideNavigationBarLoading
wx.navigateTo
wx.redirectTo
wx.navigateBack
wx.createAnimation
wx.createContext
wx.drawCanvas
wx.canvasToTempFilePath
wx.hideKeyboard
wx.stopPullDownRefresh
wx.login
wx.checkSesson
wx.getUserInfo
wx.requestPayment
界面中使用form组件属性设置为report-submit为ture时,可以声明为需发模板消息,此时点击提交表单可以获取formId,用户发送模板消息或者用户支付行为获取prepay_id用于发送模板消息
本地数据及缓存
每个微信小程序都可以有自己的本地缓存,是永久存储的,最大不超过10M