小程序、巧应用总结 微信小程序开发实践

微信小程序官网

欢迎交流QQ群(158721003)

基础

小程序的目录文件夹结构
image
  1. app.js是小程序的脚本代码,用来监听并处理小程序的生命周期函数,声明全局变量(必须)

  2. app.json是小程序的全局配置,配置小程序由哪些页面组成,配置小程序的窗口颜色等(必须)

  3. app.wxss是整个小程序的公共样式

  4. .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框架

image

小程序的发布与运行流程

image

模块化通过抽离单独的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的时候

基础控件(常用)

相关具体使用方法参考官网组件官网

  1. view(相当于html的div)

  2. scrollview

  3. swiper(滑块视图容器组件)

  4. icon图标

  5. text文本

  6. progress进度条

  7. picker

  8. slider滑动选择器组件

  9. action-sheet

  10. modal

  11. toast

  12. loading

  13. navigator

  14. image

  15. audio

  16. video

  17. canvas

基础API接口(常用)

  1. wx.request 网络请求

  2. wx.uploadfile上传文件

  3. wx.downloadFile下载文件

  4. wx.chooseImage选择照片

  5. wx.preiewImage预览图片

  6. wx.getImageInfo获取图片信息

  7. wx.startRecord

  8. wx.stopRecord

  9. wx.playVoice

  10. wx.pauseVoice

  11. wx.stopVoice

  12. wx.createAudioContext

  13. wx.saveFile

  14. wx.getSavedFileList

  15. wx.getSavedFileInfo

  16. wx.removeSavedFile

  17. wx.openDocument

  18. wx.chooseVideo

  19. wx.createVideoContext

  20. wx.setSotrage

  21. wx.setStorageSync

  22. wx.getStorage

  23. wx.getStorageSync

  24. wx.getStorageInfo

  25. wx.getStorageInfoSync

  26. wx.removeStorage

  27. wx.removeStorageSync

  28. wx.clearSotrage

  29. wx.clearStorageSync

  30. wx.getLocation

  31. wx.chooseLocation

  32. wx.openLocaltion

  33. wx.getNetworkType

  34. wx.makePhoneCall

  35. wx.showToast

  36. wx.hideToast

  37. wx.showModal

  38. wx.showActionSheet

  39. wx.setNavigationBarTitle

  40. wx.showNavigationBarLoading

  41. wx.hideNavigationBarLoading

  42. wx.navigateTo

  43. wx.redirectTo

  44. wx.navigateBack

  45. wx.createAnimation

  46. wx.createContext

  47. wx.drawCanvas

  48. wx.canvasToTempFilePath

  49. wx.hideKeyboard

  50. wx.stopPullDownRefresh

  51. wx.login

  52. wx.checkSesson

  53. wx.getUserInfo

  54. wx.requestPayment

界面中使用form组件属性设置为report-submit为ture时,可以声明为需发模板消息,此时点击提交表单可以获取formId,用户发送模板消息或者用户支付行为获取prepay_id用于发送模板消息

本地数据及缓存

每个微信小程序都可以有自己的本地缓存,是永久存储的,最大不超过10M

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,425评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,058评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,186评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,848评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,249评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,554评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,830评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,536评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,239评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,505评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,004评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,346评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,999评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,060评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,821评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,574评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,480评论 2 267

推荐阅读更多精彩内容