项目1:安卓企业号官网(PC端网站)
一、项目介绍:全面帮助用户解决生活所有需求,真正实现点对点的精准推荐服务
二、主要职责:负责官网的页面的搭建与编写和实效展示效果
三、项目功能:
1.使用div+css搭建页面,搭建前与设计师交流布局需要注意的问题以及需要实现的特效
2.使用swiper插件来实现触屏图片轮播切换的动态缓冲效果
3.使用ajax技术获取后台数据接口,将数据和图片动态渲染页面
4.使用css3来完成鼠标移入放大的动画效果和实现图片阴影效果
5.使用tab.js插件来实现不同tab栏标题的切换以及动态的改变对应的标题内容效果
6.使用Bootstrap框架中的web字体来替换精灵图,减少网站的请求以此提高网站性能。
项目2:我趣积分(移动端)
一、项目介绍:一个丰富、多样化的积分兑购与购物平台
二、主要职责:负责项目结构搭建页面的编写和各种特效功能的实现
三、项目功能:
1.使用Flex布局(弹性布局)搭建页面能自适应各种移动端屏幕的大小,实现移动设备的自适应布局
2.使用swiper插件来实现图片轮播切换的动态缓冲效果
3.使用lazyload插件实现图片数据的懒加载,尽可能的减少数据并发请求的压力,提高用户体验效果
4.使用ajax技术获取后台数据接口,将数据和图片动态渲染页面
5.使用阿里巴巴图标库来替换精灵图,减少网站的请求以此提高网站性能。
6.利用浏览器的localstorage,将用户登录的信息标识缓存到浏览器中,避免用户重复登录,提高用户体验
项目3:俄罗斯私人定制旅行(响应式)
一、项目介绍:提供经典路线以及私人定制服务,让您选择适合自己的旅行方式
二、主要职责:负责项目的首页和经典路线这两大模块的需求开发,以及项目结构搭建和各种特效功能的实现
三、项目功能:
1.使用swiper插件实现轮播图的自动轮播滚动的效果。
2.使用Bootstrap框架的栅格系统对页面实现具有一体感的页面布局。
3.使用ajax技术调用后台的数据接口,将获取到的数据和图片动态渲染页面上。
4.使用lazylody插件来实现图片的懒加载,减缓图片并发请求数据次数以提高浏览器性能。
5.使用CSS3的scale缩放属性来实现鼠标移动到图片上图片变大缩小的效果,增强用户的体验效果。
6.使用nodejs搭建项目服务器搭配ejs前端模板,提高了前端数据渲染的效率。
7.后期网页的更新迭代,与其他后台技术人员一起解决项目存在的bug问题。
项目4:花见网(移动端)
一、项目介绍:一个全新思维的文化创意平台,为广大喜爱美好事物的朋友提供一个自由开放的平台
二、主要职责:首页、发现、设计等模块的结构搭建和各种特效功能的实现
三、项目功能:
1.使用html+css技术100%还原设计页面,实现移动设备的自适应百分比布局。
2.使用使用swiper插件来实现触屏图片轮播切换的动态缓冲效果
3.使用ajax技术获取后台数据接口,将数据和图片动态渲染页面
4.使用lazylody插件来实现图片的懒加载,减缓图片并发请求数据次数以提高浏览器性能
5.使用CSS3来实现登录界面与注册界面的切换翻转效果
6.使用AUI前端框架,利用UI组件快速实现项目头部和底部的通栏结构搭建
7.使用jQuery Mobile插件来搭建页面的版块,实现页面版块的展示与收缩效果
8.使用百度地图的API来实现当前地址位置的定位和鼠标滚轮放大缩小的功能