codecamp

WeX5 关键知识点

l        图片轮播:多个图片定时循环播放,常用于应用的首页上,使用carousel组件实现。可以设置显示的图片,也可以动态增减图片,可以设置是否自动轮换图片,也可以设置图片轮换间隔时间。

l        二级门户图标,一些用于打开二级门户的快捷方式,通常采用两行四列或五列的形式,使用Bootstrap 的table组件实现。

l        广告栏:由多张不同规格的图片组成。使用row(bootstrap)组件,row里面是col,col里面可以还有row,用row可以实现复杂的界面布局效果。

l        双列列表:在记账本App里面学习了单列列表,一行显示一条数据是单列列表,一行显示两条数据,就是双列列表。

l        本地存储:H5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除。 

l        遮罩:不是打开新的页面,而是在当前页面上蒙上一个遮罩,实现酷炫的界面效果,使用popOver组件实现。

    WeX5 首页
    温馨提示
    下载编程狮App,免费阅读超1000+编程语言教程
    取消
    确定
    目录

    WeX5简介

    前言

    第1章 初识WeX5

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