codecamp

WeX5 同步训练

【训练说明】

开发第一个应用：Hello World App。

【做法引导】

在WeX5开发工具中，新建应用、新建页面、在页面中拖放data组件、input组件、output组件。给data组件增加列，增加数据，作为input组件和output组件绑定的数据。在Chrome浏览器中运行正常后，使用WeX5的打包工具生成App、运行App。

【最终效果】

运行效果如图1-21所示。

    WeX5 生成App
    WeX5 开发账目列表
    温馨提示
    下载编程狮App，免费阅读超1000+编程语言教程
    取消
    确定
    目录

    WeX5简介

    前言

    第1章 初识WeX5

    WeX5 实战案例：欢乐捕鱼App

    WeX5 H5 App简介

    WeX5 开发原理

    WeX5 开发过程

    WeX5 实战案例：Hello World App

    WeX5 开发App

    WeX5 生成App

    WeX5 关键知识点

    WeX5 同步训练

    WeX5 实战案例：记账本App

    WeX5 开发账目列表

    WeX5 开发记一笔

    WeX5 开发账目分类设置页

    WeX5 开发首页

    WeX5 生成App

    WeX5 关键知识点

    WeX5 同步训练

    WeX5 实战案例：扫一扫App

    WeX5 使用扫描二维码插件

    WeX5 关键知识点

    WeX5 同步训练

    WeX5 实战案例：仿淘宝App

    WeX5 首页

    WeX5 商品列表页

    WeX5 关键知识点

    WeX5 同步训练

    关闭

     MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }