从0-1使用uni-app搭建。页面编写，数据处理。搭配后台管理系统。后台管理系统使用vue3+ts+element-puls。使用 Echarts 多系列混合图表的大数据量个性化配置和展示。

处理大量数据在地图渲染和卡顿。 文章列表的长列表优化，使用虚拟滚动。 使用 Echarts 多系列混合图表的大数据量个性化配置和展示。 模块封装组件便于维护。 数据提前清洗和预处理。

从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绘制自定义围栏获取企业数据。