LiangYu Zhao

Frontend Engineer / Chengdu, Sichuan Province / Github / zo.ly@outlook.com

SKILLS

• Proficient in frontend technology stacks such as TypeScript, React.js, and Next.js

• Proficient in using UI frameworks such as Tailwind CSS, Ant Design, and Mantine

• Understand the Ruby on Rails web-app framework

WORK EXPERIENCE AND EDUCATION

• 2021.10 ~ present / JinShuJu / Senior Frontend Engineer

• 2018.03 ~ 2021.06 / XiGuaCity / Frontend Engineer

• 2014.09 ~ 2018.06 / Sichuan Agricultural University / Bachelor’s Degree - Internet of Things Engineering

RECENT WORK EXPERIENCE

JinShuJu (2021.10 ~ present)

JinShuJu Platform

• Tech Stack: React, Next.js, GraphQL, WeChat Ecosystem

• Project Overview:

  The Jinshuju platform encompasses multiple modules including form management, form editing, form sharing, and form data review, accessible via PC, mini-program, and mobile interfaces. As the primary developer and maintainer, I am responsible for the development and upkeep of the PC, mini-program, and official account web interfaces. Additionally, I address performance issues within the project and enhance development efficiency.

• Key Deliverables：

  • 对项目中的大部分框架和库做了升级和兼容，在升级 GraphQL 管理库 Apollo 时分析其工作原理和实现细节，主导并制定了团队中 GraphQL 的管理方案，减少无效请求，大大降低 GraphQL Documents 的代码量
  • 前端工程化，统一了 monorepo 项目中的 eslint / prettier 配置，约束了项目中的开发风格；产出图标包构建发布脚本，配合设计师完成基于 Figma 的图标自动化构建，提升开发者体验
  • 微信公众号网页端，抽离出统一的公众号网页与小程序通信组件、微信内 JSAPI 支付、微信授权、分享等微信生态相关的组件，大幅降低了基于微信体系的开发难度
  • 小程序端，封装了统一的 WebView 页面，支持在 WebView 外扩展基础能力，通过 urlSearchParams 进行小程序和网页通信，从而完成业务定制而无需污染原有 WebView 逻辑，方便的支撑了各类在小程序里内嵌页面的工作

AI Exam System

• https://kuaichuti.net/

• Tech Stack: React, Next.js, WeChat Ecosystem

• Project Overview：

  金数据考试系统是基于 AI 大模型的能力让用户通过输入简单提示就能快速生成考试题目的系统，我作为主要开发维护人员负责其中管理端、小程序端的业务模块

• Key Deliverables：

  • 使用 Mantine 组件库从 0 到 1 搭建考试系统管理端，配合设计和产品同学制定统一的样式规范，降低了设计稿还原时的开发难度，保证了页面的还原度
  • 小程序端，完善基于 WebSocket 生成考试题目的稳定性，实现心跳检测逻辑，在小程序进入后台重新切到前台后保证了 WebSocket 的重连
  • 小程序端，实现了文本中提取 LaTeX 公式的匹配方法，配合 Next.js 服务端能力，封装了统一的数学公式渲染组件，解决了小程序中无法直接渲染 AI 响应中数学公式的问题

XiGuaCity (2018.03 ~ 2021.07)

表单编辑器

• Tech Stack：React, GatsbyJS

• Project Overview：

  表单编辑器帮助运营同学通过上传图片、填写文案等操作，可以在不依靠开发的情况下快速配置运营活动，我作为开发者负责解决其中的性能问题和一些业务逻辑的维护

• Key Deliverables：

  • 利用 GatsbyJS SSG 的方案解决页面首次加载慢的问题，使用最新的 image 格式和降级加载方案优化项目性能，保证了用户体验
  • 集成微信生态能力，完成落地页面微信静默授权或强授权登录，完善运营活动的微信分享功能

西瓜创客订单支付系统

• Tech Stack：React, React Router, Redux Toolkit

• Project Overview：

  西瓜创客订单支付系统，我作为开发者负责订单管理中台和订单支付流程的维护和开发，将公司的初版订单支付系统(Ruby on Rails 实现)重构为前后端分离项目，方便新入职同学快速参与开发

• Key Deliverables：

  • 使用 Ant Design 从 0 到 1 搭建订单管理中台，支持订单的增删改查
  • 配合后端开发，完成 C 端产品微信和支付宝的前端接入，支持 PC 端扫码支付，移动端微信内 JSAPI 支付，移动端微信外的 H5 支付

西瓜创客购课小程序 (微信端和支付宝端)

• Tech Stack：React, Taro

• Project Overview：

  西瓜创客购课小程序支持家长通过微信或者支付宝进行课程购买、课程信息订阅等功能，我作为开发者负责业务模块的开发和维护

• Key Deliverables：

  • 完成和封装小程序基础业务组件的开发
  • 实现小程序的手机验证码登录功能，接入极验行为验小程序插件，防止验证码盗刷

LANGUAGES

• Chinese (Mandarin): Native
• English: Professional working proficiency

OTHERS

• Passionate about open source, with code contributions to Mantine and Hexo
• Tools I love: git, vim, kitty