该学习平台都是重点,应该以该平台为准,放弃微信小程序开发平台的文档。
一、小程序介绍与开发环境
二、小程序代码的组成
1、JSON配置
app.json里面配置的是所有的页面。好像tabs也创建在这里。
2、WXML模板
(1)介绍
(2)数据绑定
(3)逻辑语法
(4)条件逻辑
(5)列表渲染
(6)模板
WXML提供template,可以在模板中定义代码,然后在不同的地方调用。
使用name属性,作为模板的名字。
使用is属性,声明要使用的模板,然后使用data属性,将模板所需要的data传入,data往往是一个对象。
利用is属性,做个三目运算,可以动态的选择模板。
(7)引用
模板的引用如果采用import方法,注意import不会隔代引用。
<import src="item.wxml"/>
假设就以我写的template之selectGoods为例。
首先,在页首添加import,
然后,在wxml中绑定事件,bindtap={{selectGoods}},
最后,在页面尾部添加template标签,传入相关数据。
如果采用include方法,是除了template和wxs外的代码引用。
<include src="header.wxml"/>
(8)共同属性
3、WXSS样式
(3)引用
@import './test_0.wxss'
4、JavaScript脚本
(3)模块化
在js文件里,暴露一个方法,是module.exports={}。
在js文件里,引用一个方法,是require(“common.js”),括号里面添加的是路径。同时要在页面最后写在Page里面。
所以,import引用的是模板,在wxml文件里面。引用的是wxml文件。
而require引用的是方法,在js文件里面。引用的是js文件。
他们的属性添加的都是路径。
(4)脚本的执行顺序
(5)作用域
四、场景应用
1、开发流程
2、基本布局——Flex布局
3、界面交互反馈
(1)触摸反馈
(2)Toast和模态对话框
(3)界面滚动
4、发起HTTPS网络通信
(1)wx.request接口
(2)服务器接口
必须是https协议请求,
为了保证小程序不乱用任意域名的服务,wx.request请求的域名要在小程序管理平台进行配置,这句话是什么意思,不明白。
允许请求任意域名
为了向前兼容,不要直接修改,而是添加一个新字段。
(3)请求参数
两种方法可以将数据传送到服务器,一是通过url上的参数,二是通过data参数。
(4)收到回包
收到回包后会出发success回调,回调会带上一个Object。
(5)一般使用技巧
(6)排查异常的方法