掌握HTML5、CSS3、JavaScript、Ajax等前端开发技术。
熟练运用jQuery、sass、vue.js等前端框架和css库完成产品视觉实际与数据交互。
熟悉响应式布局web设计工作原理,实现响应式布局。
对于移动端的自适应方案也有一定的了解。
熟悉ES5、ES6等技术。
能够理解W3C标准,对前后端分离,web语义化有所了解。
使用过版本控制工具git和构建工具webpack、抓包工具charles。
了解linux系统的简单操作,项目的上线工作有一定简单的了解。本次的两个项目的上线工作均由自己动手完成。
了解MVVM、MVC设计模式。
熟悉小程序开发流程
项目名称:仿JDFinance金融项目(个人项目)
项目线上地址: jdfinance.ycnzdz.cn
实现技术:vue.js+es6+sass+vue-router+vue-awesome-swiper+git
项目介绍:
本项目主要针对移动端客户,采用rem、px2rem来实现自适应方案适配任何机型,用于展示京东金融项
目,导向下载地址。布局使用Flex布局。模块分为首页模块、理财模块、白条模块、众筹模块。采用CSS Module来进行CSS模块化划分,用sass预编译语言来进行css书写,用ES6的模块化来进行js模块化的划分,使用vue的单文件组件来实现组件的划分。本项目采用SPA设计,使用vue-router来实现前端路由功能。
项目的亮点在于组件的划分、CSSModule的实现以及自适应方案的使用。具体功能不在此一一赘述。
项目名称:Mmall电商网站
项目线上地址:mmall.ycnzdz.cn
实现技术:html5+CSS3+JavaScript+jQuery+Ajax+git+webpack
项目介绍:
本项目主要针对PC端的用户,为前后端分离项目,通过Ajax对接口的调用来获取数据,前端商品信息全部通过Ajax从服务器端获取。前端模块分为用户模块、商品模块、购物车模块、订单模块、支付模块。页面分为首页、订单页、订单确认页、订单详情页、用户中心、用户登录页、商品详情页等16个页面。本项目考虑对低版本浏览器的友好,用户类型多样,采用jquery与原生的js来实现业务,保证在低版本的浏览器中也能稳定运行。
渲染html部分采用hogan模板,轻量高效,获取DOM对于DOM的操作使用jQuery来进行,slide部分采用jQuery中的unslider插件,模块化采用commedJS。各个页面的功能与实现不在此一一赘述了。