从0搭建项目，经历了整个项目生命周期。对接业务前端。负责技术选型，难点攻克。

使用Vue全家桶进行开发，并使用Vuex作为状态管理工具。

使用sass预加载以及mixin样式编程优化代码结构提升代码质量。

经历过3次重构，注重性能优化与体验,在2.0版本，打开首页速度提高1倍。

Webpack 个性化配置以及优化，采用 keep-alive 缓存机制，追求用户体验与细节。

axios二次封装，支持取消请求，请求超时、拦截等功能。

封装Echarts、支持窗口缩放时的适应问题、实时更新。

使用relation-graph插件完成企业人员图谱、企业投资图谱、企业关系图谱。

可定制化用户logo、背景页设置、水印。

使用geojson.io补全Echarts地区缺失。

使用百度地图DrawingManager绘制自定义围栏获取企业数据。

招商数据管理平台
技术选型： Vue Echarts element-ui Vuex zm-tree-org

项目概述：该项目面向公司开发和运维人员、招商人员使用，包括标签池、标准图谱、项目管理、触达管理、企业库、采集库、行为数据。

负责内容：

独立负责项目搭建。使用Vue全家桶进行开发，并使用vuex作为状态管理工具。

期间承担PM职责，对接需求方进行原始需求分析与拆解，负责产品设计、产品追踪、技术方案推进及后续优化。

封装表格表单联动组件。

负责标准图谱、项目管理、标签池模块。

项目业绩：

首页大量图片以及 echarts 组件，所以采用压缩图片，协商缓存，组件懒加载，可以防止首页加载时间过长。

企业名单上传体积过大，优化上传过程等待。

根据需求自己封装了树组件，支持添加、搜索、编辑等功能。

大数据可视化大屏
技术选型：Vue Echarts 百度地图
项目概述：该项目面向政府使用。包括重大项目签约台帐、重点项目库大数据分析、企业家全国分布。
负责内容：

使用vue搭建项目，多屏幕适配。

封装Echarts组件，利用图片展示词云。

页面动画动态效果。

项目业绩：

处理大量数据在地图渲染和卡顿。
文章列表的长列表优化，使用虚拟滚动。
使用 Echarts 多系列混合图表的大数据量个性化配置和展示。
模块封装组件便于维护。
数据提前清洗和预处理。
招商引资重大项目台账管理
技术选型： Vue element-ui Echarts
项目概述：该项目面向政府招商引资审批项目管理流程系统。包括项目管理、台账报表、统计系统、系统管理。
负责内容：

代码 review 以及前端规范制定。
开发台帐审批流程模块。
表格表单联动组件开发。
复杂财务报表组件开发。
项目业绩：

完成相同工作量，线下变成了线上，人数不变的情况下，记录量翻倍。
处理不同等级用户在不同时间段操作系统。
预览、导出每个季度台账报表。
实现了根据用户权限挂载不同的权限路径，让其拥有不同的权限。
使用加密狗生成密钥，保护源代码。
慧数招商人工智能行业报告（H5）
技术选型：vue Vant Echarts
项目概述： 精准洞察人工智能行业的动态和趋势，智能分析整合，每月定时更新行业分析报告。包括月关键词、产业链高亮、本月焦点、行业动态、明星推荐、优质企业。
负责内容：

负责项目整体搭建，使用vue+Vant开发。

使用Swiper可自定义轮播。

使用Echarts-graph关系图表示产业链高亮。

可分享第三方平台。

城市人才雷达大数据平台
技术选型： Vue element-ui
项目概述：该平台以人才为导向，以企业工 商数据为辅助，把实现个人价值与社会人才经济发展联系起来。包括企业家雷达、价值测评、企业家触达、企业家智库、企业家搜猎。

负责内容：

负责项目搭建，使用vue+element。

根据地区建立企业家雷达。

根据ACMII指标价值、商业维度、人脉维度、资产维度、媒体维度、产业维度测评企业家。

使用活动页、短信、邮箱模版开展活动。

数智ONE系统
技术选型：vue iview Axios
项目概述：通过付费实力和选址动力进行排序，来筛选符合指定条件的企业。包括产业分布、产业链、潜在伙伴、潜在项目、我的关注、控制面板。
负责内容：

负责项目搭建，使用vue+iview开发。
Echarts地图支持省市县下钻。
使用Echarts地图实现企业热力图、散点图、迁入、迁出。
冯青云 - 前端工程师
女/17600425823
17600425823@163.com

东北农业大学/计算机科学与技术

本科/2021年毕业
山西能源学院/信息管理
专科2016年毕业

介绍
能使用 HTML5 + CSS3 ，并结合 Sass/Less 等预处理器进行设计稿还原。

多次使用Vue全家桶进行项目开发，使用过ElementUI、VantUI、iviewUI。

了解数据可视化技术，多次使用Echars，根据要求实现可视化图表展示。

了解webpack打包工具基本配置，基于工具搭接通用的开发环境。

良好的代码编程，具有框架意识，乐于封装代码，拆分代码组件化。

独立开发能力强，逻辑思维强，能够快速定位问题，并提出技术解决方案。
了解常规开发流程，开发调试技巧，部署步骤。

工作
中科点击（北京）科技有限公司 （2018.1-2023.11）
负责公司自研产品、小程序、公司官网、后台管理系统研发工作。

推动技术栈升级统一，基于业务场景调研技术方案选型、组件库的选取。

拉通UI部门，统一前端标准化。制定组内研发代码规范。

任职期间担任过PM角色，与客户对接需求，负责产品设计、技术方案推进。

项目
慧数招商平台
技术选型： Vue Vuex Axios Echarts 百度地图 G6 relation-graph

项目概述： 该项目主要面向政府、企业招商。打破传统招商引资，通过大数据监测企业动态。整个平台包括首页推荐、产业图谱、园区猎企、招商渠道、招商情报、重点关注、企业触达。

负责内容：

从0搭建项目，经历了整个项目生命周期。对接业务前端。负责技术选型，难点攻克。

使用Vue全家桶进行开发，并使用Vuex作为状态管理工具。

使用sass预加载以及mixin样式编程优化代码结构提升代码质量。

经历过3次重构，注重性能优化与体验,在2.0版本，打开首页速度提高1倍。

Webpack 个性化配置以及优化，采用 keep-alive 缓存机制，追求用户体验与细节。

项目业绩：

axios二次封装，支持取消请求，请求超时、拦截等功能。

封装Echarts、支持窗口缩放时的适应问题、实时更新。

使用relation-graph插件完成企业人员图谱、企业投资图谱、企业关系图谱。

可定制化用户logo、背景页设置、水印。

使用geojson.io补全Echarts地区缺失。

使用百度地图DrawingManager绘制自定义围栏获取企业数据。