前端3个月不学,之前的知识,会越来越没用,所以充电一下,学学前端的基础,顺优跟大家多多交流一下
1.[百度前端学院 官网] (http://ife.baidu.com/)
2.[百度前端学院 贴吧] (http://tieba.baidu.com/f?kw=%E7%99%BE%E5%BA%A6%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E5%AD%A6%E9%99%A2&ie=utf-8)
百度糯米前端技术学院,是覆盖糯米业务范围最广的前端技术团队,包含B(Business)&C(Customs)两端,应用场景涵盖PC、NA和WAP三端。团队内有对前端各个领域擅长的资深技术人才,从入门到精通都有专门导师做1对1指导。学院的宗旨是服务学员,专注如一。欢迎大家加入百度糯米前端技术学院,跟我们一起,探索前端技术奥妙!
3-1.任务:有趣的鼠标悬浮模糊效果 id_14
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/14)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_14/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_14/index.html)
3-2任务:动态数据绑定(一)id_15
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/15)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_15/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_15/index.html)
3-3.任务:动态数据绑定(二) id_20
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/20)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_20/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_20/index.html)
3-4.任务:动态数据绑定(三) id_21
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/21)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_21/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_21/index.html)
3-5.任务:动态数据绑定(四) id_22
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/22)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_22/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_22/index.html)
3-6.任务:动态数据绑定(五) id_24
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/24)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_24/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_24/index.html)
-
[台湾小凡-demo2] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_24/index2.html)
3-7.任务:自定义checkbox, radio样式 id_23
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/23)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_23/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_23/index.html)
3-8.任务:自定义网页右键菜单 id_26
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/26)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_26/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_26/index.html)
3-9.任务:使用CSS实现折叠面板 id_27
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/27)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_27/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_27/index.html)
3-10.任务:正则表达式之入门 id_29
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/29)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_29/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_29/index.html)
3-11.任务:正则表达式之简易markdown文件解析器 id_30
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/30)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_30/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_30/index.html)
3-12.任务:CSS3饼状loading效果 id_36
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/36)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_36/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_36/index.html)
3-13.任务:CSS3实现3D 轮播图 id_51
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/51)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_51/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_51/index.html)
3-14.封装DOM动画类库(一) id_52
这题…很烂,2个月交出一个成熟又兼容又要自已写的动画库 = = 。
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/52)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_52/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_52/index.html)
3-15 封装DOM动画类库(二) id_53
这题…很烂,2个月交出一个成熟又兼容又要自已写的动画库 = = 。
-
[官网任务-说明] (http://ife.baidu.com/course/detail/id/53)
-
[台湾小凡-说明] (https://github.com/bhnddowinf/bhnddowinf/blob/master/ife_baidu_com-demo/id_53/readme.md)
-
[台湾小凡-demo] (https://bhnddowinf.github.io/bhnddowinf/ife_baidu_com-demo/id_53/index.html)
3-16 仿豆瓣音乐播放器 id_83