时间范围 | 学校 | 学历 | 专业 |
---|---|---|---|
2015.9 - 2019.6 | 武汉大学 | 本科 | 自然地理与资源环境 |
时间范围 | 公司名称 | 职位 | 主要职责 | 成就 |
---|---|---|---|---|
2019.7 - 2021.2 | 湖北永业行评估咨询有限公司 | 地理信息技术员 | 负责外业勘测和内业数据处理及可视化工作 | 完成 3 个三调项目、增减挂钩项目的内外业工作 |
2021.3 - 2023.1 | 麒麟软件有限公司 | 研发工程师 | 负责后台管理平台开发 | 完成 2 个后台管理平台的开发工作 |
2023.9 - 2024.8 | 北京亿众互动科技有限公司沈阳分公司 | 前端工程师 | 负责后台管理平台和定制化 h5 开发 | 完成 3 个管理平台、8 个定制化 h5 的开发工作 |
- 基于 UmiJS、Modern.js 开发框架,结合 Antd 开发管理平台;
- 基于 vite、React、React Router、Axios、Antd 开发管理平台;
- 基于 Antd 封装组件;
- 注重用户体验:是否能有效地获取信息(搜索功能),是否能高效地完成任务(以任务为导向地设计),是否有及时的反馈(状态变化),是否有危险操作二次确认;
- 基于 vite 实现适合公司业务的前端代码部署方案;
- 基于 pixi.js、three.js 、planck、cannon.js 开发游戏类型的 h5;
- 基于提取字形、压缩图片和视频、懒加载、减少 HTTP 请求这些优化手段,将首页显示时间控制在 2s 以内;
- 基于 lottie 和 spine 在 h5 中引入动画效果;
- 开发 vite 插件自动处理图片压缩环节;
- 注重用户体验:对交互原型图中的内容提出与逻辑和用户体验相关的建议;开发过程中,会进行小范围的试用,搜集用户反馈,针对影响用户体验的点进行优化;
-
HTML / CSS
熟悉常见的 HTML 标签及其语义;熟悉 CSS 的基本语法,能使用过渡和动画特性实现复杂的动画,能使用 flexbox 实现复杂的布局,能使用 SCSS 编写易维护的样式文件。
-
JavaScript / TypeScript
熟悉 es6 常见的语法;熟悉基本的类型系统,能使用接口和类型别名描述形状,能使用基本的类型和高级类型进行类型注解,能使用泛型提升代码的复用性,能在项目中引入 TypeScript。
-
React 相关的技术栈
熟悉 React 的基本概念,能使用常见的 hook 进行状态、生命周期管理和性能优化,能使用 React Router、Axios、Antd 组件库构建 SPA。
-
页面加载性能优化
常见的优化方法有:资源压缩、懒加载、减少 HTTP 请求数、有效地利用缓存。
-
文档注释、测试、linter、formatter
能使用常见的JsDoc 和 TsDoc 标签编写注释;能使用常见的测试框架(如vitest)编写单元测试和集成测试;能使用 eslint、prettier 为项目添加代码检查和代码格式化功能。
-
Git
熟悉 Git 的基本概念,能使用基本命令进行文件的版本管理、分支管理、远程管理和撤销操作;能使用 rebase、cherry-pick、stash等命令。
-
Rust
正在学习,有一定的使用经验。熟悉基本语法、所有权、生命周期、模式匹配等概念;编写过文本处理的命令行工具。
- 想做和
基于 React 的 Web 开发框架
和前端构建工具
相关的工作。
- TypeScript。TypeScript 的静态类型检查以及 TypeScript 特有的特性(枚举、接口、泛型等)能为开发者提供更好的开发体验。
- ESM。ESM 是 JavaScript 的标准模块系统,现代浏览器、node(>=12)、bun、deno 均支持 ESM,使用 ESM 可确保代码在不同的运行环境中保持良好的兼容性。
- Rust。Rust 以内存安全、高性能著称,前端领域已有多款用 Rust 编写的高性能工具,未来的前端领域一定会涌现更多的用 Rust 编写的工具。
- 开源。从开源社区中学习知识,也将所学回馈到开源社区。参与 mdn/translated-content 的中文翻译,deno_std 的维护。
- AI。AI 的信息检索能力在某些方面甚至高于搜索引擎,从搜集信息的角度来说 AI 是个不错的选择。