# 孙雅凡
男 | 26 岁 | 前端开发工程师 | 北京
手机：13141411566 | 微信：yafan0609 | 邮箱：yafanison@gmail.com
# 专业技能
- 掌握项目常规开发流程，能够独立开发前端页面
- 熟悉 HTML5、 CSS3，确保代码规范，具有像素级还原设计稿的能力
- 熟悉 JavaScript、 ES6+ 语法，具有 TypeScript / Less / Sass 等扩展语言开发经验
- 熟练使用 Vue 及 Vue 全家桶进行开发，包括 VueCli、VueRouter、Vuex 等
- 熟悉微信小程序从开发到发布全流程， 独立承担从零到一小程序开发
- 熟悉 React 框架，理解重要概念(生命周期、异步更新、组件通信、单项数据流)
- 熟练掌握 Git、 Markdown 等工具，了解前端工程化
# 工作经历
# 小象飞羊（北京）科技有限公司
2020 年 8 月 ~ 至今
- 参与公司项目线业务开发, 独立承担完成部分项目开发全流程
- 根据项目需求及 UI，完成项目技术选型、框架搭建、页面开发到打包、部署完整流程
- 5G 智慧银行项目以 Vue 为核心技术栈，基于 vue-cli 脚手架，使用 Webpack 完成打包构建
- 与成开数据中心对接接口数据, 以生产网部署的方式完成项目运行
- 后期维护解决项目运行中出现的 bug 及新的需求功能开发
# 北京易连忆生科技有限公司
2020 年 3 月 ~ 2020 年 7 月
- 配合 UI 和后端，根据产品需求，开发移动端页面
- 优化页面适配，前期基于 rem 布局，后期过渡到 vw、flex 布局
- 使用 ECharts 等可视化技术开发数据图表，动态展示学生数据各项指标
- 同期工作之余提升自己 JS 的编码能力
# 项目经历
# Wheel UI（使用 Vue 实现的小型 UI 库）
Vue3 项目预览 (opens new window) Vue2 项目预览 (opens new window)
该项目是参照 Ant Design 、Element UI 等 UI 库思路，做的一款基于 Vue + TypeScript 的 UI 框架。
项目分别使用 Vue3、Vue2 两个版本实现不同的组件功能。
Vue3 版本使用 setup、 onMounted、watchEffect、 ref、 computed 等 Composition API。
主要组件有 Switch、Button、Dialog、Tabs、文本输入框、Toast、标签、手风琴等。
每个组件均经历需求分析到 制作官方文档 的过程，完成该项目使我对 Vue 的常用特征更加熟悉，同时加深了自己对前端工程化的理解。
主要技术栈： Vue3 / TypeScript / VuePress / Vue Router / Vite / SCSS / ES6 / Parcel
# 极简记账 （记账应用）
Vue 项目预览 (opens new window) React 项目预览 (opens new window)
一个移动端记账应用，包含标签、记账、统计 等页面，实现了记账、标签管理、查看收支详情等功能
使用 Vue 、 React 分别实现了一遍，让自己熟悉两个常用框架的使用
使用 SCSS 作 预处理，React 使用 Styled Components 插件,实现 CSS in JS
通过 Vuex、 自定义 Hooks 实现组件数据的状态管理, 使用 LocalStorage 实现数据本地储存
在实现过程中遇到了很多 Webpack、TypeScript、 Hooks API 方面的问题，并将解决的过程记录在个人博客。
Vue 版本技术栈：Vue / Vue Router / Vuex / TypeScript
React 版本技术栈：React / React Router / 自定义 Hooks / TypeScript
# 小象云观网点画像
项目为网点选址、数据营销等提供多维度预测性数据, 以 React 为技术栈, 基于 Ant Design 框架
模块主要分为电子地图、城市数据展示、区域工商明细、网点数据分析等
基于高德地图 API 实现区域筛选及选址分析, 热力图辅助展示网点周边客群画像
采用 Echarts 进行数据可视化展示, 实现对网点周边综合分析与对比
与后端对接, 实现多个目标网点数据对比及报告输出功能
# 小象规划+ (小程序)
项目为银行理财经理提供用户资产配置方案, 基于微信小程序原生框架
模块主要分为模式选择、客户评测、方案推荐、资产分析、模拟配置等
采用 ec-canvas 实现资产占比、收益分析、风险分析、历史净值等图表展示
封装 公共组件及 Request 接口请求, 优化代码统一数据处理，降低代码的耦合性