媚者无疆,支付宝小程序快速入门(一),金边

支付宝小程序和微信小程序大体相同,先看一下目录结构。

目录结构

目录结构

从下面的注释中先全体知道下小程序的目录结构

assets // 寄存各种媚者无疆,支付宝小程序快速入门(一),金边静态资源,如图片
components // 小程序自界说组件目录
--add-button // 这儿咱们界说了一个叫add-button的组件
pa媚者无疆,支付宝小程序快速入门(一),金边ges // 小程序里边包括的一切的页面都放在pages下面,一个页面一寒窑赋原文及翻译个文件夹
--add-todo // 小程序页面
--todos // 小程序页面
app.js // 这儿装备了小程序的一些大局事务逻辑,比方大局办法,大局变量
app.acss /淘金时代全集在线观看/ 大局款式装备,这韩国道德2017里的款式在每一个页面都菲妞能够收效
app.json // 装备小程序页面一些根底装备信息,比方页面途径

json

json文件用来对代码进行各种装备,比方app.json,便是对整媚者无疆,支付宝小程序快速入门(一),金边个小程序进行了相关装备。

// 壮家海哥app.json
{
"pages": [
"pages/todos/todos",
"pages/add-todo/add-todo"
],
"window": {
"defaultTitle"沙海潘子: "Todo App",
"titleBarColor": "#323239"
}
}
  1. pages特点是一个数组,数组中的每一个字符串都界说了小程序的页面途径,todo list的demo中外面装备了两个目录。当添于连式加其他页面今后记住要同步的再pages里边增加相关的装备才能够拜访。
  2. window中毕庆堂的defaultTitle装备界说了小程序顶部的案牍为:"Todo App",titleBarColor将小程序的顶部背景色界说为指定的十六进制颜色。

关于app.json文件的云德惠其他装备可媚者无疆,支付宝小程序快速入门(一),金边以点击 这儿检查。

上面说的json文件是大局的json装备,每个页面或许组件内也有相关json的装备,用于指定组件的依靠等,点此检查。

axml

axml总体上能够理解为小程序的html,和html的首要差异在于:

  1. 标签不同,比方在小程序中运用代替
  2. axm经典gifl支撑的标签类型比html少。
  3. axml标签有自己的解析语法,能够实媚者无疆,支付宝小程序快速入门(一),金边现遍历被爱套牢,条件判别等高档操作,徐经锁html仅仅静态标签。

{{n展业达人钱包umber}}

在axml中经过 "{{ }}" 这样的方式来烘托变量或许履行一些简略的运算判别,比方上面的completed便是一个三元运算,当completed是true的时分class会被烘托为todo-item chec尤浩然在哪个大学ked 或许只要 todo-item。

而{{number}} 这个变量会依据被赋值的状况在烘托后显现相应的成果。

acss

acs媚者无疆,支付宝小程序快速入门(一),金边s在支撑大部分css语法的根底上,扩展了css的才能。比较cs山东琴书刘世福专辑s,首要不同在于:

  1. 支撑rpx单位核算。
  2. 能够经过@import导入其他途径下的acss文件。
  3. 更多信息点击这儿检查。

js

js文件用来描绘代码逻辑,每个页面都需求有一个js文件来描绘当前页面的逻辑关田斌健康猫系。简略经过下面的代码来阐明下。

// pages/todos/todo.js
const app = getApp();
Page({
data: {},
onLoad() {},
onT萨诺戈odoChanged(e) {}
});

Page类是页面的结构函数,需求在每个页面界说时写入。

  1. data
  • data目标会作为axml的烘托上下文,冯正宏浅显说假设data中飛俠神刀有一个name特点是'alipay',那么在对应的axml文件中就能够运用{{name}}这样的方式读取出'alipay'。当运用setData办法使媚者无疆,支付宝小程序快速入门(一),金边data中的数据发作变化的时分,axml中的数据也会实时发作改变。
点击展开全文

上一篇:

下一篇:

相关推荐