We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.
孟国栋
前端开发工程师
Varlet Core Team 成员,负责部分表单组件、varlet-cli、varlet-release 的维护和迭代。
男 / 1998 · 7
手机:15662777798
邮箱:
clencat@163.com
工作经历
繁翰信息技术(上海)有限公司
2023年6月 - 至今
前端工程师
纬创软件有限公司
2021/9 - 2023/3
前端工程师
上海微创软件股份有限公司
2021/3 - 2021/9
前端工程师
杨凌农业云
2019/9 - 2021/2
前端工程师
教育背景
山东电子职业技术学院
2016/9 - 2019/7
计算机科学与技术
西安工业大学(函授)
2021/4 - 2023/7
计算机科学与技术
技术技能
熟练掌握 HTML、CSS、JavaScript 等前端端基础知识
熟练掌握 Vue2、Vue3 全家桶,了解 Vue3 响应式源码
熟练使用 React 全家桶开发后台、H5 项目
熟练掌握 TypeScript ,能够应对复杂的类型体系
熟练使用 ElementUI,VantUI,Arco Design 等 PC、移动端 UI 框架,熟悉 TailwindCss UnoCss 等 CSS 框架
熟悉 Node.js,具备编写各类脚本和开发 Node.js 库的经验
负责
varlet-release
的基础维护,可以便捷的发布前端库版本号及生成changelog
项目经历
大数据模型管理系统
2021 年 9 月 – 2023 年 3 月
项目简介:
用于大数据模型代码调试,纠错,试运行以及维护,模型上线审核,批量发布等功能。
技术栈:
Vue2 + Composition-API + Pinia + Vite + Tailwindcss + TypeScript
技术亮点:
1. 引入 unplugin-auto-import unplugin-vue-components 减少重复代码,解决了 unplugin-auto-import import 顺序不一致无法正确解析的问题。
2. 封装 sortablejs 为 hooks 方便使用。
3. 使用 Selection API 封装文字溢出时展示 Tooltip 组件。
4. 解决 Vue Class 迁移至 Vite 时, Typescript 对 Class 兼容问题。
5. 使用 node.js 封装了一些实用脚本。
抖音青少年运营后台+家长后台周报
2021 年 3 月 – 2021 年 9 月
项目简介:
满足运营人员对抖音青少年内容整合分发。划分频道推送,行为记录。对相关视频定制化整理。动态周报服务于家长对于孩子每周使用青少年模式的详细总结。
技术栈:
React Hook + Typescript + Reduck + Arco Design
技术亮点:
1. 独立维护及开发项目。
2. 编写脚本实现自动化生成业务模板,减少重复工作,提高了30%的开发效率。
3. 优化 Context 使用,减少组件遍历次数。
4. 监听浏览器关闭事件时,单路由页面退出埋点请求不一定会准确发送,设计了一个中转页面桥接。
vue3-script-to-setup
项目简介:
在 Vue3 的 script-setup 模式稳定之前,我们的项目中采用了大量普通的 Composition-API 写法。后来转向使用 setup 写法,但是在代码迁移的过程中文件数量过多,也很繁琐。为了避免重构带来的成本,我开发了一个插件来解决这个问题。
技术亮点:
1. 使用 SWC 作为 parse 工具,速度更快,支持单文件转换及多文件批量转换。
2. 解决 Rust 与 Node 对 Unicode 字符长度不一致问题导致转换失败问题。
3. 核心代码无关 Node 暴露核心 API 可在 Node 以及 浏览器中使用。
技能评分
100
HTML
100
CSS
100
JavaScript
80
TypeScript
90
Vue
60
React
40
Node