HTML5 本地存储的应用 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程讲解基于 HTML5 本地存储技术,专门用于 Cordova 及 HTML5 应用的非关系数据库 LokiJS 的应用,并演示基于 LokiJS 实现的文件收藏及分类、查看功能。

    1.LokiJS 的应用 00:09:02

    本课时首先介绍 Cordova 下数据存储的方案,然后讲解文档型数据存储引擎 LokiJS 的使用,并实现文件收藏功能。

    2.横向多页滑动功能的实现 00:10:57

    本课时进一步应用 iscrolljs 实现手机横向多个屏幕的内容切换,同时实现内容切换时顶部标签的同步滑动功能。

    3.分类查看功能的实现 00:11:18

    本课时使用文件扫描实现手机文件分类查看功能,将扫描到的特定分类文件使用 LokiJS 存储起来,避免每次重复扫描,最后在新的屏幕中实现文件分类的九宫格分布。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5 本地存储的应用

3课时,31分钟2015-06-19
liuhann
liuhann

极客学院签约布道师

课程背景:
数据持久化是手机应用的必然要求,HTML5 技术提供了用于非关系信息存储的 localStorage、用于关系型数据存储的 WebSQL 及介于二者之间的 IndexedDB。本课程介绍基于 localStorage 的 LokiJS,并讲解使用 LokiJS 进行数据存储、查询和更新。

核心内容:
1.HTML5 数据持久化概览及 LokiJS 介绍
2.文件收藏功能实现
3.实现横向多页滑动并制作分类图标
4.实现文件扫描、分类查看的功能

软件环境:Windows XP 以上的 Windows 系统

是否提供资料:

课程等级:中级

适合人群:
对 HTML 开发有初步了解,了解 Jquery 框架使用的学员
  • 技术问答
  • 1

    LokiJS 的应用

    09:02

    本课时首先介绍 Cordova 下数据存储的方案,然后讲解文档型数据存储引擎 LokiJS 的使用,并实现文件收藏功能。

  • 2

    横向多页滑动功能的实现

    10:57

    本课时进一步应用 iscrolljs 实现手机横向多个屏幕的内容切换,同时实现内容切换时顶部标签的同步滑动功能。

  • 3

    分类查看功能的实现

    11:18

    本课时使用文件扫描实现手机文件分类查看功能,将扫描到的特定分类文件使用 LokiJS 存储起来,避免每次重复扫描,最后在新的屏幕中实现文件分类的九宫格分布。

相关课程

  • HTML5 File API 的应用进阶

    本课程讲解应用 HTML5 File API 进行手机文件的复制、移动和删除等操作,以及执行以上操作涉及到的列表模式切换,并在模式切换过程中,实现操作栏切换的动画效果。

    3课时 22分钟
    中级
    14415人学习
  • 和产品经理配合那些事

    本课程介绍前端开发工程师和和产品经理配合那些事,以及对产品经理的职业进行相关的简单的介绍以便让前端开发工程师对整个产品的开发流程有更清晰的认知,最后来学习一下设计原型图进行简单的交互,以便让产品经理的想法更加落实。

    3课时 13分钟
    初级
    10133人学习
  • HTML5 Canvas 使用路径

    本套课程主要讲解HTML5 Canvas 使用路径,绘制除长方形与正方形以外的图形需要使用路径,包含moveTo与lineTo、使用bezierCurveTo绘制贝塞尔曲线。

    3课时 18分钟
    初级
    19002人学习
  • HTML5 Canvas 绘制渐变图形与绘制变形图形

    本套课程讲解HTML5 Canvas 绘制渐变图形与绘制变形图形,主要包含课程绘制渐变图形,绘制径向图形,绘制变形图形。掌握对渐变和变形的使用。

    3课时 18分钟
    初级
    19856人学习