登录免费注册



描述小程序页面的 pages

首页  思维导图  详情



描述小程序页面的 pages

2016-12-05 14:35:12   27  举报





AI智能生成

描述小程序页面的 pages

微信小程序

模版推荐

作者其他创作

大纲/内容

page.json

page.wxss（局部样式）

尺寸单位

rpx（responsive pixel）

rem（root em）

样式

内联样式 sytle

外联样式

样式导入 @import

选择器

page.js

初始化数据 data

生命周期函数

事件处理函数

！！！setData （）函数

作用域

page.wxml

数据绑定

数据来源：WXML 中的动态数据均来自对应 Page 的 data。

语法： {{}} 双大括号

表达式

三元运算

算数运算

逻辑判断

字符串运算

数据路径运算

条件渲染

作用：判断是否需要渲染该代码块

语法： wx:if="{{condition}}"

wx:elif 和 wx:else

<block/> 标签

wx:if vs hidden

列表渲染

语法：wx:for={{array}}

作用：使用数组中各项的数据重复渲染该组件

默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item

使用 wx:for-item 可以指定数组当前元素的变量名，使用 wx:for-index 可以指定数组当前下标的变量名：

<block/>标签

渲染一个包含多节点的结构块

模板

语法：<template name="msgItem">内容data</template>

name属性作为模板的名字

调用模板：<template is="msgItem" data="{{...item}}"/>

is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入

模板拥有自己的作用域，只能使用data传入的数据。

事件

冒泡事件

bind事件

非冒泡事件

catch事件

处理函数收到一个事件对象

type

timeStamp

target（触发事件的组件）

id

tagName

dataset

currentTarget（当前组件）

id

tagName

dataset

detail（自定义事件）

touches（触摸事件）

changedTouches（触摸事件）

引用

import

使用目标文件定义的template

作用域 : 只能直接引用不能间接引用

include

将目标文件除了<template/>的整个代码引入，相当于是拷贝到include位置

 Collect

Get Started

scutmall页面

 Collect

Get Started

微信小程序注册流程

 Collect

Get Started

小程序

 Collect

Get Started

微信小程序技术架构图













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document