微信开放社区,带章节的学习平台

该学习平台都是重点,应该以该平台为准,放弃微信小程序开发平台的文档。

一、小程序介绍与开发环境  

二、小程序代码的组成

 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)排查异常的方法

猜你喜欢

转载自www.cnblogs.com/qingshanyici/p/10788742.html
今日推荐