负责web端、移动端、微信&支付宝小程序、RN原生混合开发、桌面客户端开发。
精通前沿主流前端技术栈:
React、Vue、Node.js、ReactNative、Electron等。
历经国内外各大型B2B、B2C项目。
深耕电信、电商赛道数年
Airie Young
资深前端架构师 Senior front-end architect
技术涵盖:中后台管理系统、低代码、AI、APP应用、桌面客户端、小程序、公众号
Airie
Young
![](img/thumbs/53-61.jpg)
0+
年经验
0+
例项目
![](img/hero/circle.png)
技术涵盖:中后台管理系统、低代码、AI、APP应用、桌面客户端、小程序、公众号
负责web端、移动端、微信&支付宝小程序、RN原生混合开发、桌面客户端开发。
精通前沿主流前端技术栈:
React、Vue、Node.js、ReactNative、Electron等。
历经国内外各大型B2B、B2C项目。
熟练使用Mysql数据库,熟悉常用服务器(nginx、Tomcat)、熟悉Memcache/Redis缓存。熟悉常用的如 Spring MVC、Spring Boot等框架的使用以及原理。
对PHP、Python、AI领域有阶段性研究,结合人工智能模型赋能项目产品。
参与制定企业代码规范及团队管理考核方案。善于对需求和任务进行颗粒度拆解,确保完成项目目标及研发规划。参与技术选型,技术决策,跟踪行业发展和技术趋势,提出符合公司发展的研发建议。
在跨部门沟通中协调与公司其他部门的关系,确保研发工作的顺利进行。
带领团队连续三个季度实现用户拉新增长【50%】以上、留存活跃度保持【80%】以上、消费转化率维持【60%】以上
带领团队耗时【3个月】实现公司业务中台管理系统实现技术重构,并重新封装公司业务组件,设计完备的企业级组件库
标志性里程碑项目介绍
小绿鲸系列项目启动于2021年下半年,目前全生态总营收已突破 9000W 大关
小绿鲸致力于打造国内头部文献阅读工具,矩阵完善,模型可复制强,且已形成周边闭环,实现用户英文文献阅读、论文辅助、论文查重、期刊发表、实验支撑一站式全套服务。极大的增强了用户粘性。小绿鲸产品多端布局:微信公众号、微信小程序、web网页版端、桌面客户端、pad应用、手机应用。
连续多季度实现用户拉新增长【50%】以上、留存活跃度保持【80%】以上、消费转化率维持【60%】以上。
由于持续增长的用户量带来的高并发等影响,以及用户操作实现多端实时同步的需求。研发技术选型及架构,本人选择如下:
※ 公众号采用vue技术栈编写H5页面
※ 小程序使用taro技术栈
※ web端则采用creat-react-app搭建底座并搭配了微前端框架整合官网和编辑器两个项目
※ 客户端采用了electron+react完成各系统应用兼容
※ pad端和手机端则选择了采用ReactNative混合原生开发实现移动端流畅体验
※ 所有项目均采用TS编码,在实现功能需求的同时也增强了代码的健壮性和易维护性
※ 接入Chatgpt人工智能大模型,高效赋能系列产品
※ 多端数据同步采用websocket实现即时通讯
入微智能系列专注提供酒旅数字化全链路解决方案
该系列启动于2021年下半年,专注提供酒旅数字化全链路解决方案,以 微住礼® 系列小程序为主导,大屏交互赋能酒店数字化,在酒店文旅的大背景下,通过数字化赋能酒店管理,形成完整的酒店电商链路。
鉴于小程序快速定制开发以及大屏交互定制需求,研发技术选型及架构,本人选择如下:
小程序采用taro+react+技术栈,研发过程中优化了
※ 电商优化前端SKU算法解决页面复杂场景
※ taro长列表渲染自身缺陷
※ 封装优化了微信蓝牙打印机API,完善小程序蓝牙打印生命周期
※ 小程序发票打印公共组件制定与编写
※ 项目配置Docker+K8S,封装可复用公共组件
ROS管理系统采用Spring Boot、搭配Spring cloud微服务框架的引入、数据采集&存储&分析结合云平台的快速部署服务的架构设计
周边工具类采用了Node.js+vue2、Node.js+React分别搭建了
达芬奇Davinci® 可视化搭建平台
镜屋MirrorHouse® 图片处理平台
浩鲸灵犀企业级低代码可视化搭建平台、兰卡Hutch小程序项目、印度恒河水DSCM运营商项目、缅甸OML知识库项目、鲲鹏eCare、江苏电信欢乐go、泰国Ayra、尼泊尔Ncell、新加坡RWS、法国Orange APP、缅甸dms APP等项目。
连续四年获得企业代码竞赛一等奖、获得“年度优秀TL称号”、多次获得项目激励,最多并行负责6个项目,均顺利完成上线支持任务。
※ 【兰卡Hutch小程序项目】:项目以支付宝mPaaS为框架及技术支持,对兰卡运营商销售、业务订购、代理商支持、网点打卡、路线地图规划、扫码走访等复杂业务进行支持。
※ 【印度恒河水DSCM运营商项目】:采用react+antd+umi对项目进行前端框架技术栈,实现各运营商项目三户模型即客户、用户和帐户的建设。
※ 【缅甸OML知识库项目】:配合需求及各项计费销售等接口对接实现从前台的营业、后台的计费帐务、决策分析以及客户管理和客户服务等等系统贯彻三户模型。
※ 【灵犀低代码可视化搭建平台】:低代码可视化搭建平台为网站维护者及拥有者提供布局模板,和内容组件,支持用户一键自定义构建web项目及APP,前端主要应用react技术栈,一键自动生成API,支持即时查看自定义的页面效果。CMS项目经历了两年半的时间,中间后台技术栈和前台组件化开发、预览、生成代码都做过共四次大的技术调整和优化。项目issue近3000+,后并入阿里地低代码平台,目前配合阿里接入阿里低代码框架,继续对后续迭代做支持
※ 【鲲鹏eCare项目】:eCare项目为产品级项目、封装了react及antd组件,支持一键开发web端项目,一键开发app,包含页面布局自定义、后台接口数据一键生成等强大功能,封装j装js与iOS及android之间搭桥交互模版。
※ 【江苏电信欢乐go项目】:江苏电信“欢乐go”,分为PC端和移动端,移动端兼容iOS、android,实现touch ID、face ID登录。
※ 【泰国Ayra项目】:Ayra为泰国通信公司app,支持套餐、换号,线上申请,包含护照扫描、人脸识别,touch ID、face ID登录等功能。
※ 【尼泊尔Ncell项目】:采用react+antd+umi对项目进行开发,让项目做到自适应,配合后台让渲染达到最优化,项目顺利上线,完成7次版本迭代。
※ 【新加坡RWS项目】:代表南京UED团队和portal团队配合福州基地支持新加坡RWS项目,针对项目遇到的复杂问题,作出相应的解决方案,在福州后台无法对数据处理时,主动将数据过滤、逻辑处理放在前台处理,解决了福州团队的燃眉之急。配合portal团队首次采用了portal-react+antd+bizcharts树立了新的模版与示范。在项目的开发中让阿里antd及bizcharts得到了更深入的探索,与react得到了更充分的实现与配合渲染;同时也让数据可视化渲染得到了更高效率的实现;支持RWSpc端及Mobile版本同时开发并完成上线,做到了兼容及自适应的双达标。
※ 【法国orangeApp】及【缅甸dmsApp项目】:负责法电eshop的Orange APP及dmsApp的开发,主要运用了React Native配合原生进行APP的开发,自主独立完成Orange APP的前端页面并协助配合后台接口编写实现了选号、实物、套餐、地址、订单、购物车、上拉刷新下拉加载、倒计时、登录等功能。
中鸿互联官网、中鸿一站式业务管理平台、中鸿企业客户信息管理平台、中鸿HR人力资源管理云平台、集团一体化运营管理系统、中鸿一站式财税服务测评系统。根据用户使用系统后的反馈对各平台进行多次迭代完善,中鸿互联旗下运营的中鸿税务师事务所有限公司荣获税务师事务所最高AAAAA资质;
担任研发部工程师期间,集团成员增长迅速,集团下员工近1000+,且分布于全国各城市,业务量增长及管理成本提高,需要整合集团信息,开发集团内部一系列管理系统。
※ 微信公众号及小程序:采用原生微信框架,搭配JavaScript+H5页面实现
※ 官网则采用angular.js+JQuery+Java实现
※ 集团系列内部系统均采用angular.js+Java实现
※ 集团pad应用则采用了原生Android+java实现
多端技能掌握程度一览
介绍本人学历及工作概况
学历介绍
211院校 本科学历 => 下载简历
医百科技有限公司
担任公司研发经理及前端架构师职务 => 详细介绍
见鲸科技有限公司
牵头并实现各技术框架、技术栈落地及攻坚工作。小绿鲸公众号H5页面采用vue2技术栈、小绿鲸APP采用RN开发、小绿鲸桌面应用采用Electron开发、小绿鲸网页版采用React开发微住礼系列小程序采用taro技术栈,实现快速开发快速交付、高效定制、明捷落地。ROS管理系统前后台分离,后台Spring Boot 搭配前台Umi React框架,实现企业内部系统平稳落地运行。达芬奇可视化搭建平台及镜屋图片处理平台,带领前台研发同学实现Node.j.js+vue2、Node.j.js+React纯前台开发,在实现公司业务需求的同时,极大缓解了后台研发同学的研发压力。 => 详细介绍
浩鲸云计算科技股份有限公司
浩鲸灵犀企业级低代码可视化搭建平台、兰卡Hutch小程序项目、印度恒河水DSCM运营商项目、缅甸OML知识库项目、鲲鹏eCare、江苏电信欢乐go、泰国Ayra、尼泊尔Ncell、新加坡RWS、法国Orange APP、缅甸dms APP等项目。 => 详细介绍
中鸿互联企业服务有限公司
中鸿互联官网、中鸿一站式业务管理平台、中鸿企业客户信息管理平台、中鸿HR人力资源管理云平台、集团一体化运营管理系统、中鸿一站式财税服务测评系统。根据用户使用系统后的反馈对各平台进行多次迭代完善,中鸿互联旗下运营的中鸿税务师事务所有限公司荣获税务师事务所最高AAAAA资质。 => 详细介绍
发表相关领域的技术文章 & 开源社区源码issues解决
【大纲】
※ 一、为什么要学习Node.js
1. 为什么要学习服务器端开发基础
2. 服务器端开发要做的事情
3. 个人角度理解
※ 二、直接上手
使用http启动一个服务
Node中的模块系统
什么是模块化
CommonJs模块规范
加载require
导出exports
使用ES6规范重写
※ 三、安装
使用
基本路由
在Express中获取表单请求数据
获取get请求数据
获取post请求数据
【大纲】
※ 前言
※ 什么是虚拟列表
※ 虚拟列表组件
react-tiny-virtual-list
react-virtualized
※ 实现一个长列表渲染组件(列表项高度不固定)
针对 web端项目/react移动端 项目
针对 小程序 项目
rw-list组件代码
rw-list组件代码
参数说明
Props
Events
苏ICP备 2023000402号-1