个人介绍

::: left 汪亚楠 - web前端工程师

男/1998.10/满族/天津工程职业技术学院

:::

::: right

icon:phone 17614764201

icon:email 1690333108@qq.com :::

个人介绍

掌握 web 相关技能和框架

1、熟练掌握使用前端主流框架Vue2/3 、react掌握 Vite、Webpack 和 Rollup 等常见构建工具打包和前端应用优化经验，熟悉常见 CI/CD Jenkins 工具配置

2、 熟悉现代浏览器js运行机制、函数式编程、闭包原理、垃圾回收机制等。 HTML页面渲染流程、重绘、回流、css动画、bfc、canvas、Promise，及vue响应式数据原理。

3、具有 crm、mds、saas、及自研项目开发经验，seo优化、网站性能调优、 uniapp小程序开发、移动端/大屏适配方案、SSR开发经验

4、同时具有后端开发经验，熟悉敏捷开发的方式与流程，具有从原型设计到前后端开发的能力

5、具有独立开发完整项目设计，对于封装通用组件有丰富的经验，代码复用思维强。善于研发前端新技术和解决开发中各种问题的能力，对PWA 、鸿蒙、flutter、electron、nuxtjs 、Express 、服务端渲染，3d开发、 等新技术持续关注

技能特长

• 熟练使用 Vue2/3 、nuxt3，nextjs, react 等前端主流框架
• 精通 HTML5，CSS，TypeScript，DOM、ES6-ES13语法、commonjs 、ES module 模块化开发，擅长使用原生js、WebSocket，能独立完成前端页面的开发和优化
• 常见css预处理器 Sass，Less 、styled-components 、tailwindcss、element ui/plus, ant.design, arco.design, Naive UI 等UI框架/组件库
• 熟悉移动端技术、原生小程序、 uniapp、PWA 应用、
• 可视化 ECharts、Fabricjs2D、 threejs3D、svg
• 服务端： java、node、mysql、redis、Express、Midwayjs、Nginx部署、Docker。

工作经历

广州迈远创新科技有限公司- 前端开发工程师 广州 2024.08~2025.09

广州至真信息科技有限公司- 前端开发工程师 广州 2022.12~2024.07

广东一鸣科技有限公司-前端开发工程师 东莞 2022.3~2022.12

天津荣茂英财科技有限公司- 前端开发工程师 天津 2020.7~2022.1

广州迈远创新科技有限公司

定制喵

帮助独立站商家搭建定制商品，AI搭建定制预览

项目类型：saas定制平台

项目地址： https://customeow.io/zh-cn

主要技术：nextjs， react，arco.design， tanstack，tinymce-react， jotai，rc-textarea， reactflow，uniqid，fabric，threejs，tailwindcss

工作内容：

• 负责定制喵商户端，monorepo 工程定制组件，动态表单条件判断，动态素材、自动匹配 、mapbox地图滴自定义，定制链接，定制模板，功能定制，2d贴图、订单广告业务等前端开发，
• 组件库的开发维护，现有需求的升级迭代及独立站插件集成升级等工作
• 独立建站，开发，各平台方案对比等技术分享
• 制定技术方案，由于各个组件，表单之间的数据联动过多，在加上功能迭代导致出现越来多的复杂配置，在校验数据，代码理解上难度增加，采用了连线的方式处理每个组件的联动方式，优化了大量的冗余代码，也提升了用户的体验。

广州至真信息科技有限公司

超店建站

跨境电商独立站SaaS建站成功平台

项目类型：saas建站平台-vue freemarker

项目地址：https://stage-portal.shoplus.net/admin/dashboard

主要技术：vue2、element-UI、echarts、vuedraggable、Mustache.js、axios、qrcode、vue-i18n、js-md5 、sass、webpack、webpack-cli 、freemarker、konva、lazysizes、jquery、 htmlparser2、babel/parse、babel/traverse、babel/generator

工作内容：

• 优化数据加载，页面性能优化，封装公共组件、需求调研开发、js 工具库、性能评分优化、完善现有架构、定制element UI组件、同步数据 node 脚本等
• 通过上传的图片、色块、文本、使用 canvas 、konva 进行商品进行可视化定制、预览
• 兼容适配 shopift、shopYY 产品数据批量导入
• 对接不同支付平台、连连国际、空中云汇、Stripe、Pagsmile… 等
• 日常系统迭代功能开发、自定义商品、最近购买弹窗、购买记录弹幕、商品营销角标、尺码表、信任插件、邮件模板、商品别名等，上线后用户使用率不低于2000+，很大的提高客户转换率。
• 现有功能点优化，商品sku算法优化、商品详情页样式2、专辑、营销活动等、线上埋点、线上问题处理、解决常见的手机端兼容、适配问题等

超店建站-SPay

超店建站用于商户支付通知后台管理系统

项目类型：后台管理-vue

项目地址：https://stage-portal.v4spay.com/

主要技术：vue3全家桶、element-UI、lodash、axios、taillwindcss、dayjs、Echarts、scss

项目职责：

1. 前端基本架构搭建
2. 封装公共组件和权限对接
3. 细化各种收费业务耦合性，提供公共业务代码。
4. 收集运营反馈，给出合理的解决方案并在项目中实现业务，方便用户操作。

超店有数-uniapp

用于展示各个国家tiktok、热销商品、热门带货达人及达人带货的人们视频、并分析转化率、增长率销售额等，用于超店有数推广

项目类型：uniapp

项目职责：

1. 使用 uniapp 适配微信小程序端。处理页面逻辑及分包预加载程序优化
2. 解决常见的手机兼容、适配问题
3. 封装公共组件和echarts图表等
4. 负责项目的维护和后期的迭代

广东一鸣科技有限公司

数据精灵

智能选品软件，主要对亚马逊\阿里国际站、外贸行业大数据分析选品，通过关键词查找相关榜单，用于运营店铺，进行分析行业动态时下热品，提升选品成功率等。

项目类型：saas选品平台-vue

项目地址：https://www.data-sprite.com/website/home

主要技术：vue2、element-ui、vuex、vue-router、sass、prerender-spa-plugin、vue-meta-info、webpack、echarts、jenkins、axios、dayjs、vue-quill-editor、nginx 项目职责：

• 维护、开发升级功能点、流量渠道数据分析、有后台技术对接、决定需求方案的可行性、负责保障代码质量，软件项目的持续优化、改进工作
• 搭建 CI/CD 自动化部署服务，完成整个软件交付周期实现可重复的可靠部署，对已有功能维护
• 轮询请求抓取数据展示 echart 数据可视化开发热点图，展示各州-及国家搜索指数和热度
• 该项目主要用于大数据抓取，分析、追踪关键词，及数据流转统计，具有稳定的运行效率
• vue 对单页面应用进行打包的时候，使用 prerender-spa-plugin 对网页进行预渲染，渲染成多个目录，有利于搜索引擎收录、让网站具有良好的 seo

韶翊建站

用于轻松搭建跨境电商独立站、主题模板一键应用、自定义模块拖动，页面自主化，实现稳定、高速的跨境电商独立站

项目类型：独立站

项目地址：https://www.nbshaoyi.com

主要技术：enjoy、taillwindcss、fasty、Preline UI、jquery、Sortable、bs-form-build、echarts、vditor、cdn、ace.js、adminlte、ztree、sweetalert2、jscolor、layui

项目职责：

• 封装通用组件，js工具类，网络请求、字段校验、基础弹框、通知、提示、开发模块
• 发布产品页、FAQ管理、询盘、附件管理、发布文章、图片懒加载、whatsapp
• 响应式布局开发，进行多端适配
• 集成 ace.js 可直接编辑html页面，集成了 markdown 和 富文本两种方式发布文章，可一让用户挑选更适合自己的编写方式。
• 新增发布产品页可模块化拖动，可以动态修改模块中的文本、链接图片颜色布局大小
• 通过 taillwindCss 使用程序类原子 css 库的开发模式，实现多个页面样式共享、有效避免样式冲突

3c商城项目

针对客户定制的一款专注于宠物饰品的商城网站

项目类型：B2C 商城-vue-nuxt3

项目地址：https://www.ruiruib.com/admin/login

主要技术：nuxt3、 axios、lightgalleryjs、cleave、fasty、preline、spinjs、underscore、nginx 、flexable.js、postcss-pxtorem、pm2

项目职责：

• 技术选型、网站及后台管理基础项目搭建、组件封装、首页性能优化与代码的重构、于后台技术人员进行对接数据、沟通需求查找解决方案
• 集成 airwallex 支付、产品的发布/分类/相关产品、购物车、商品详情、购买页、会员中心、物流信息等功能开发
• 按照原型还原设计图并多端兼容
• WebSocket 在线消息实时推送精品开发
• Axios 进行细致化的二次封装，扩展拦截器的使用方式

天津荣茂英财科技有限公司

LIMS企业端系统

企业端系统主要是为了配合LIMS报告系统使用，该系统主要针对汽车企业端进行使用，系统主要包含委托单管理、任务跟踪、实验室管理、及创建统计表上传国家装备中心等功能。

项目类型：crm后台管理-react 主要技术： react、redux、immutable、react-redux、 redux-thunk、react-router6、classnames、styled-components、yarn、git、ant design、ECharts 项目职责：

• 负责首页数据综合展示, 登录页，用户管理、角色管理、订单列表管理，订单管理、任务跟踪模块、角色组
• 文件统计表上传国家装备中心、本地加密去重
• 利用 ES6 中的 Class 写法，把每个模块中的测速类封装，让代码结构更加清晰、方便维护和扩展使用

LIMS在线审批小程序

该系统主要是一个微信小程序，配合报告系统使用，方便人员出差在外手机小程序在线审批报告功能。

项目类型： 原生微信小程序

技术栈：WXML、WXS、WXSS、Js、Sass、vant、分包、预下载、Git、第三方全局状态管理 项目职责：

• 收集需求，和U设计师沟通完善项目细节
• 搭建项目小程序项目
• 审批、申请、抄送、报表、添加客服

ELV环境合规系统

ELV环境合规系统定位是一款企业级的MDS软件，能够与CAMDS进行畅通的信息交互，协助企业工程师完成车型中的零件、材料、半成品进行有害物质分析、两率计算、及一些在汽车生产前需要提交的一些报告

项目类型：MDS后台系统-vue

主要技术： Vue3、scss、Antdesign of vue、WebSocket、Echarts、svn

项目职责：

• 前端应用架构搭建、基于需求文档和业务逻辑，设计前端交互模式，确保用户体验流畅；独立完成前端页面的编码工作，保证代码质量和性
• 负责首页性能优化与代码的重构。
• 新系统需求整理，业务对接负责
• 协同后端平台开发人员完成平台开发，确保代码有效对接
• 集成车企多平台SSO单点登录、camds/imds平台材料、零件、半成品同步上传、审批通知

个人技术博客

项目描述：用于记录学习笔记，快速回顾、及功能案例

项目地址：http://sss.yanan.store

主要技术：nodejs、vitepress、vite、vue3、markdown-it、scss、iconify、unocss 、 vercel 、CI/CD自动化部署