贪吃蛇项目
github地址:https://github.com/i12-ilo/RetioSnaker.git
使用设计模式(工厂模式,单例模式,继承,扩展,单一职责原则),数据结构(链表),面向对象思想开发
移动端音乐播放器
github地址:https://github.com/i12-ilo/video_player.git
技术栈:gulp+Zepto.js+less+audio
功能:播放暂停,切换歌曲,专辑图片旋转,拖动进度条控制播放位置,本地模拟数据,ajax获取数据,通过数据渲染页面 的结构,播放的曲目,时间,运用模块化思想将每个功能单独抽离成一个模块
学生信息管理系统
github:第3个版本源码 https://github.com/i12-ilo/stuapp.git
这个系统的开发,有3个版本
第一个版本:技术栈:html+css+jquery
第二个版本:技术栈:html+css+bootstrap+jquery
第三个版本:技术栈:vue+vuex+vue-router
功能:通过网络交互获取数据,进行增删改查,前两个项目使用jquery的ajax,第3个版本使用axios
美团项目开发(pc端)
github: https://github.com/i12-ilo/mei-app.git
技术栈:vue+vue-router+vuex+webpack
整体开发思想:使用数据驱动,动态的更加数据来显示页面,使用vue-router来完成页面跳转,使用vuex来存储数据,模块化组件化开发,便于调试修改。组件样式使用的是sass,使用webpack将代码打包
node.js++vue.js实现个人博客
github:https://github.com/i12-ilo/PersonalBlog.git
技术栈:node.js+vue.js+bootstrap+jquery+express+mysql
功能:展示所写博客,随机标签,最新评论,热门搜索,友情链接,编写博客,博客文章详情页,留言页
开发整体思想:实现前后端的交互全栈项目,分层思想,持久层,业务逻辑层,web层,页面。整体页面是由数据来驱动的,通过向后端拿去数据来渲染前端页面,前端页面开发,使用vue.js