####2016 ncuhomers dev practice front end
About
练习
-
fork这个项目
-
在根目录下新建一个属于你的目录, 以用户名为目录名
-
在自己的目录里操作自己的代码和练习,每个练习再算一个目录
-
所有目录名,文件名莫用中文
######目录
dev-practice-FE
├── yours filename
│ └── first practice
│ │
│ └── second practice
│
├── others filename
│
└── demo //当别人问一些东西我会改动放在在这里/还有一些psd静态资源
- pull request
077a988d3b596830895ee75e549d19531844f0aa
- pull request 如何更新代码或者提交代码,请看此教程:如何在github上fork一个项目来贡献代码以及同步原作者的修改
- 每次提交代码请先 git pull
###百度首页
-
新建目录:目录名最好带有baidu字样,或者写个readme。方便查找。
-
仿写百度首页:baidu
-
新增,培训后修改百度首页
-
提交前请先git pull
###小米论坛首页
-
新建目录:目录名最好带有miui字样,或者写个readme。方便查找。
-
仿写小米论坛首页:miui
-
周三例会前git push
###js基础练习&静态页面练手 ######js练习:下周例会前交。文件夹名带有firstjs字样。方便查找。用原生js写。别用任何js/css插件。 * 时间函数 ①根据时间段不同做出问候语。如8.00-12.00打开网页,显示“嗨,早上好”。 时间段自由划分,至少三个,显示内容方式自由定义 ②让其中一个问候语延时五秒出现 * 字符串 给定一个字符串wealllovencuhome2001-2016ncuhome 然后做几个按钮,绑定onclick事件,每个按钮每次点击分别出现以下动作之一 ①弹框显示排在第七个的字符 ②弹框显示这个字符串的长度 ③替换第11个的字符为“a” ④点击在最后面加上ers * 操作dom的样式 ①用js实现例会二维码的鼠标放上去与离开的显示隐藏功能。 ②五个li标签,背景颜色为绿色。下方加一个更多按钮。 点击第二个li标签。第五个变成红色。 点击按钮,在li标签下加上五个li,变成10个。 ######静态页面练习:四个礼拜,从上次例会算起。 * 通过标注好的psd写出一个静态页面。 要有一定的交互效果。比如二级菜单,动图等。 如果有不懂的,可以勾搭设计的妹子们,或者是私戳学长学姐。 * psd将会上传至demo文件夹里。 * 要求:用原生js写。别用任何js/css插件。
###js小练习
- 计算器(实现基本的加减乘除功能)
- 留言板(延伸,评论功能)
- 点赞功能
- 多图淡入淡出效果
- 回到顶部与二维码结合效果(二维码从小变大)
- 自动关闭网页和自动关闭浏览器,自动刷新页面,自动加载,自动跳转新标签,新窗口
- 课程表颜色随机分配,给定一些颜色,将颜色分配到每个小格子里
- 表单验证(电话/邮箱/qq/四级准考证号/学号判断年级验证)
- loading加载效果,参考云家园的loading
- 画简单几何图形,圆,正方形,长方形,椭圆。
- markdown语法:写一篇学期小结(最后一段附上自己对于ajax的理解)