1.熟练掌握html+css
2.熟练掌握js/es6/ts/jq
3.熟练掌握react+redux+react-redux+react-router等技术栈
4.熟练h5等适配方案
5.熟悉node/python等
6.熟悉webpack,有项目构建、优化经验
7.了解一般的nosql、sql数据库
智慧节能控制系统
>项目描述:
以web为基础,获取机房数据,进行展示和控制
>项目职责:
1.使用redux+react-router等库对状态和路由进行管理。
2.负责webpack配置和维护。
3.采用HTML 5 拖放完成用户管理模块的权限控制。
4.使用Echarts完成对数据的展示。
5.使用canvas,通过选定时间,展示设备动画和数据。
酒店后台管理系统
>项目描述:
一个用于酒店人员,采购,用户,订单等管理的cms后台管理程序
>项目职责:
1. 搭建开发环境,根据设计稿完成页面
2. 房态日历模块:用户预定,修改订单的主要交互模块。
3. 角色权限分配模块:使用树状图分配给角色可访问页面,支持深层次的页面
4. 邮件模块:支持邮件收发,邮件签名等功能。
5. 消息轮询:及时通知用户企业内部消息。
> 项目收获
1. 在房态日历模块实现拖动选房的交互效果来降低交互复杂度。
2. 使用骨架屏的加载方式优化加载动画,页面使用懒加载,加快访问速度
3. 消息轮训使用localStorage记录状态,优化了在用户打开多个tab后,会并行发出多个请求的操作,缓解服务器压力
交汇点新闻app
>项目描述:
基于react-native开发的江苏省新闻资讯APP
>项目职责:
编写头部通用组件,主要用于适配android和ios各个机型的状态栏高度。
文章详情页视频播放组件,图片滑动组件等。
重构app内加载动画,滑动动画,编辑动画等。
商城webview集成
在线订报系统:基于vue的h5页面
优化webview内字体加载,让webview内的h5可以加载本地打包字体,减少资源体积,加快访问速度。
>项目收获
1. 编写可复用组件
2. 优化加载动画,编辑动画
3. 优化webview内字体加载,让webview内的h5可以加载本地打包字体,减少资源体积,加快访问速度。
智能运营平台
>项目描述:
针对不同的用户制定个性化投放任务。 制定不同的app推送信息等(如:不同消费人群投放不同的广告)
>项目职责:
1. 根据UI实现界面,根据需求实现功能
2. 编写广告位模板组件,增加托拉拽功能,上传图片支持裁剪上传。
3. 基于croppie组件封装了一个react版本的裁剪上传。
4. 基于umi搭建项目脚手架,使用eslint约束代码规范,基于prettier格式化代码。
5. 配置githook在提交代码前基于prettier强制检测代码规范,使用mocks,前后端协同开发。
>项目收获:
1. 学习了更多关于canvas的知识
饿了么(金融助贷项目)
>项目描述:
该项目是一个嵌套在app中的金融贷款类h5页面。
>项目职责:
1. 通过canvas转base64上传身份证图片,基于face++做人脸识别
2. 优惠券管理列表展示,js结合css3添加动画,优化交互
3. 使用bette-scroll解决h5在ios上卡顿问题,使用vw,vh解决各平台尺寸适配问题。
4. 封装多个通用组件(如账单详情,时间线等),基于jest和enzyme增加单元测试。
5. 使用eslint约束代码规范,基于prettier格式化代码。配置githook在提交代码前基于prettier强制检测代码规范
6. 增加埋点,获取应用各个阶段的pv,uv.并通过Echarts展示数据以及用户用户转换率
>项目收获:
1. 学习了更多新的适配方案,进一步的规范了开发流程
2. 学习了更多关于前端测试相关的内容,并实践了前端的单元测试。