嘻嘻哈哈

闽政通办公（oa） 前端研发工程师
1. 技术栈：uniapp + vue2 + uview
2. 职责：项目特点是使用了大量的mixin，因为有很多逻辑共用。我负责移动端的开
发，负责pad端的适配。pad端有个页面需要所有模块，每个模块使用不同的组件，但
同时显示的只有1个模块，利用异步组件()=>import()，有效提高此页面的加载速度。
3. 项目背景：闽的多城市多租户多模块大型oa项目。

数字化构建引擎 前端主程
1. 技术栈：react hook + typescript + pro.ant.design(umi+ant) 。
2. 介绍：南威基石产品，使用ant.design.pro框架搭建，作为主程研发，帮助同事学
习react，在开发中熟练运用useModel简易数据流，useContext全局状态，css
modules，在项目中熟练使用hook，hook封装。
3. 项目背景：数字化转型底座是数字化转型建设中的新型基础设施，是面向数字化建
设者提供核心能力的集中统一管理、构建应用生产与管理体系、运营监控与运维管理
体系，帮助政务、金融、工业等政企充分复用技术能力，统筹规划和管理数字化各类
应用的建设。

南威基石产品设计器 前端主程
1. 技术栈：vue3 + typescript + element-plus + vue-draggable。
2. 职责：我承担主程研发，负责实现方案的构思，打通从组件，拖拉拽装配，到发布
后用户端侧的效果。首先考虑数据流，入参出参，我用pinia全局存储，主要有个存储
页面组件对象的数组coms，当前选择组件curSelected。然后考虑组件的规范，我写
了个抽象类comBaseClass，定义组件的规范，即数据格式，需要哪些字段（比如组件
id，组件name，组件type，组件config），一个组件一个类，继承此抽象类，拖放结
束时，生成对应的组件对象，存入pinia的coms中。那在面板中如何渲染这个组件
呢？组件类中的组件name即对应vue组件的name，利用vue的动态组件
<component :is="组件name">就能渲染对应的组件。那如何对组件进行配置呢？比
如配置背景图、数据源、标题等等，依据curSelected，也是利用<component
:is="组件name+'Config'">在面板右侧渲染出对应的配置，配置操作存入pinia中的
coms中对应组件对象的config中。最后将这个coms提交到后端。最后在用户侧的时
候，如何正确渲染配置好的工作台呢？所以此项目要打2个包，一个是设计器的包，一
个则是用户端侧的包，用户侧和设计侧共用组件，只要依据后端读取来的coms，再利
用动态组件就可以正确渲染了。
3. 项目背景：针对用户的不同需求，自主装配各个工作台页面，作为一个集成系统，
集成到产品的管理端。