微信小程序

AppId ：wxac99ab16921ddf0c

二

轮播图

swiper 和swiper-item 组件基本使用

外层容器样式

内层图片样式

常用的基础组件

1.text 文本组件

类似html span 行内元素

2.rich-text 富文本组件

把字符串渲染成WXML 里面的标签模式

3.button

通过open-type 属性提供了微信自带的功能

（客服、转发、获取用户授权、获取用户信息）

4.image 组件

图片组件

5.navigator 组件（项目中使用）

页面导航组件

三

API

1.事件监听

以on开头的方法名都是事件监听

2.同步API

以Sync 结尾的都是同步

执行的时候会抛出异常

wx.setStorageSync(“key”,value)

3.异步API

$.ajax （函数）

需要通过success、 fail 反馈结果

数据绑定

1.基本原则

     1-1  data  中定义数据

1-2 wxml 中使用数据

data是定义我们的页面数据

页面对应的.js 文件中，只需要把数据定义到 data

Mustache 语法定义（类似于EL 表达式）
动态绑定数据

data 中数据绑定到页面渲染，

.

6.三元运算

事件绑定

事件是通过渲染层到逻辑层的通讯方式

1.常用事件

与HTML 对比

tap onclick

input focus

change onchange

2.属性列表

3.按钮事件

七

1.通过this.setData(dataObject) 方法：可以给页面的data 的数据赋值

2.事件传参

小程序中不能在绑定事件的同时为事件处理传递函数

onclick = “getUserInfo(‘123’)”

X bind:tap = btnHandle(123) X

只能通过data 自定义属性传参

data-info = 32

3.bindinput 语法格式

4.实现文本框与js data 之间一个数据同步

4-1 定义数据

4-2 渲染结构

4-3 调整样式

4-4 绑定数据函数

八

1.小程序网路数据请求的限制

1-1 生产环境 https

1-2 域名必须要添加到信任列表中去

2.配置合法的域名

后台 - 开发 - 开发设置 - 服务器域名

类似于防火墙的白名单

注意事项 :

2-1 ：不能直接使用IP , localhost

2-2 : 域名必须经过工信部的备案

3.发起get、post 请求

wx.request()方法

4.开发、测试阶段不校验的开关的启动与关闭

5.小程序不存在跨域问题的

小程序中没有Ajax 技术，依赖与浏览器中 XMLRequest 对象