




工作经历
2021-02-14 -2021-06-01字节跳动前端工程师
- 主要负责基础工程团队桌面应用框架开发 - 主要负责低码引擎的核心设计和开发 - 主要负责 modern.js 开源项目的事项推进
2018-06-01 -2019-12-31西瓜创客全栈开发工程师
- 参与开发基于 Vscode 的编辑器 - 参与开发 scratch3 图形化开发语言框架 - 参与开发 electron 桌面应用
2017-07-01 -2018-11-05中油瑞飞后端开发工程师
主要是后端工程师 - 负责后端 JAVA 项目开发 - 负责一些前端 React 项目开发
教育经历
2013-09-01 - 2017-07-01西南交通大学机械制造及其自动化本科
技能

基于业务诉求,我设计了前端低码开发引擎,这在字节跳动和美团都有实践,效率提升 40% 以上。和 formily 有些类似,但有本质差别: - 可以基于任意 UI 库进行扩展组件,不同页面不同项目可扩展不同 UI 库和主题风格。 - 横向集成很多通用能力,降低前端开发重复工作量。 - formily 很多副作用和联动,或采用字符串写法(JSON schema)导致,难以维护,schema 数据庞大复杂,学习成本高,使用上手困难。 - 我的框架主要基于描述数据和数据关系,通过解析引擎解析节点,+ UI 引擎进行渲染,数据和 UI 天然解耦合。 - 我的出发角度是开发提效,而不是低码,形式虽然页是 schema + 引擎,但是我所写即代码,非 schema。可读性、可维护性大大提高。 我截取了两张代码使用的图,再截取一个效果图,效果图为实际业务多层嵌套表单事例,对文字做了遮挡。


我是项目的核心负责人: - 参与项目框架搭建和开发 - 参与 vscode 源码和 react 集成的工程化 - 开发页面时核心痛点:vscode 开发 UI 的方式非 React,非常复杂,需要熟读源码,理解核心机制才能够做定制化开发。 - 在浏览器环境里接入 python 运行时框架,并解决复杂难题 python 和 js 的双向程序调用、事件注册等问题。 因为不在该公司好几年了,没有账号无法截图,但是截图又是必填的,我选择开源框架的图截屏一下哈,还望谅解。
