微信小程序开发入门

一 . 微信小程序

1. 微信小程序入门

• wx小程序的基本架构，page文件夹里主要是每个页面，有.wxss(css的渲染文件）,.json(主要配置每个页面的navigatorBarTitle>，.wxml(相当于html）,.js（page函数所在页）
• wx小程序的基本组件（view，block，text，image，swipper）使用。
• 了解微信小程序的页面生命周期，app的生命周期函数，注意的小程序中并没有dom概念。
• 了解微信小程序的网络请求api，wx.request

1. 微信小程序中一些基本功能的实现方法

• 了解了如何保留缓存，相关的api是wx.getStorage，wx.setStorage

• 抽出公共的template来减少重复代码

• 了解了如何两种跳转方法，一种navigator的标签通过对url加参数，一种是通过wx的api方法跳转，比如redirectto，可以在currentTarge中或者Target中拿到，最后在跳转页面的onload的options参数拿到。

二. 微信小程序框架学习

1. 微信小程序框架（uni-app,wepy,mpVue)

• wepy与mpVue简单了解了一下，着重看了一下uni-app的官方文档
• uni-app一次可以跑七个平台，熟悉HBuilderX使用，uni-app就是vue+小程序的结合体

1. uni-app学习（查看官方文档）

• 一个uni-app工程，目录结构分析
• 常用基础组件学习(navigator标签同样在url中加上参数在跳转页面的onload函数可以拿到，同样有view，text，swiper,image）
• 第三方组件插件下载比如(Badge下标)
• uni-app中的给函数传值使用@tap(args),在这里data-name方式已经不可以使用，但是还以使用:data-name方式，这里需要注意的是@tap(args)与:data-name方式混用
• 缓存也是使用同样的api只不过改了前缀成uni

三 . VUE 学习

. 父子通信之双向绑定，通过自定义v-model和:props.sync=“fmsg”,相当于：props=“fmsg” @update:props=“fmsg=$event”