微信小程序基础

学习顺序

组件、框架、API
（运用微信开发者文档）

工具运用

1. js为逻辑层，js实现交互的，如部署云开发
2. json实现配置项的，如标题名，页面颜色
3. wxss对比（css）样式文件
4. wxml对比（html）页面结构
5. app.XXX作用域都是全局的（页面中可以覆盖）
6. project.config.json 项目配置文件，做一些个性化配置，如界面颜色，编译配置等

标签

1. view == div（块标签）
2. css中写样式用“.类名{}”的方法
3. text（行标签）
4. image（图片标签）
5. navigator ：页面跳转用url（超链接标签）
6. scroll-view（块内滚动）
7. swiper（轮播图）
8. button（按钮组件）
9. checkbox（富写框）
10. input（输入框）
    其余可见微信开发者文档中（组件）

框架

小程序配置项

1. 关于配置问题都在.json中进行
2. 底部tab栏在.json中用tabBar实现

数据绑定

1. 通过.js（page data）在wxml中通过{{}}渲染数据
2. 可以用wx：if=“{{true}}”判断是否显示
3. wx:for{{}}只能循环数组
4. 要在wxml中输出js数据必须在{{}}中
   其余可见微信开发者文档中（框架）

框架接口

1. js 中 Page 中内容

Page	作用
data	页面初始数据
onLoad	监听页面加载
onShow	监听页面显示
onHide	监听页面隐藏
onReady	监听页面初次完成渲染

2. 事件函数 在wxml中用bindtap（点击事件，其他动作见开发者文档）绑定事件 在js中定义事件具体方法（类似函数，在page中写，与data同级）可以回传参数（res），具体可以用到的都在currentTarget中，回传时大小写不敏感
3. setData用法 用于修改data中数据

API

1. API是小程序内置的一些方法和事件
2. API路由（即跳转）与导航标签配合使用

API网络

1. 发起请求 wx.request 用其从网络API接口中获取数据
2. wx.request用法：url用填写接口网址，用setData将获取数据赋值给已定义数组

ES6

1. ES6 常用用法：变量定义var let（局部变量）
2. 模板字面量：用于字符串拼接和写模板，使用` 代替“，变量使用${}
3. 箭头函数：=>让当前函数可以访问当前函数中的值，不用额外加XXX.XXX.XXX