HTML/CSS
• 熟悉W3C规范,掌握DIV+CSS布局,能根据UI设计稿独立完成网页(PC,Mobile)构建,并结合Web标准、标签语义化和SEO优化代码;
• 能够使用各种布局方式( 流式, 弹性, 响应式, rem )进行多端开发;
• 熟悉HTML5/CSS3新特性,能够使用CSS3制作页面动画;
• 熟悉Less预编译提高开发效率。
JavaScript
• 熟练使用原生JavaScript操作DOM,BOM;
• 对JS面向对象的编程思想以及闭包、继承、原型链、作用域等有一定的认识,并在页面开发中使用;
• 理解HTTP协议和JSONP实现原理,明白前后端的交互原理,熟练运用ajax/json/jsonp/axios实现前后端通信;
• 熟悉canvas,能够使用echarts实现数据可视化;
• 了解ES6相关规范。
框架/库/插件
• 了解双向数据绑定及模块化开发的思想,熟练使用vue/react+es6+webpack进行web开发;了解angular,react;
• 熟练使用jQuery,Bootstrop,Zepto等常用库和框架;
• 熟悉常见的Lazyload /Swiper/validation等功能插件;
• 了解CMD/AMD规范和RequireJS;
服务端相关
• 熟悉请求与响应流程,了解服务端渲染与客户端渲染的区别,
• 了解nodeJS 和 后台框架express。
项目工具
• 熟练npm管理项目模块所依赖的功能包;
• 熟悉git,会使用gulp/webpack对代码进行压缩管理,了解grunt。
• 熟练PS进行切图、取色及测量;
• 熟练vscode开发工具,也可以使用sublime和webstorm。
项目一 :麦德龙后台可视数据报表(metro master-report)
项目简介:
为客户(metro麦德龙)开发的后台数据可视化项目
• 技术栈:vue + vue-router + vuex + axios + echarts + es6 + element-ui 。
• 实现功能:登陆,数据可视化, 按照日期搜索等。
项目二:国际奥比斯主题摄影活动 2017/12-2018/1 http://photocomp.orbiswsd.org ; http://backend.orbiswsd.org
项目简介:
为客户(Orbis Internationa 国际奥比斯)开发的主题摄影活动项目,分为前台的活动宣传页和作品上传页+后台作品评选页。
• 技术栈:vue + vue-router + vuex + axios + element-ui + es6。
• 实现功能:前台:轮播图,懒加载,模态框,作品上传,表单验证,跟踪网站浏览量等;后台:登陆,搜索作品,点赞,评论,排序,分页等。
项目三:麦德龙微信公众号活动 2017/12-2018/1
项目简介:
为客户(metro麦德龙)制作的h5微信公众号页面。
• 技术栈:vue + vue-router + axios + es6 + weixin-js-sdk。
• 实现功能:手机摇一摇,保存图片到手机,audio多媒体,模态框,动画效果,分享等。