Skip to content

Latest commit

 

History

History
 
 

02_htmlcss

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

第二期任务

基本内容

  1. 学习 CSS3 相关内容,注意动态效果的实现方法,可参考以下资料:

  2. 学习 JavaScript 基本语法,范围如下:

  3. 学习 DOM 知识,可参考下列资料:

  4. 运用以上所学的知识,完成下面两个内容:

    1. 创建一个立方体,可以控制它的翻转,效果参考立方体的变换
    2. 修改上次任务完成的页面,要求将中间一列替换为内容发布(可参见PC端微博或QQ空间):
      • 最上部是输入框与提交按钮,要求输入框能随着输入行数的增加自适应。
      • 点击提交按钮后,下方区域自动添加刚刚发布的内容(最好能加入动态效果比如渐入渐出和滑动等)。
      • 有更多时间的话可以丰富一下下方发布内容的样式,如包括头像,昵称,点赞转发按钮等(可以定死)。
      • 还有时间也可以尝试实现页面下拉后无限加载功能,加载的内容可以定死。

额外说明

  1. 这次的任务时间为三周,主要是感觉到各位同学可能进度较慢,希望各位平时能投入更多的时间,毕竟大一时间还是相对很充裕的,一周投入30个小时到编程学习中应该不成问题。
  2. 这次任务主要是希望大家掌握 CSS3 新特性中的动画,以及初步入门 JavaScript, 对 DOM 树以及相关操作有一定的了解。
  3. 这次任务我们开始学习 JavaScript, 但是实际上关于 JavaScript 的内容不止这些,有兴趣的同学可以提前开始学习 廖雪峰的JavaScript教程