黄怡海 - 前端工程师

icon:email hyh_official@foxmail.com | icon:phone 13915540411 | 📱13915540411 | hhizz.cn

教育背景

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

专业技能

  • 熟练掌握 HTML、CSS、JavaScript 并且了解响应式布局和移动端布局
  • 有 React全家桶开发经验，深入了解过 React Fiber、React Hooks 和 Redux 原理
  • 了解Webpack构建流程并有一定的打包优化能力
  • 了解HTTP协议以及浏览器工作原理
  • 具备跨端开发经验：Electron、React Natvie、Hybrid

工作经历

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

  • 与产品、后端、测试、纵向业务部门开发人员进行沟通合作，促成项目的顺利推进
  • 负责即时通讯项目前端基础功能开发维护、性能优化、浏览器兼容性优化和前端规范化工作

  • 参与跨端技术的预研及应用，探索新技术的实践方案，提升开发效率

    项目经历

    桌面端即时通讯软件——FocusTalk

    2020.10-2021.07

    项目背景：原使用Qt技术的即时通讯客户端开发人员配置不足、使用体验不佳、新功能开发周期长，维护成本高。基于Electron的跨端技术方案能够有效缓解问题，充分利用前端人力资源，降低维护难度及成本。
    Electron _React_ React-Router Redux Antd Websocket
    主要负责：即时通讯基础功能开发，项目性能优化
    实现及成果：

  • 使用 indexdb 并配合 Redux 对消息、用户信息等进行本地化存储管理；通过PureComponent和生命周期钩子等阻止重复渲染，利用react-virtualized库对长消息列表、成员列表进行优化，提升了滚动时页面渲染性能

  • 利用Electron进程间通信进行消息提醒功能开发；优化Electron窗口样式，实现无边框且可自定义阴影样式；使用窗口预热与窗口常驻的技巧优化了窗口的打开和展示速度

  • 使用webpack-bundle-analyzer进行分析，通过提取公用库、使用小体积库代替、优化图片加载方式进行优化

    语音翻译官、百卓优采平台APP

    2021.3-2021.07

    项目背景：公司大前端技术背景下，使用跨平台的React Native技术对内部轻量业务（语音翻译、采购平台）实践积累开发经验并沉淀技术方案。
    React Native React Navigation Redux Antd-Mobile
    主要负责：React Native相关技术的预研和APP界面开发
    实现及成果：

  • 使用Flex布局和React Hooks实现APP界面开发

  • 增强React-Navigation，优化短时间内重复点击切换路由，页面重复加载的情况

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

    2019.10-2021.07

    项目背景：客服应用对接公司内部主要业务平台，支持10国语言，具备在线沟通、客户信息管理、常用语快速回复、追踪客户痕迹等多个功能模块，旨在减少客服培训成本、降低与客户的沟通成本。
    Backbone Seajs jQuery Layui
    主要负责：对接内部业务平台和基础功能的开发维护、性能及兼容性的优化
    实现及成果：

  • 使用 defer script 和 iframe 为公司其他平台提供可定制化的在线客服聊天入口；配合后端无缝接入WhatsApp、Messenger等连接客户渠道，增加业务曝光率；触屏聊天业务流程中加入机器人接入，缓解客服压力；国际化开发工作，支持英、葡、法、俄等10国语言，为国内外客服提供良好的沟通环境

  • 通过事件代理对子 View (消息)中绑定的事件提升到父 View (聊天窗口)内进行优化；H5文件上传代替 Flash 上传，使用 iframe无刷新上传的方式兼容IE浏览器，支持图片消息预览；处理移动端浏览器键盘遮挡输入框、IOS浏览器输入框失去焦点后页面内容整体上移不下滑的问题；使用 vConsole 排查 React Native 中 Webview 加载触屏页面 cookie 失效问题