吕博达

寻找技术驱动，成长空间良好的团队，投入实践迅速提升自身技术素养的同时，
为团队贡献可观的力量，成为中流砥柱，便是我的追求。

意向职位
前端开发

目前状态
已离职 

Skill

  • 熟练掌握HTML5和CSS3，具有 像素级 还原设计稿的能力。具有 较高水准 的审美，追求设计的优雅。
  • 熟悉Vue框架及相关流行库的使用，理解重要概念如：MVVM、生命周期、双向数据绑定、性能优化、虚拟DOM、组件化等。熟悉Vuex、Pinia 等状态管理相关库，并有 相关项目踩坑（发现解决问题）的经验。
  • 熟悉TypeScript、Less、Sass等预编译语言，并运用在实际项目中，提高开发效率及规范性。
  • 熟悉Yarn & Npm & Git ，熟悉Node.js环境及应用。
  • 掌握ESLint、BEM等编码规范，追求风格优雅，整洁的代码。分号、空格缩进拥护者。
  • 了解Three.js等3D可视化技术、webrtc实时流媒体通讯技术。
  • 了解MySql、Oracle数据库及使用。
  • 熟练掌握原生JavaScript，掌握重要概念如： 原型、 闭包、 作用域链、 面向对象、 异步流程控制等。 熟练使用 ES6及以上 新特性。
  • 熟悉React框架及相关流行库的使用，掌握Ant Design Pro、Next.js等框架的使用。掌握class组件和functional组件的编写设计，掌握面向对象和函数式编程思想，并在实际项目中应用。
  • 熟悉HTTP协议，Ajax、fetch无刷新请求技术及浏览器渲染原理，了解前端 性能优化策略。
  • 熟悉CMD&AMD机制，熟悉Webpack打包优化手段。
  • 掌握uni-app、Electron等跨端解决方案。
  • 了解Go、Java等其他编程语言及使用。了解
  • 了解Linux操作系统基本命令及项目部署流程、了解Nginx服务器。
HTML5
CSS3
SASS&LESS
JavaScript
React
Vue
Webpack
TypeScript
AJAX
HTTP
Node
Go
Java
Echarts
SQL

Portfolio

  • E点点

    • 技术选型：ts、less、vue、vue-router、pinia、websocket、ant design vue、echarts、crypto-js等。
    • 项目职责：负责部分模块的开发与维护。
    • 项目描述：该项目是公司内部使用的OA系统，主要分为用户管理、部门管理、职位管理、公告管理等模块，包含设备申请、请假、入职 离职等流程审批功能。
    • 技术描述：采用composition api + 自定义hook + tsx方式编写代码； 采用pinia进行状态管理、vue-router进行路由跳转、axios进行数据请求； 封装图表、进度表、时间带、屏幕设置等公共组件； 封装时间带组件，实现实时数据在时间带上的展示，并随实际时间自动滚动时间带； 一般实时性数据采用轮询的方式，高实时性采用websocket方式更新，并封装相应的hook； 根据需求进行地址栏参数及接口参数的aes加密，保证数据的安全性； 后期采用了多页应用 + 路由懒加载的方式进行加载优化；

    DeepFinder

    • 产品官网：点击跳转
    • 技术选型：react、umi、less、ant-design、ahooks、lodash、classnames、moment等。
    • 项目职责：负责web端、大屏的部分模块开发与维护。
    • 项目描述：百分点智能融合大数据分析平台(DeepFinder)是一套基于动态知识图谱技术的知识管理与分析 研判预警平台，支持万亿级数据量，实现数据融合、知识构建、算法挖掘、关联分析、管控预警等多种功能可快速从数据中挖掘出有用的信息和线索，帮助用户实现“一键分析”的同时还可及时预警，提高工作效率和决策的科学性。
    • 技术描述：该项目由公司内部框架react-pro构建，集成umi管理路由、数据流及数据请求； 采用hook + jsx方式编写代码、ant-design-pro/ant-design做基础ui； 采用less + CSS Modules的方式编写样式并进行样式模块化管理； 进行大文件分片上传、表格触底加载、预览打印等优化； 封装搜索表格、表单、卡片等公共基础组件，提高开发效率；

    警务移动app

    • 技术选型：vue、vue-router、vuex、less、vant、axios、leaflet、postcss-px2rem等。
    • 项目职责：负责移动端的开发与维护。
    • 项目描述：该项目为北京公安局石景山分局区级专网的业务子系统，分为pc端、移动端、可视化三个板块 其中移动端分为视频调阅、布控管理、告警管理等七个模块，支持实时监控查看、布控条件设置 结果反馈等功能。
    • 技术描述：该项目采用混合开发技术，与Android进行通讯交互，采用AndServer方式搭建客户端服务； 使用postcss-px2rem插件进行px与rem的转换，提高开发效率； 采用vant库做基础ui并封装公共组件、axios进行数据请求； 使用leaflet地图库进行地图可视化展示，实现放大、缩小、打点等基础功能；

    疫情大数据管理系统

    • 技术选型：vue、iview、axios、echarts、百度地图、java、spring boot、mybatis、mysql等。
    • 项目职责：负端前后端部分模块的开发与维护。
    • 项目描述：该项目为省级政府项目，在沈阳启动成功后，在大连、盘锦等地区试点运行。主要负责当地疫情的信息化管理，业务方面分为核酸检测、医疗用品预警、医疗用品申报、疫情申报、疫情地图等模块。
    • 技术描述：该项目为vue2项目，采用options api方式编写代码； 采用vue-router管理路由，vuex进行状态管理； 采用echarts做统计数据的可视化，包括可选统计参数的柱状图、条形图等； 后期进行了地图打点优化，采用canvasLayer代替marker，实现4w+点位快速渲染；

    QuickChat

    • 代码地址：点击跳转
    • 技术选型：vue、vite、pinia、simple-peer、webrtc-adapter、go、gin、gorm、jwt-go、mysql等。
    • 项目描述：QuickChat是一个webrtc的实践demo项目，因为时间关系仅实现了核心功能一对一实时通讯 一对一实时视频、音频的流媒体通讯、离线消息推送、多人实时通讯(后端实现)、在线文件传输等采用websocket进行消息传输、webrtc(RTCPeerConnection)实现浏览器的peer-to-peer连 接，搭建了TURN中继服务作为p2p打不通情况的反射候选者、实现了任意网段的流媒体通讯。
    • Try it

    visual3D

    • 技术选型：uni-app、vue、scss、three.js。
    • 项目描述：visual3D是一个对three.js及个人想法的可视化实践项目，采用preserve-3d + perspective 构建第一人称3d视角空间，通过wx.startDeviceMotionListening api和touchmove事件 两种方式进行视角移动，通过three.js绘制3d图形，其中three.js官方库对微信小程序支持不 太友好，采用了YannLiao小程序版本的库，对其源码简单修改后在小程序里才成功运行。
    • Try it

Contact

  • 18642433995
  • lv_boda@163.com
  • 18642433995(注明工作)
  • 1677272116
Download PDF