熟练掌握HTML5开发,响应式布局和弹性盒。熟练使用js,熟悉新版js(包含但不限于es6)新特性。熟练使用React、AngularJs、Angular6、Vue等框架并都有实际项目经验。熟练使用Nodejs(Express)并有实际项目经验,熟悉服务器操作,对前端部署服务器有着较为深刻的认识。熟悉TypeScript并实际使用过
项 目 一: crp后台管理系统
项目描述: crp系统为我们公司内部使用的一个后台管理系统。顾问老师登录查看自己跟进的学生申请进度,选校信息,签证进度等。系统集成了外呼, 语音转文字各种炫酷的功能。
技术要点:
1. 该项目使用angularJS框架,angular-ui-bootstrap和bootstrap框架。
2. 使用ejs模板引擎渲染页面, 可配置的cdn进行内容分发。
3. 高度拆分webpack配置文件, 灵活搭配gulp进行打包, 压缩, 热更新等。
4. 结合Babel编译新版js, 整个项目使用es6及以上版本的js进行开发。
5. 接入中通天鸿外呼系统,实现页面拨打挂断电话操作。
6. 墨刀制作学生端demo接入系统。
7. 站内通知,来电弹屏使用sharedworker 实现开启多个页面只建立一个socket链接。(后端限制了一个session只能有五个socket链接)
8. 使用redis存储用户登录状态。
项 目 二:顺顺文书项目
项目描述: 文书项目其实是我们一次技术升级的产物,集成到crp系统。用户学生或顾问老师管理文书。它也经历了angular2 到 angular6的成人礼,现在在做的是crp原有应用的迁移。
技术要点:
1 .使用了angular6, typescrpit rx.js。
2. 使用webpack进行文件打包, 编译, 热刷新等操作。
3. 使用echarts实现图表绘制。
4. 集成ueditor编辑器, 实现在线编辑文书。使用diff-match-patch来实现版本对比, 高亮显示差异代码
5. 基于ueditor还原word审批实时在线审阅功能
项 目 三: 标准IT部件
项目描述: 构建一套完善的IT系统,需要考虑的诸多因素。为此,我们定义并提供标准IT部件产品,满足您快速构建业务的需求。标准IT部件是根据IT架构层级定义,将标准化的软件产品进行封装,按照层级分类提供,让您快速构建自己的IT系统,实现业务快速增长的需求。
技术要点:
1、使用 React + Redux框架作为前端架构。
2、使用webpack作为前端自动化管理工具,使用hash值处理缓存。
3、实现按需加载优化项目加载速度。
4、使用Nodejs的influx包来操作influxdb数据库以获取产品的信息。
5、使用elasticsearch来实现产品在客户端的实时日志输出
6、使用echart 实现服务器cpu、网络、内存的实时动态图
7、使用socket.io实现前后端的实时通信(NodeJs作为后端)
8、Node.js作为中间层实现与后端和运维的数据交互。