HTML5 File API 的应用 VIP

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

    目录 收起>

    本课程主要讲解 HTML5 File API 的应用,首先介绍其协议,并基于此协议实现文件夹内容浏览、刷新功能,然后创建操作栏并使用 WebFont 来实现操作栏图标,最后创建一个 HTML5 弹出对话框并实现新增文件夹功能。

    1.HTML5 File API 简介 00:07:01

    本课时介绍 HTML5 File API,内容包括 File API 主要对象、获取根对象、目录读取等功能。

    2.实现文件列表功能 00:06:07

    本课时通过调用 readEntries 方法实现文件列表浏览、点击打开等功能。

    3.操作栏的创建及 WebFont 的使用 00:09:49

    本课时使用 HTML5 Flexbox 模型实现能平均分布图标的状态栏,并使用 WebFont 技术实现操作栏图标

    4.使用对话框创建文件夹 00:09:11

    本课时会实现一个弹出式可输入对话框,并实现创建文件夹功能。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

HTML5 File API 的应用

4课时,32分钟2015-06-02
liuhann
liuhann

极客学院签约布道师

课程背景:
HTML File API 系列协议体现了 HTML5 技术在未来应用开发中的布局。使用 HTML5 File API ,前端开发者能更好的操纵手机存储,进而实现更复杂的应用。Cordova 的 File 插件使用 File API 协议,实现了对手机存储的读写操作,本课程我们学习浏览文件系统、创建文件夹。这些功能在开发其他手机APP 中也可以作为基础组件来使用。

核心内容:
1.了解 HTML5 File API
2.实现文件列表功能
3.创建操作栏及 WebFont 的使用
4.使用对话框创建文件夹

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

是否提供资料:

课程等级:中级

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

相关课程

  • HTML5 编辑 API 之 Range 对象(二)

    本套课程讲解 Range 对象的方法,包含 cloneRange、cloneContents、extractContents、createContextual-Fragment、insertNode、compareBoundaryPoints、collapse、detach 方法。

    3课时 21分钟
    初级
    16433人学习
  • 使用 HTML5 构建应用布局和页面

    本课程首先介绍手机 HTML5 开发的基本准则,然后以实战讲解的形式制作一个包括应用布局、列表元素的构建及点击事件处理等基本操作的原型页面。

    4课时 31分钟
    中级
    25849人学习
  • HTML5 增强的页面元素

    本套课程讲解主要讲解 HTML5 增强页面的元素,包含 figure、figcaption、details、summary、mark、progress、meter、ol、dl、cite 和 small 元素。

    3课时 23分钟
    初级
    25206人学习
  • HTML5 编辑 API 之 Range 对象(一)

    本套课程讲解 HTML5 编辑 API 之 Range 对象,包含基本概念,selectNode 方法、selectNodeContents 方法、deleteContents 方法、setStart 方法、setEnd 方法、setStartBefore 方法、setStartAfter 方法、setEndBefore 方法和 setEndAfter 方法。

    3课时 20分钟
    初级
    23098人学习