我的简历

张浩然

男/27岁/中共党员/6年工作经验
电话: 18569938068 丨邮箱: zhanghaoran@zhanghaoran.ren
个人网站: https://blog.zhanghaoran.ren
求职意向: web前端开发（Node全栈）

专业技能

• 熟练掌握JavaScript，ES规范，熟悉Node.js、Python、TypeScript。
• 熟练使用Vue2，Vue3生态，uniapp, Nuxt.js, vitepress, electron;了解React；拥有封装高可用组件能力。
• 熟练UNIAPP APP开发、国内外商店上架、离线打包；熟练H5 Hybrid App和小程序开发。
• 熟练使用二维GIS开发（天地图，百度，高德）；物联网、数据可视化大屏开发；了解Cesium三维GIS开发。
• 熟悉Jenkins、gitlab CICD。
• 熟悉微前端架构。
• 了解Webpack, Vite和浏览器兼容和性能调优问题。
• 熟练使用HTML,CSS,Sass预处理,SEO优化。
• 熟练使用三方UI库和echarts、loadsh等三方工具库。
• 熟悉网络爬虫、web服务端开发，Nginx配置调优，SQL语法，Linux系统运维。

工作经历

河南大象智行科技有限公司 - web前端 2021年09月 - 2024年11月

1. 负责公司PC端、小程序、APP端、H5端设计、开发、上架与维护。
2. 负责搭建、沉淀前端UI库和封装工具/组件库。
3. 统筹管理前端日常开发工作。

北京旗渡锦程翻译有限公司 - web开发 2018年11月 - 2021年08月

1. 维护项目、性能优化、版本迭代、后期bug维护。
2. 参与项目的需求分析、页面设计、逻辑实现。
3. 负责公司所有前端项目的架构和开发、部分后端项目开发维护，实现需求并对项目提出建议。
4. 优化公司技术栈，完善已有系统及新项目的开发，培养新人。

项目经历

河南大象智行科技有限公司

智慧交通高速公路相关平台

• 项目描述：
  紧紧围绕智慧交通高速公路相关业务需求，设计并开发系统：智慧高速保通、高速公路应急平台、高速公路机电设备运维平台。
• 技术栈：
  Vue.js UNIAPP Cesium 高德/百度/天地图地图 echarts
• 工作内容：
  • 制作基于Cesium的三维地图、使用高德/百度/天地图地图为底图的大屏。
  • 预调研各大屏相关三方工具库；封装高可用组件。
  • 对接智慧安全帽、摄像机、防撞护拦板等物联网设备的报警、信令下发等。
  • 基于Cesium制作可视化保通路段模型。
• 工作成果：
  • 调研vw/vh scale rem+vw/vh的大屏响应式实现方式，借鉴autofit.js等优秀方案持续优化大屏，完美适配不同分辨率、各种不规则尺寸下响应式展示，提升用户体验。

智慧管理相关平台

• 项目描述：
  通过前端传感器、摄像头、边缘计算盒子、人工智能算法等做的一些管理平台。包括：智慧路桥数字平台、智慧安全帽、钢丝绳与皮带机监测、路桥官网等系统。
• 技术栈：
  Vue.js UNIAPP JSX Nuxt.js qiankun.js 天地图 Socket WEBGL
• 工作内容：
  • 从0到1搭建项目、预演调研各三方工具、库；封装高可用组件。
  • 基于uniapp完成APP端，配合hybrid扩展uniapp所欠缺能力。
  • 对接智能设备厂家，联调物联网数据和展示。
  • 展示unity 3D模型，实现动态交互。
• 工作成果：
  • 封装proTable等后台管理类常用组件库，仅需配置json即可呈现统一页面，提高代码复用性、将开发工作效率提升平均90%。
  • 调研所有支持H264、H265编码播放器，持续优化流媒体服务，将实时音视频延迟控制在200ms以内。
  • 对接智慧安全帽厂家，进行前期设备与配套源码服务洽谈，完成既定任务并达成长期合作关系。

文旅项目

• 项目描述：
  一个文旅电商类项目，此项目依托郑少高速，助力郑少高速沿线及伏羲山乡村振兴，推进集团数字化转型。本项目共有2个管理端、APP双端、微信小程序端、H5 Hybrid端。
• 技术栈：
  Vue.js UNIAPP gitlab CI/CD 天地图
• 工作内容：
  • 基于Vue.js 天地图完成管理端、H5 Hybrid端的设计与实现。
  • 基于UNIAPP 天地图完成App端、微信小程序端的设计与实现。
  • 一些基础组件库的封装、样式变量和函数的预设。
  • Apple store开发者账号的申请与应用商店的上架。
  • 使用gitlab CI/CD完成自动化部署。
• 工作成果：
  • 申请Apple store开发者账号并上架应用商店。
  • 封装如下拉刷新、权限申请同步告知、图片展示等组件、预设scss变量与处理函数；同步提高开发效率。
  • 封装天地图组件，满足标注点位、行政区域搜索等功能。
  • 设计实现启动页、引导页、广告页仅WiFi下缓存多媒体内容；提升用户体验。
  • 离线打包App，提速打包速度平均70%。

北京旗渡锦程翻译有限公司

译问

• 项目描述：
  一个面向法律翻译从业者的在线交流学习平台，同时给诸多翻译从业者提供翻译项目的接单以及任务派发，以及在线上作业时可以使用的多种翻译协同工具，如闪电译、双语合并、术语提取等。
• 技术栈：
  Vue.js Nuxt.js Egg.js element-ui qiankun.js Jenkins pm2
• 工作内容：
  • 主导该项目的需求分析，编写相关文档，完成整个项目的架构设计和技术选型。
  • 基于Nuxt.js完成译问社区、译员申请、任务管理模块的设计与实现。
  • 基于Vue.js qiankun.js egg.js 完成工具协同、支付中心、用户中心、后台管理等模块的设计与实现。
  • 使用Jenkins pm2完成CI/CD自动化部署。
• 工作成果：
  • 通过深入体验公司的翻译业务流程，主导该项目的设计开发以及在公司内部的优化体验，成功将翻译部门线下90%的工作任务转移到线上，将整体的工作效率提升2天左右。
  • 针对工具协调模块杂乱过多，公共模块和基础模块需要重复维护迭代，使用qiankun.js微服务架构优化，将工具协同模块的耦合度降低，提高开发效率40%。
  • 为解决每次push后的繁琐工作，使用Jenkins pm2完成CI/CD自动化部署，缩减部署成本至100%。
  • 使用lru-cache等缓存策略，优化前端页面的加载速度。

教育经历

致谢

感谢您花时间阅读我的简历，期待有机会能和您共事。