练习代码,学习前沿的前端技术。
本项目基本包含了我平时非工作时间的代码。
主要方向是HTML+CSS ---> HTML5+CSS3
用于计算三个人共同的消费有满减,而且每个人消费金额不同时,每个人需要向付款方支付多少钱。
所有工程中用到的js库,css用到的库
Task1 继续完善制作百度首页。包含换肤功能,Tab标签切换功能。
特色:
换肤功能:采用localStorage存储上一次的皮肤信息。
对事件冒泡的控制,使得换肤面板可以在点击其他位置时隐藏。
jsonp跨域方式获取天气信息的功能。
Task2 制作极客学院课程库页面。
特色:
HTML5+CSS3,使用纯CSS3打造侧边栏。主要技术:绝对定位,hover伪类选择器
seaJS使用:将seaJS引用到工程之中,并解决兼容JQuery的问题。
Task3 用JQuery制作瀑布流效果。
特色:
检测滚动条的位置,如果到达某个位置,自动获取下一张图片,组装DOM。
然后动态计算出图片的绝对位置,填充图片。
学习Angular相关技术
- 学习简单的Demo
- 学习Ctroller的使用
- 学习$scope的使用
- 学习service,以及自定义service服务