学习小程序

官网

指南

• 目录结构

• 小程序框架

  • 逻辑层

    • 页面路由
  • 视图层
    • WXSS

• 自定义组件

• 开放能力

获取小程序码

框架

• 配置

• 场景值

• 框架接口

getCurrentPages, Page, 生命周期 * 页面 * Page 生命周期 * getCurrentPages 获取当前的页面栈

• WXML语法参考

• WXS语法参考

以前的

• 开放能力

• 性能...

组件

• 视图容器
  • swiper 类似轮播图
• 基础内容
  • text

• 表单组件

• 导航

• 媒体组件

• 地图

• 画布

• 开放能力

API

路由

界面

• 交互反馈
• 导航栏
• 动画

var animation = wx.createAnimation(Object object)
<view animation={{animation}}>
</view>

网络

下载

数据缓存

媒体

图片

• 预览图片

音频

• wx.setInnerAudioOption

wx.setInnerAudioOption({
    mixWithOther: false,  // 是否和其他音频(如音乐)混合播放
  obeyMuteSwitch: false,  // 设置是否遵循静音开关
})

• InnerAudioContext

const innerAudioContext = wx.createInnerAudioContext()
innerAudioContext.autoplay = true
src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46'
innerAudioContext.src = src
innerAudioContext.onPlay(() => {
  console.log('开始播放')
})
innerAudioContext.onError((res) => {
  console.log(res.errMsg)
  console.log(res.errCode)
})

转发

一旦设置了显示转发按钮，用户就一定可以转发出去。不管在onShareAppMessage里面报了什么错，返回了什么数据都无法阻止用户转发了

• wx.hideShareMenu: 隐藏转发按钮
• wx.showShareMenu: 显示转发按钮

文件

• wx.saveFile 这个保存的文件只是保存到小程序缓存，没法在文件管理里面使用的
• wx.removeSavedFile
• wx.openDocument
• wx.getSavedFileList

开放接口

• 登录
• 支付

服务端

小程序码

工具...

Q&A...

• 微信小程序文档真是写得烂，文档，账号管理乱七八糟
• 用json当配置文件真是败笔，注释都加不上去，逗号都不能多写一个
• 组件都已经用名字进行封装好了，为何css的作用域竟然还是全局的
• navigateTo和switchtag用处严格分开，如果某个链接变成了主页怎么办
• 没有对数据的动态监测。
• wxss就多了一个rpx的功能，就是全体用百分比而已，连嵌套都不支持，去模仿一下less啊
• 对于input，没有一个 wx:bind 的方法，需要手动写 bindinput 的函数，这个太差
• 不同的组件，在不同地方引用时无法获取parent的路径，还需要手工传入dot
• request连同步功能都没有
• request连PATCH的请求都没法发送，还做成开发工具可以用，手机上不可以用
• wx:for和data-item="{{item}}"好像无法嵌套到内部
• behaviors实现了类似mixin的效果，这个我喜欢
• 组件的 addGlobalClass 和 extendClassed 好用
• 垃圾小程序，如果小程序码的颜色超过一定范围，颜色修改会无效。比如{"r":"150","g":"200","b":"150"}