奋斗!

及时当勉励，岁月不待人。

查看更多项目实例

Html5项目实例

这些项目是对Html、css布局进行熟练，优化而制作的

小米闪购
PDF 网站实例

仿写小米闪购首页html与css样式

音乐播放器
PDF 网站实例

通过Audio创建个性化音乐播放器，应用原生js进行音乐播放等操作

刮刮乐
PDF 网站实例

通过Canvas实现刮刮乐效果

拖拽文件上传
PDF 网站实例

练习readerFrame drag文件上传

loading小图标
PDF 网站实例

使用svg绘制loading常见小图标

Css3项目实例

这些项目是对Html、css布局进行熟练，优化而制作的

bootstrap首页
PDF 网站实例

仿写Bootstrap官网首页，熟悉bootstrap3的实际应用

响应式布局
PDF 网站实例

练习响应式布局

弹性盒子布局
PDF 网站实例

通过flex弹性盒子进行布局

响应式动画
PDF 网站实例

通过animate与transition结合原生js进行响应式动画操作

3D动画
PDF 网站实例

通过transform属性，进行rotate3D操作，实现3D动画

iOS时钟动画
PDF 网站实例

通过transform属性结合js，实现时钟动画

JavaScript项目实例

这些项目是熟悉原生JS进行dom操作，实现人机交互操而制作的。

轮播图
PDF 网站实例

通过原生js操作dom实现轮播图动画效果

三级联动
PDF 网站实例

通过原生js进行三级城市的联动查询

九宫格抽奖
PDF 网站实例

通过原生JS结合定时器实现随机抽奖动画制作。

弹窗
PDF 网站实例

通过原生js结合css的position定位操作弹窗动画的显示。

焦点图
PDF 网站实例

通过原生js操作动画，实现焦点图的动态切换。

游戏项目实例

这些项目是基于兴趣，并且使用原生JS进行游戏项目操作，有借鉴的js思想开发

打地鼠
PDF 网站实例

通过原生js结合dom操作判断实现打地鼠小游戏的功能实现

jQuery项目实例

使用JQuery工具操作且实现经典项目

手风琴菜单
PDF 网站实例

使用JQuery实现手风琴菜单效果

轮播图
PDF 网站实例

使用JQuery实现轮播图动画

分页插件
PDF 网站实例

使用jQuery实现分页插件

购物车组件
PDF 网站实例

使用JQuery实现淘宝购物车增减数量效果

网络实例

这些项目是巩固网络学习，并且使用原生JS进行ajax封装，实现网络请求

淘宝联想词
PDF 网站实例

通过淘宝搜索接口，并且处理返回数据，制作个性化搜索栏搜索效果

注册登录
PDF 网站实例

通过小米接口，并且处理返回数据，实现登陆注册

瀑布流
PDF 网站实例

使用原生JS封装ajax函数，请求数据，处理数据，加载瀑布流图片

Vue项目实例

使用Vue-cli工具进行组件化开发实现个人项目

Vuegram
PDF 网站实例

使用Vue-cli工具进行组件化项目开发，上传图片，添加滤镜，添加文字，即可发表动态

Vue作业系统
PDF 网站实例

使用Vue-cli工具进行组件化项目开发，可上传下载文件，教师页面可以新建批改作业