工作经历

奥林科技(中国)有限公司(2013 年 9 月~2017 年 2 月)

iBOS ADP 前端生成系统

这个项目主要目的是，让开发人员直接通过拖拽，用已有的组件（基础组件，当前工程拖拽生成的组件）组成页面，可以对每个组件属性进行设置，然后选择后端对应页面描述信息及数据 API, 前后端建立绑定关系。保存时自动生成完整的页面型组件（含生命周期，路由对象，数据获取与保存）。

项目采用 antd + react-dnd 实现，我主要负责页面布局，基础组件整理与配置，及组件的拖拽嵌套，并将页面的组件树用一个嵌套的大对象描述，提交到服务端，持久化到 xml ，同时生成 jsx 文件。

由于采用配置的方式，可以很容易的将任意第三方组件纳入基础组件库中。对业务上有耦合（如权限控制）的组件，通过 lib-ibos 来补充。

目前项目第一期规划的功能已实现，并用于实际的开发环境中，完成了一个 CRM 系统，替代了老版本的 CRM ，用户体验和响应速度都得到很大提升。

附：系统相关截图

内部运营平台

这是一个内部项目（功能包括企业管理，销售管理，销售拜访活动记录，会员增长趋势及行为分析等统计信息图形化展示）。这个项目可以让运营人员快速了解当前产品的销售情况，企业增长及活跃情况，用户反馈情况，从而及时作出运营策略调整。

因为是内部项目，且公司组织结构的变化，这个项目常被用于新技术的试水，包括 spring, maven 的引入，前端主要由我牵头，分别用 AngularJS,AvalonJS, ReactJS 重写过。我主要负责前端的开发与指导，偶尔参与后端的实现。用 react 重写（基于 antd ）时前端完全由我一个人完成. 同时，我在这个项目实践了 SPA,前端路由始终采用的是 hash 方式，因为公司产品最低要求兼容 IE8 。上线前的优化用 fis3 完成，用 react 时才开始用 webpack 完成。

通过这个项目让我对前端模块化(commonjs/AMD/CMD)，组件化，路由，工程化有了一定的认知。

咖狗网

这个项目有 2 期，我主要参与了 1 期的开发， 2 期交由其他事业部开发和维护。我的工作包括搭建前端环境，规范开发目录，全站大胆采用了 SPA ，后端以 rest api 的方式提供数据，前后端工程完全分离。为了兼容到 IE678 ，部分人员已经有 AngualrJS 的使用经验, 因此前端采用 AvalonJS 实现，因为它与 AngularJS 类似。

期间遇到的最大问题是，当页面比较复杂时， vm 对象会非常大，原本打算将页面分成多个业务组件去维护，组件间嵌套，但 avalon 的组件扩展并不好处理，遇到嵌套情况就更复杂，一直没敢去重构。

其他项目

会员系统: 主要负责后端，完成会员(企业 /个人)注册，审批及企业员工管理等功能

用户行为分析：主要负责后端，通过在页面埋点，采集用户行为，利用阿里云 OTS,ODPS 的数据服务，对数据进行准实时和周期性build,帮助企业客户了解和分析自己用户的行为。

成都合力科技有限公司(2010 年 3 月~2013 年 6 月)

ETL 项目

具体项目名忘了，从实习到毕业后的 2 年多一直在这家公司工作，用 java 开发。从 2010 年加入，参与了整个项目从开发到部署实施的过程，并成为了核心开发。我主要负责底层开发，包括如下工作：

数据传输，用 socket, FTP 、 samba 实现在不同主机，不同操作系统间的数据传输
数据采集，根据采集规则，定时调度，每天自动读取同构或异构数据库、半结构化文件,写入 xml, 生成到按天分组的目录中
数据入库，对 2 次采集数据，利用文件比对工具找出增量，将增量写入数据库

通过以上过程，我从中掌握了多线程，文件操作(写锁，大文件读取、分割与合并)，数据传输， 队列（阻塞 /非阻塞），定时调度，jvm 参数设置，xml/excel 文件操作,JDBC 及数据库事务,PL/SQL，Oracle 数据库集群等大量知识。一年内实现了 8 亿条数据的抽取转换和入库，清洗大量数据，解决了客户数据杂乱，不规范，分散，难以统计和分析的难题。

后期参与了 WEB 开发，掌握 JSP,Spring,Struts,jQuery 如何操作 DOM 。

最后就是部署和实施（有时要出差到外地），这个过程学会了 linux 安装(主要是 centos5)，在 linux 上安装 oracle 数据库，也掌握了一些常用的 linux 命令。

开源项目和作品

开源项目

lib-ibos: 基于 antd 扩展，用于公司内部前端生成工具生成的 web 工程
fis3-cooker : 基于 Fis3 实现的前端开发工具，拥抱 npm 生态，支持 es6 、 reactjs 、 js 模块化(commonjs 规范)，内置目录规范及上线前的基本优化等,主要用于公司内部 react 项目的开发

fis3-cooker 相关自定义插件
- cooker-parser-babel : 用 babel 转换 es6 语法
- cooker-postprocessor-es3ify : 处理 IE8 下default等关键字的问题
- cooker-parser-less : 处理 less 文件编译
fis3-parser-translate-textcss：将 requirejs 语法转换为 fis3 支持的 amd 规范, 便于公司内部使用 requirejs 项目的迁移