小程序实战 - 网易云

学习笔记

1. 小程序的优势
   小程序可以间接的动态为App添加新功能。传统的app更新需要先打包，上架到应用商店之后需要通过审核（App Store）;小程序可以在App不更新的情况下，动态为自己的应用添加新的功能需求。

2. 原生小程序开发

   1. 微信小程序: 主要技术包括: WXML、WXSS、JavaScript
   2. 支付宝小程序: 主要技术包括: AXML、ACSS、JavaScript

3. 技术选型 - 推荐

   1. uni-app
   2. taro
   3. 也有其他的技术选项来开发原生App ReactNative 、 Flutter

4. 核心技术

   1. 页面布局: WXML（类似于HTML）
   2. 页面样式: WXSS（同css）
   3. 页面脚本: JavaScript + WXS(WeixinScript)

5. 注意事项

   1. 小程序的基础库 在2-HYMusic项目搭建和配置.mp4
   2. css选择器 - 页面上都会有一个page选择器，拿到的是当前页面 page{}
   3. 小程序里的 background-image 不可以用本地图片，可以用base64/网络图片
   4. 小程序里的 image 有默认高度，可使用mode属性修改
   5. 在v-for绑定key的时候 wx:key="*this"（把自身当成key）
   6. 在格式化wxml的数据时，需使用 wxs（类似于js 不支持es6的语法，必须使用es5的语法）
   7. 在有tabBar的时候，设置默认打开的页面
      

• 方式1 在app.json中的pages里，将默认打开的页面放在第一位 
  方式2 新建编译模式，设置默认打开的页面 
  

6. 组件

   1. 需要在页面的json文件里注册第三方/自己建的组件 组件名: 路径
   2. 组件里的properties用来接收外界传递到组件中的数据

7. 属性

   1. 是否下拉刷新 - 对应的生命周期 onPullDownRefresh

8. API

   1. 页面跳转 wx.navigator
   2. 当页面加载的时候 会触发生命周期钩子onload 参数options里面有传过来的参