codecamp

WeX5 同步训练

【训练说明】

开发第一个单页应用：记账本App。

【做法引导】

参考WeX5记账本案例，案例位于/UI2/demo/account目录中。新建应用后，新建四个页面，分别用于开发账目列表页、记一笔页、分类设置页和首页。账目列表页作为主页，默认在首页中打开。在账目列表页中完成新增、修改、删除、保存账目信息等功能。

【最终效果】

   App运行效果如图1-24所示。

    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; }