前端:
- vue全家桶、typescript、tailwindcss等
- 微信小程序
- h5页面
- ionic 移动端
- electron / tauri
后台:
- nodejs/bun/deno
- python
- rust
可搭建AI Agent,可vibe-code / SDD开发
# 物业管理系统
该系统服务于涵盖多种园区业态的物业管理,包含基础的人、空间、设备的数据管理以及合同、租赁、收费、iOT等等功能,同时开发了一个大屏应用。
职责:负责前端开发。
工作成果:
·从0到1搭建了前端脚手架和大体的框架
在gitlab上搭建开发的devops
·与另一位前端同事协作开发了240+个后台管理页面
,完成一个大屏功能的开发
技术要点
使用git submodule提取管理多个前端项目的公共组件库
由于设计稿效果与通用组件库差别较大,重新开发了支持树形结构的type-safe表格组件,相比较Antd-Vue-Table,我使用vue3.3+Generic Types开发了更加类型安全的表格组件,会根据传入的数据检查“datalndex”和”key“的类型等,使用相同的Feature也实现了其他更多类型安全的组件,包含表单、选择器、树形显示组件等。
使用quill富文本编辑器实现合同模版编辑功能,编写了新的quil插件来实现自定义的代码提示功能。
.使用postcss-pxtorem方案实现大屏高分辨率渲染。
使用qiankun.js微前端集成第三方系统页面。
# 智能文档采集应用
智能文档采集应用是一个使用Electron技术开发的桌面应用,用于对文档/协议进行扫描、质检并智能分拣,服务于业务采集前端,提高业务资料的采集正确率和质量。
职责:应用前端、负责应用窗口程序的开发以及供浏览器使用的webSDK的开发。前端需求:
调用摄像头/高拍仪设备采集文档
智能压缩图片至合适大小
·前端peg合成TIFF文件并导出
·图片处理(裁剪、旋转)
自动给营业厅网店分发配置
技术要点
项目脚手架的搭建,使用Vue-Cli并集成vue-ci-plugin-electron-builder创建脚手架来开发Electron应用,在项目内添加多个脚手架配置(vue.config.js)用于构建项目所需要的多个输出。
在与硬件设备的交互上,使用webRTC接口调用摄像头/高拍仪设备来采集文档,使用Chrome中的接口实现采集设备参数的调整,如亮度、对比度、曝光时间、色温等属性。
使用一些固定端口的websocket服务器让应用与浏览器进行通信,使得应用可以通过浏览器唤起并与浏览器的网页进行交互,在输出可执行程序的同时会输出webSDK供浏览器调用。
智能压缩图片,通过修改Jpeg图像质量或修改图片尺寸来对图片已经压缩,使图片大小保持在用户限制的范围内。
利用浏览器操作二进制的接口实现多个peg文件合成TIFF文件的功能。
使用konva库实现类似手机旋转、裁剪图片的功能。
,使用indexedDB存储一些临时的图片。
使用CSS3 Filter以及“截图”来实现图片的滤镜功能,可以调整图片的亮度、灰度、饱和度等。
负责从产品设计到前后端功能开发。 已上架Mac App Store 功能点: - 任务无限层级 - 日历日程视图支持 - 丰富的拖拽交互 - 适配黑暗模式与i18n 技术要点: - 使用过Electron[TS] + Prisma[sqlite] +
vibe code 小项目,负责整个项目的所有设计开发 已经开发完成的功能 - 接入mcp-server - 接入skill - 多AI厂商适配,已适配 ( 智谱,minimax ) - 用户输入tools,Agent可以在需要输入时通过输入tool 与用户交互