项目:青站
项目描述:该项目是一个自助建站系统,具有三端自适应、支持多语言、自由框架设计、自带图片素材库等的特点,利用此系统可以快速建站。
主要职责:
1、主要负责页面结构、图片、视频、图册、视频列表、轮播图、多语言、搜索、地图等控件功能的实现。
2、使用 Vue 框架+Element-UI 快速完成 UI 界面,实现页面和数据分离。利用 vue 组件的可重复使用性, 提高开发速度与优化项目结构。
3、使用 vddl 拖拽插件实现图片水印的准确位置设置和轮播图图片的拖拽排序功能。
4、使用 axios 动态获取后台数据并插入到组件模板中,完成前端的渲染。
5、调用百度地图和高德地图 API,实现地图控件的功能,准确获取用户所在区域和搜索用户指定位置。
6、使用 swiper 插件实现多种类型轮播图的实现。
7、使用 Vuex 进行全局状态、数据和调用异步方法的统一管理。
8、封装图片、颜色选择器等常用功能组件,提高开发效率,优化代码质量。
项目:One 音乐
项目描述:该项目是一款单页面的移动端音乐网站,主要分为推荐页、排行榜页、歌手页,该项目具有歌曲的播放与暂停、上一首与下一首、搜索等功能。
主要职责:
1、使用官方的 vue-cli 脚手架进行环境搭建开发项目,实现页面和数据分离。利用 vue 组件的可重复使用性,提高开发速度与优化项目结构。
2、利用 html5 和 css3 实现前端界面的布局,用 css3 的弹性盒子布局和 css3 的 vw、vh 单位配合来实现多种移动设备的屏幕自适应和易维护的页面结构。
3、使用 vue-router 和 vuex 实现页面的跳转和数据传输、状态管理等功能。
4、使用 axios 动态获取后台数据并插入到组件模板中,完成前端的渲染,实现音乐的播放。
5、使用 Mint UI 组件库完成页面轮播图效果和懒加载。利用 npm 包管理工具进行依赖文件管理,同时使用了 webpack 打包构建工具,优化代码质量。