mdchao 攻城狮

Demo


遮罩层按指定路径缩小消失

主要技术:jQuery CSS

使用 animate 方法,做到兼容 IE8。曾在联想服务官网上线3个月。源代码

百度前端学院 task0004 ToDo 应用(移动端)

主要技术:JavaScript LocalStorage requireJS Sass Gulp XSS

在任务三中,做了一个 PC 端的 ToDo 应用。任务四是将它优化,以适应移动端设备。源代码

百度前端学院 task0003 ToDo 应用

主要技术:JavaScript LocalStorage

任务三,ToDo 单页应用,主要使用了 LocalStorage 存储数据,使用 JSON 模拟了 3 张数据表。源代码

拖拽交互

主要技术:JavaScript

对鼠标事件应用,以及判断定位的方法等。源代码

输入框即时提示

主要技术:JavaScript

对input监听,使用正在表达式高亮匹配,实现输入联想效果。源代码

轮播图

主要技术:JavaScript

变速运动,运动终止条件的应用。源代码

倒计时

主要技术:JavaScript

setInterval(),Date 对象的学习和使用。源代码

处理兴趣爱好列表

主要技术:JavaScript

对JavaScript正则表达式和字符串的练习。源代码

百度前端学院 task0002 展示主页

主要技术:HTML CSS

任务二的展示主页,里面包含五个小 demo。还有一篇相关的日志。源代码

百度前端学院 task0001 个人博客

主要技术:HTML CSS

完成百度前端学院的任务。深刻的理解了BFC、浮动、inline-block间距,多列布局等技术。还有一篇相关的日志。源代码

Ghost Button 幽灵按钮

主要技术:CSS3

使用 CSS3 中的旋转、缩放、过渡、动画等效果,制作出很酷的按钮效果。源代码

CSS3 阴影特效

主要技术:CSS3

CSS3 中的阴影、旋转等效果,制作出曲边阴影和翘边阴影。源代码

AngularJS 结合动画效果

主要技术:AngularJS CSS3

使用 AngularJS 中的 ngAnimate 加 CSS3里面的一些旋转效果,做出页面切换的效果。源代码

AngularJS UI-router 练习

主要技术:AngularJS UI-router

UI-router 作为 AngularJS 中路由的扩充,实现了多级路由的效果。使得前端界面跳转更加方便。源代码

仿知乎页面

主要技术:HTML BootStrap

使用BootStrap仿照知乎做了一个静态页面。源代码