# abouts

# 基本信息

Ori Lee
26 岁 | 男 | 长春
130 **** 8936 | 380 *** [email protected]
5 年工作经验 | 离职 | 前端开发工程师
武汉 **** 学院 | 软件技术 | 2017.09 — 2020.06

# 专业技能

• 熟悉 前端三件套 HTML、CSS、JavaScript，以及 ES6 相关生态大部分特性的使用方法和场景；
• 熟悉 前端 MVVM 框架 Vue.js、uni-app 和 MVC 框架 React.js 以及 微信小程序；
• 熟悉 Element、Ant Design、Vant、uni-ui 等 UI 组件库；
• 熟悉 Web3.js 和 Ethers.js 等 Web3 工具库；
• 熟悉 前端性能优化的实现，例如代码优化、打包优化、资源优化，能结合实际业务场景进行优化；
• 熟悉 Gin、Gorm、Go-zero 等 Golang 框架；
• 熟悉 MySql 数据、Redis 缓存；Nginx 等中间件；
• 熟悉版本控制工具（Git）、自动化部署工具（PM2, Docker, Jenkins）；

# 工作经历

深圳市 *** 电子科技有限公司 2020.03 – 2025.01
研发部 软件开发工程师 深圳

• 负责前端技术选型工作；
• 根据产品需求参与或完成产品 UI 设计；
• 主导并负责公司项目的开发、发布与维护、工程化改造；
• 分析优化网站前端性能并成功提升系统响应速度 20%，提升客户满意度；
• 配合后端完成项目中测试环境以及线上数据的完整性；

# 项目经验

# 芳村 Of 茶商城

# 技术栈:

微信小程序 + JavaScript + ECharts + Vant + weui 等；

# 项目职责：

1. 主导设计原型并参与 UI 设计与优化；
2. 主导前端从 0-1 开发，并高度还原 UI 效果和动画；
3. 负责与后端完成接口调试，以及生产环境和测试环境的构建；
4. 负责产品部署和维护；

# 难点亮点:

1. 通过解耦逻辑封装公共函数和组件减少代码，代码减少 25%，开发周期缩短 20%，提升代码的可维护性。
2. 多规格组合选择（SKU），通过预处理组合模式，实现敏捷的 UI 更新，提升用户体验；
3. 虚拟列表组件实现与封装，处理数据过大滚动卡顿问题。在加载万条数据时，滚动帧率达到 60fps 以上；
4. 触底加载组件实现与封装，提升用户交互体验；
5. 通过分包降低主包大小，处理主包过大问题；

# FILECOIN 资产管理（全栈独立开发）

# 技术栈:

React.js + JavaScript + Vite + react-router + redux + Mock.js + Ant-design + Chart.js + Golang + Gin + Grom + MySql + Redis；

# 项目职责：

1. 主导产品迭代升级、设计原型和移动客户端的用户权限和管理员权限 UI；
2. 主导产品数据库迭代升级，以及数据迁移工作；
3. 主导前端的从 0-1 的开发，高度还原 UI 设计稿；
4. 主导并实现后端开发的业务逻辑，并提供前端需要的 API；
5. 主导前后端的 API 对接与联调；
6. 负责前后端的部署与维护；

# 难点亮点：

1. 通过解耦逻辑封装可复用的组件和公共函数，以及 Axios 请求封装，减少代码量，增强项目的可维护性；
2. 利用本地缓存提高页面流畅性，提升用户体验；
3. 通过 Mock.js 降低与后端对接时间成本，提升开发效率 20%；
4. 通过 Docker 实现快速部署，有效降低时间成本；

# 鲸杉量化

# 技术栈:

uni-app（Vue3) + JavaScript + uni-ui + Git Hooks + Tailwind CSS + Mock.js + Vant + Pinia + Lodash + Golang + Go-zero + MySql + Redis + WebSocket 等；

# 项目职责：

1. 主导设计产品原型和 UI；
2. 负责技术选型和前端开发工作；
3. 负责与后端完成接口对接与调试；
4. 负责前端的部署与维护；

# 难点亮点：

1. 代码规范上使用 Git Hooks 来实现 commit 信息的一致性、并统一代码风格、自动压缩图片大小；
2. 通过 Canvas 绘制推广海报，并通过转换海报格式解决在各个浏览器中下载海报差异问题；
3. 通过解耦逻辑封装实现可复用的组件和函数以及 Lodash 和 Tailwind CSS，减少代码，开发周期 15%，提升代码复用性和可维护性；
4. 通过 MockJs 降低与后端对接的时间成本 20%；
5. 通过代码优化、资源优化、打包优化等性能优化，将加载速度提升约 31%；
6. 通过心跳检测机制实现 WebSocket 自动重连；

# 列奇数藏平台

# 技术栈:

uni-app (Vue2.0) + JavaScript + Vuex + uni-simple-router 等；

# 项目职责：

1． 参与产品规划；
2． 主导技术选型；
3． 参与 UI 设计，轮播图海报设计等；
4． 负责产品前端开发；
5． 负责配合后端完成接口对接和调试；
6． 负责产品的维护

# 难点亮点：

1. 通过解耦逻辑封装实现可复用的组件和函数，减少代码，增强项目的可维护性，并缩短开发周期；
2. 九宫格组合卡片，通过 CSS 盒子，实现 N 层 图片叠加的拼图；并手搓帧动画；
3. 推广海报 Canvas 生成，以及通过转换 File 格式兼容多浏览器下载海报；

# NFTEA

# 技术栈:

Vue.js (Vue2.0) + JavaScript + Axios + Vuex + vue-router + i18n + Web3 等；

# 项目职责：

1. 负责产品前端构建与开发；
2. 负责前端部署与维护；
3. 完成 NFT 商城的基础功能开发；
4. 完成流动池的开发；

# 难点亮点：

1. 使用 Web3.js 与 智能合约进行交易，查询数据，数字资产交易；
2. 深入了解 UniSwap（v2）版本的算法；
3. 路径搜索算法问题，并实现寻找最优兑换路径算法；
4. 实现独立的 Swap 功能开发与集成；
5. 通过 页面懒加载 和 图片懒加载 提升用户交互体验；

# 广州 ** 电子科技有限公司官方网站

# 技术栈:

React.js + Redux + Next.js + TypeScript + Swiper + GSAP + Tailwind css + Google Ads + Google Tag Manager + PM2 等；

# 项目职责：

1. 主导技术选型、设计产品原型和 UI；
2. 主导并负责前端开发
3. 主导产品的部署以及维护；

# 难点亮点：

1. Next.js Image 组件在运行时环境中导致资源加载异常，通过自定义 ImageLoader 处理加载异常问题；
2. 产品是部署的运行时环境中，通过 PM2 进行管理进程；
3. 通过 Google Ads、Google Tag Manager 等相关产品 SEO 和 优化词条；