2017.12 ~ 至今
上海前端负责人
负责 Pandora 产品的迭代
构建可视化系统
构建开放式应用平台
2016.06 ~ 2017.12
明星员工
负责区块链+项目构建及维护
负责美元交易系统
推行 TypeScript
1. 能够编写语义化 HTML，模块化 CSS
2. 能够使用 Flexbox 实现比较复杂的布局，使用 CSS3 实现复杂的动画
3. 能够使用 Less 高效编写 CSS
4. 了解浏览器 DOM 加载和渲染原理
1. 熟悉 TypeScript，熟练掌握如何在项目中集成其工具链，了解其高级类型
2. 熟悉 JavaScript 核心基础；掌握 ES6 常用语法
1. 熟悉使用 React、Mobx 构建单页 Web 应用
2. 熟练使用 React Hooks
3. 熟练使用 Antd 快速搭建系统应用，了解其源码并可对其进行进一步封装
1. 熟练使用 Webpack 对项目进行模块打包并了解其原理
2. 熟练进行 Webpack 打包性能优化
3. 了解 Rollup 进行模块化打包流程及原理
4. 了解使用 Lerna 进行多包管理
1. 有过大型单页 Web 应用实战经验，处理过大规模的数据变更场景下的优化，了解前端性能优化与调试技巧
2. 熟练使用 rebase、cherry-pick 等 Git 命令，了解 CI、CD 流程
3. 熟练使用 Jest 单元测试框架，熟悉各种测试技巧
1. 基于 ECharts 封装平台风格的图表库，将其复杂 json 配置进行包装为易用 UI 配置。
2. 结合平台搜索功能，实现自动识别分组、指标等信息预测用户期望图表展示。
3. 实现可拖拽、多主题仪表盘，支持通过图表下钻，模板变量等实现图表联动。
1. 自定义 XML 模板语言，实现 XML 自动渲染为 React 组件，将平台可视化等复杂的功能进行封装，方便用户根据自身需求进行组件组装。
2. 支持自定义可视化，实现一套图表渲染生命周期规则，将用户自定义的图表渲染逻辑通过插件化的形式动态加载至平台。
3. 支持自定义组件，实现加载满足 AMD 规范的外部 JS 文件至平台，实现页面部分自定义。
4. 支持自定义页面，通过 iframe 的方式动态加载用户自定义应用，实现了平台与应用之间路由、提示信息等通信。
1.@qn-pandora/pandora-component: 基于 Antd 组件进行封装，使其 UI 规范与平台一致。
2.@qn-pandora/pandora-app-component: 平台功能中复杂组件进行封装。
3.@qn-pandora/app-sdk: 平台功能中复杂逻辑(如: 搜索)、工具函数进行封装。
1. 创建应用平台各种类型应用模板的 CLI 工具，oclif command 与 yeoman 生成器结合实现。
2. 整理应用平台各种类型应用的脚手架，支持应用在本地开发、联调、查看效果及自动打包等功能。
1. 封装平台搜索框逻辑，实现 SPL 语言关键词高亮、联想、语法错误提示等功能。
2. 实现对 SPL 语法文件(anltr)进行解析，将用户输入的搜索语句进行分析生成 monaco-editor 支持的相关数据结构。