1.熟练掌握HTML,CSS,PhotoShop进行快速切图工作;
2.熟练掌握HTML5标签,CSS3新增属性、动画以及弹性盒模型布局;
3.熟练掌握原生JavaScript,并熟练使用JQuery、Zepto、Swiper、IScroll、Bootstrap等快速开发;
4.熟练掌握AJAX异步通信技术,使用jsonp,header解决AJAX跨域问题;
5.熟练掌握前端混合开发:HBuilder在线调试和打包APP,了解Cordova平台开发;
6.熟练掌握Flex布局,rem布局做响应式移动端;
7.了解MVVM框架,Angular,Vue的双向绑定;
8.熟练使用React,Webpack进行组件化开发,使用MobX状态管理;
9.熟练使用Git Bash进行项目仓库管理;
10.熟练掌握后端Nodejs,express框架,mongodb数据库,websocket实时通讯;
11.熟悉Ant Design,Ant Mobile等UI框架及数据可视化工具echarts;
12.熟悉微信小程序的开发,页面重构和接口调用;
项目1 实验教学云平台
技术栈:Webpack+React+Andt+Mobx+TypeScirpt+Nodejs+Parse+Faye(Websocket)
内容:前端部分用React+Router控制路由,区分管理员,教师,学生三种角色登录进入系统。系统分为几个大模块,
1.教务管理:包括用户,课程,班级,教学班级,教室管理等等
2.实验报告:教师可以编辑模板,发布到教学班级,学生们可以复制模板,编辑完成后提交,老师可以在线批改,打印,导出离线报告等等,实验报告中包括文字编辑(富文本),上传附件(自开文件服务或七牛云),实验数据采集(在线捕获实验仪器的数据),数据快照(实验时保存的截图插入,也可以通过手机扫码拍照上传),标注电路图(选择图片并添加图标和文字)。
3.预约派位:开放实验室提供开放日期和时段,学生可预约刷卡进入,老师也可以选择学生派位,使用云打开或关闭实验桌的电源(websocket)
4.在线考试:教师可以编辑试题库,选择试题生成试卷,编辑考试信息,选择考试试卷。学生在线答题交卷后,老师在线批改,主观题自动给分,客观题老师给分。
后端部分使用express框架,nodejs写服务,操作mongodb数据库,使用ParseServer框架。
项目2 弘阳集团数据可视化平台
技术栈:Webpack+React+Andt+Mobx+TypeScirpt+Nodejs+Parse+Faye(Websocket)+Echarts
内容:前端部分包括展示界面和管理界面。展示界面主要是用Echarts做面板,每个面板包括一个类目的数据分析,包括柱状图,折线图,扇形图,雷达图,地图等等。管理界面需要登录,可以切换面板块,和面板之间的布局,放大缩小或固定。管理满屏切换和自动播放。页面间的通信使用websocket。可视化优化使用CSS3动态效果,包括旋转,发光动画等等。
项目3 银泰网
技术栈:JavaScript+JQuery
内容:主要负责首页,商品详情页,购物车,登录页,注册页。首页包含主轮播图的透明度切换,楼层跳转的导航栏包含返回顶部,懒加载,用户滚动到可视区域才加载该区域显示的商品,还有一些tab切换,鼠标移入移除动画效果等等。详情页包括放大镜效果,加入购物车功能。购物车页包括实时联动的加入商品计算数量和总价,增减商品数目,删除单个或删除选中条目等等。登录注册页面包含正则表达式匹配输入,localstorage的操作,验证码切换及有效期。
项目4 周末去哪儿 (混合开发App)
技术栈:JS,Zepto,Swiper,IScroll,Animate,HBuilder在线调试、打包App
内容:主要负责App开场动画,首页,发现页,消息页,登录注册页,详情页,订单页等等。利用弹性盒模型flex和rem适配做整体布局,Animate做开场动画,Swiper做轮播图的banner切换,利用IScroll做上拉下拉刷新和左右词条滚动,利用轻量级的Zepto处理一些事件或完成一些效果。最后HBuilder在线调试,打包成App在手机端完美运行。
项目5 校园招聘(微信场景页)
技术栈:Zepto,Animate,Swiper
内容:主要负责整个校园招聘的微信场景,移动端响应式布局,完成Animate动态效果以及Swiper的滑动效果完成一页页的招聘内容。
项目6 新闻头条(微信小程序)
技术栈:wxml,wxss,js
内容:调用接口实现实时的新闻头条,点击横向滚动导航,可以按类别获取最新新闻,实现上拉加载,下拉刷新。