项目名称:仿移动端 QQ 音乐界面及功能
项目技术:Gulp、ZeptoJs、audio
功能实现:播放暂停、切换歌曲、专辑图片旋转、拖动进度条控制播放位置。
项目收获:利用模块化的思想将每个功能单独抽离为一个 JS 文件,增强了对模块化思想的认知,对移动端布局 有了深入的了解。
Github 网址:https://github.com/dengmingcuik/QQmusic
Github 预览网址:https://dengmingcuik.github.io/QQmusic/dist/html/
项目名称:仿 PC 端美团官网
项目技术:Vue、Vuex、Vue-router、Axios 、sass 、ElementUI 库
功能实现:美团官网首页、城市切换页、商品列表页、商品详情页、注册页、登录页,共封装 6 个页面级件, 27 个普通组件,包括 3 个公用模板。
项目收获:掌握了 vue 开发流程,充分体现了数据渲染页面的思想及组件化开发方式,掌握路由的跳转、动态 路由,掌握 Vuex 实现数据共享,对生命周期函数、双向数据传输的思想、自定义指令、Axios 配置、打包上线 等有了深刻的认识。
Github 网址:https://github.com/dengmingcuik/mt-app
Github 预览网址:https://dengmingcuik.github.io/mt-app/dist/#/