任务一
整理用户输入的爱好,允许用户允许用户用换行、空格(全角/半角)、逗号(全角/半角)、顿号、分号来作为不同爱好的分隔
任务二
实现倒计时器
  • 界面首先有一个文本输入框,允许按照特定的格式YYYY-MM-DD输入年月日
  • 输入框旁有一个按钮,点击按钮后,计算当前距离输入的日期的00:00:00有多少时间差
  • 在页面中显示,距离YYYY年MM月DD日还有XX天XX小时XX分XX秒
  • 每一秒钟更新倒计时上显示的数
  • 如果时差为0,则倒计时停止
任务三
实现轮播图
  • 图片数量及URL均在HTML中写好
  • 可以配置轮播的顺序(正序、逆序)、是否循环、间隔时长
  • 图片切换的动画要流畅
  • 在轮播图下方自动生成对应图片的小点,点击小点,轮播图自动动画切换到对应的图片
任务四
实现类似百度搜索框的搜索提示功能
  • 允许使用鼠标点击选中提示栏中的某个选项
  • 允许使用键盘上下键来选中提示栏中的某个选项,回车确认选中
  • 选中后,提示内容变更到输入框中
任务五
界面拖拽交互
  • 实现一个可拖拽交互的界面
  • 如示例图,左右两侧各有一个容器,里面的选项可以通过拖拽来左右移动
  • 被选择拖拽的容器在拖拽过程后,在原容器中消失,跟随鼠标移动
  • 注意拖拽释放后,要添加到准确的位置
  • 拖拽到什么位置认为是可以添加到新容器的规则自己定
  • 注意交互中良好的用户体验和使用引导