HTML5 File API 的应用进阶 VIP

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

    目录 收起>

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

    1.实现可选择列表 00:08:37

    本课时通过为列表项增加一个选择框,进而实现列表的多选和对选择文件的删除。同时,在选择、取消选择时实现操作栏的切换。

    2.实现文件复制和移动 00:06:54

    本课时实现3种操作模式的切换:只读、可选择和目标选择,并在此基础上实现文件复制、移动功能。

    3.制作操作栏切换特效 00:06:33

    本课时讲解如何实现操作栏变换时,向底部缩入及弹出动态效果。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

HTML5 File API 的应用进阶

3课时,22分钟2015-06-10
liuhann
liuhann

极客学院签约布道师

课程背景:
移动开发中,对内容列表进行选择操作是一个很常见的需求。本课程以文件列表为例,实现文件的选择、多选,进而实现一些文件的普遍性操作。另外,本课程还实现了操作栏切换特效,大家可以初步学习如何在手机端实现流畅的动画效果。

核心内容:
1.实现可选择列表
2.手机应用的操作模式切换
3.实现文件复制、移动和删除功能
4.制作操作栏切换特效

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

是否提供资料:

课程等级:中级

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

    实现可选择列表

    08:37

    本课时通过为列表项增加一个选择框,进而实现列表的多选和对选择文件的删除。同时,在选择、取消选择时实现操作栏的切换。

  • 2

    实现文件复制和移动

    06:54

    本课时实现3种操作模式的切换:只读、可选择和目标选择,并在此基础上实现文件复制、移动功能。

  • 3

    制作操作栏切换特效

    06:33

    本课时讲解如何实现操作栏变换时,向底部缩入及弹出动态效果。

相关课程

  • HTML5 Canvas 使用路径

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

    3课时 18分钟
    初级
    18661人学习
  • 初级前端工程师面试题

    本课程介绍一下初级前端开发工程师在面试中需要注意的事项以及常见的面试题。

    1课时 6分钟
    初级
    27118人学习
  • HTML5 File API 的应用

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

    4课时 32分钟
    中级
    19605人学习
  • 和产品经理配合那些事

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

    3课时 13分钟
    初级
    9890人学习