精通HTML和CSS,熟练使用DIV+CSS进行网页布局,对Web语义化有一定了解,熟悉W3C网页标准,能够书写语义合理,结构清晰,易于维护的页面结构。
熟练使用原生js, 完成页面交互和功能实现;深入理解原型链、作用域链,以及面向对象。能够运用原生JS封装简单插件
熟悉html5和css3经常使用Animate.css、ECharts等插件来实现css3的动画效果和canvas的图型化绘画操作
能够有效解决和改善IE、 Firefox、Chrome、Safari等主流浏览器的兼容性问题
掌握移动端Web和响应式开发,并擅长使用Bootstrap、MUI、AUI等框架基于移动端页面的编程
熟悉fullPage、jquery、swiper、lazyload、superslide等实用的插件,并经常应用于轮播图,tab栏切换,幻灯片的特效切换、延迟加载,全屏滚动等常用功能的实现
熟练使用Flex布局(弹性布局)可以迅速的搭建出功能模块,提高了项目结构布局的效率
熟悉Ajax的数据交互请求,根据后台提供的API接口能够合理的完成前台与后台的数据交互,了解Ajax工作原理,以及jsonp跨域
熟练使用less预处理语言和会使用npm命令行管理包,和使用git版本管理工具同时也经常使用gulp和webpack代码打包工具
熟练使用vue框架进行开发,运用vue全家桶的vue2.0 + vue-router + vuex + axios + webpack等技术栈进行项目开发和项目的编译打包
项目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来实现当前地址位置的定位和鼠标滚轮放大缩小的功能