个人信息

  • 阮霖鑫
  • 中级前端开发
  • 电话13989624319
  • 教育背景 中专(椒江职业中专·台州技工学校)
  • 生日 1996/6/12
  • 现就职公司 赢家集团-深圳市赢领智尚科技有限公司
  • 现居住地址 大浪街道中保富裕新村

技能相关

  • 基础 html css 原生js
  • Vue 现阶段工作主要使用的前端框架以独立搭建基础项目,封装的npm包现有4个项目共享,业务内容以及技术栈相关生态不做赘述
  • typeScript 最新的ECMAScript规范、类型声明、类、继承、泛形、联合类型停留于个人demo
  • nodejs 搭建过简单的api服务,了解洋葱模型
  • React 类组件/生命周期/函数组件/State-hook/effect-hook 停留于个人demo
  • jq/layui 刚入行时开发项目使用的技术栈 大概一年不到的使用时间,通过二次封装简化重复的页面代码开发
  • 设计模式 学习设计模式主要是为了偷懒少些代码,提高复用率常用的有单例/策略/工厂/发布订阅
  • 算法 主要集中在初级算法,数组/树结构数据查询,map对象映射
  • 开发调试 分别使用谷歌浏览器/kiwiBrowser 进行pc和移动端开发调试 使用perormance进行代码性能分析

参与的开源相关

  • xmselect

  • 一个下拉组件的开源项1k+star,这是地址 => https://toscode.gitee.com/maplemei/xm-select
  • 提交树形结构数据转化方法的优化
  • 滚动监听的节流
  • 管理交流3群 负责解答问题 以及实际业务代码中实现方案

主要项目经验

  • IMS服装智能制造系统(2021/7 - 至今)(深圳市赢领智尚科技有限公司)
  • 该系统为公司所有系统的统称,现阶段已完成开发并上线的项目有 OTT/EPS/PDD CAPP项目接入部分前端功能
  • 为了实现单点登录简单化规定新项目使用一级路径名来区分项目,在同域情况下本地存储是共享的从而实现单点登录
  • 服务端nginx开启协商缓存解决每次版本发布部分用户出现页面缓存的问题,开启压缩提升代码加载速度,第三方包/静态使用不同域资源地址扩展并发请求资源的数量,同时配置cdn为于都/龙华不同厂区提供资源就近分发
  • 对IMS项目基础代码进行封装并发布npm,现有模块如下

    ims-base 项目核心模块内置了鉴权代码,页面layout,通用store状态 实现引包立马可以开始业务代码开发

    ims-components 通用组件模块 主要为布局模块以及标准交互组件

    ims-storage 简单的本地缓存记录方法主要统一管理本地存储逻辑

    ims-mixin 通用的业务代码混入主要实现交互标准化

    ims-tool 常用的工具方法集合

  • CAPP(深圳市赢领智尚科技有限公司)
  • 核心功能为生产工艺、标准部件录入
  • 为实现更好的权限管控接入了部分ims-base包的鉴权,页面layot代码,以进入测试阶段
  • 快捷键优化,主要根据现有冗余的快捷键实现代码进行重构优化
  • 装扮灵(深圳市赢领智尚科技有限公司)
  • 公司销售门店选购的app
  • 重构服装选款设计页面同时输出前端开发文档方便后续维护,这里由于是app的核心功能,历史背景上经手人繁多,又无任何开发文档只能根据原有的代码逐字逐句重构优化输出开发文档
  • 汇星ERP2.0 => 3.0(2021/3/1 - 至今)(深圳市汇星科学研究有限公司)
  • 基础数据/进/销/存/采购/物流/供应商/psku
  • 项目2.0选型沿用了1.0的 layui-admin 基础上取消了单点登陆以及php的服务端渲染能力,3.0抛弃了原有架构主要使用 vue + element + axios 完成开发
  • 2.0的基础选型情况基本贴合我之前的项目,根据之前的开发经验提供了针对性的优化方案
  • 使用vue嵌入当前项目后续新的模块开发全部使用vue全家桶提升开发效率
  • 为确保项目技术栈无感切换,在原有的架构上封装了一个事件队列,实现了vue项目与老架构之间的通信并且能相互调用能力
  • 基于事件队列提出了部分标准,划分了能力调用和iframe通信的使用规范
  • 实现多级权限 页面权限->路由层拦截 请求权限-> axio封装拦截器拦截 元素权限 -> vue指令+vuex 控制当前元素是否展现
  • 业务状态处理axios拦截器封装
  • 木瓜ERP(2020/3/1 - 2021/3/1)(台州木瓜网络科技有限公司)
  • 项目主要模块 基础数据,进/销/存,财务,考勤,我的第一个主要负责的项目个人推进项目前端的整体重构,由于项目架构陈旧并前后端不分离,在保证效率的前提下最终使用原生代码进行重构,对于我个人基础巩固提供了很大的帮助
  • 使用到的主要技术栈,Thymeleaf(服务端模版渲染)、jq、layui、bootstrap、bootstrap-table
  • 实践了eventbus实现方式,主要为了解决跨iframe通信的问题,同时负责页面类的自定义事件通信转发
  • 页面类,主要实现了代码一定程度的组件化使得页面上的表单控件,表格等通过json配置就能直接生成
  • 基于业务需求,根据bootstrap-table开源代码进行了细节部分的二开