精通HTML5、CSS3,熟悉W3C标准和语义化标签,实现多种动态效果,能够解决浏览器兼容性问题。
精通JavaScript原生代码,能够使用原生代码开发页面。
熟悉es6的新语法及新特性,包括箭头函数、结构赋值、class、语法糖、模板字符串等。
熟练掌握各种js函数库和框架: 包括jQuery、Ajax、bootstrap。
熟练使用css预处理语言less/sass。
熟练使用Vue.js前端框架,有一定的自我钻研能力。熟练运用常用的MVC,MVVM设计模式,对路由视图和数据双向绑定有一定的了解。
能够使用webpack进行前端自动化及项目构建。
会使用Canvas和SVG进行简单绘图,熟悉并会使用Echarts等插件绘制相关图形
项目一: 荣庆物流-中国智慧物流的领跑者
项目概述: 该项目是响应式物流网站开发,在首页模块实现了Ajax更新新闻消息、订单查询等功能,订单查询模块实现了货号查询、用户登录等功能,其他页面利用滚动监听实现了网页的交互效果等。
技术栈: JavaScript jQuery bootstrap animate.js less json 优化处理 grunt
项目二: 好未来官网网站
项目概述: 好未来是一个以教育、课外指导为主的科技教育公司。该网站有非常多的动画交互效果,几乎每一块内容都有入场出场的动画;教育科技模块大量使用了css3的动画和HTML5的canvas,替代了flash动画,大大提高了网页的运行效率;新闻中心模块使用Ajax调用json数据,点击某个标题调用相对应的数据,否则展示默认的数据。
技术栈: JavaScript jQuery canvas swiper scrollReveal.js countUp.js Bubble.js three.js
项目概述: 好未来是一个以教育、课外指导为主的科技教育公司。该网站有非常多的动画交互效果,几乎每一块内容都有入场出场的动画;教育科技模块大量使用了css3的动画和HTML5的canvas,替代了flash动画,大大提高了网页的运行效率;新闻中心模块使用Ajax调用json数据,点
项目概述: 该项目是响应式物流网站开发,在首页模块实现了Ajax更新新闻消息、订单查询等功能,订单查询模块实现了货号查询、用户登录等功能,其他页面利用滚动监听实现了网页的交互效果等。 技术栈: JavaScript jQuery bootstrap anima