黄怡海 - 前端工程师

Email: hyh_official@foxmail.com
Tel: 13915540411
WX: H13915540411

教育经历

2016.09-2020.07          南京财经大学(全日制本科)                 软件工程

工作经历

焦点科技股份有限公司(2019.10-2021.07)

  • 与产品、后端、测试、纵向业务部门开发人员进行沟通合作,促成项目的顺利推进
  • 负责即时通讯项目前端基础功能开发维护、性能优化、浏览器兼容性优化和前端规范化工作
  • 参与跨端技术的预研及应用,探索新技术的实践方案,提升开发效率

项目经历

桌面端即时通讯软件——FocusTalk (2020.10-2021.07)

项目概述:FocusTalk 是一款即时商务通讯软件,致力于实现公司旗下平台的买卖沟通和跨地域商务交流。同时,具有企业内部办公管理功能,有效减少企业运营成本,促进办公效率的提高。

Electron React React-Router Redux Antd Websocket

  • 使用 indexdb 本地化存储并配合 Redux 对消息、用户信息等进行状态管理
  • 利用Electron 进程间通信进行消息提醒功能开发;优化 Electron 窗口,实现无边框且可自定义阴影样式;使用窗口预热窗口常驻的技巧优化窗口的打开和展示速度
  • 通过PureComponent生命周期钩子等阻止重复渲染,使用React-virtualized库对长消息列表、成员列表进行优化,提升页面渲染性能
  • 使用webpack-bundle-analyzer进行分析,通过提取公用库配置按需加载使用小体积库代替优化图片加载方式进行优化
  • 项目规范化开发提出要求,使用prettier对代码进行格式化约束并对规范项目资源路径及命名方式,提升项目的可维护性
  • 国际化开发工作,支持英语、俄语、葡语、阿拉伯语等 10 国语言

语音翻译官、百卓优采平台 APP (2021.5-2021.07)

项目概述:语音翻译官是一款轻量级的翻译工具,提供语音翻译、文本翻译、图片翻译,并支持几十种主流语言。百卓优采 APP 提供产品询报价、招募供应商、自营工业品商城等功能,旨在为采购商提供综合采购方案。

React Native TypeScript React Navigation Redux Antd-Mobile

  • 参与 ReactNative 相关开源库的预研和 APP 界面开发
  • 增强 React-Navigation,优化短时间内重复点击切换路由,页面重复加载的情况

在线客服应用(客服 WEB 端、访客 WEB、触屏端、后台管理系统) (2019.10-2021.07)

项目概述:在线客服对接公司内部主要业务平台,具备在线沟通、客户信息管理、常用语快速回复、追踪客户痕迹等多个功能模块,轻松与访客交谈,实时掌握访客访问时间、内容、留言信息,提高客服沟通效率,减少客服培训成本,拉近与客户的距离。

Backbone Seajs jQuery Layui

  • 使用 defer scriptiframe 为公司其他平台提供可定制化的在线客服聊天入口,在页面请求中添加参数标记,配合后端进行多 tab 页消息同步开发,触屏聊天业务流程中加入机器人接入,缓解客服压力
  • 通过事件代理对子 View (消息)中绑定的事件提升到父 View (聊天窗口)内进行优化
  • H5 文件上传代替 Flash 上传,使用 iframe 无刷新上传的方式兼容 IE 浏览器,支持图片消息预览
  • 处理移动端浏览器键盘遮挡输入框、IOS 浏览器输入框失去焦点后页面内容整体上移不下滑的问题,优化移动端浏览器下1px 边框线的问题
  • 使用 vConsole 排查 React Native 中 Webview 加载触屏页面 cookie 失效问题

专业技能

掌握前端基础能力

  • 熟练掌握 HTML、CSS,了解响应式布局和移动端布局
  • 熟悉 JavaScript 核心基础,了解 ES6 以上常用语法,了解 TypeScript
  • 有 React 全家桶开发经验,了解过 React、Redux 原理
  • 能够使用 Webpack 对项目进行打包优化并了解过其原理

有跨端开发能力

  • 了解 Hybrid 开发、Electron 桌面开发、React Native 开发
  • 了解移动端与 PC 开发的差异
  • 了解 base64 等移动端常用的优化方案