Skip to content
On this page

我的简历

🕒 Published at: 2 months ago

头部图

个人信息


姓名:孙伟
联系方式:15321316676
邮箱:908241555@qq.com
所在城市:北京
职业意向:前端高级工程师
期望薪资:待定
入职时间:待定

个人简介


8 年前端开发经验,熟练掌握 VueViteWebpackElectronWebSocket 等主流前端技术,并有着跨端应用程序开发经验。

技能清单


编程语言:ES6 JavaScriptTypeScriptHTMLCSSPHP
前端框架:Vue2/3ReactAngularJS
前端工具:Webpack、Vite2YarnNpmPnpmNginx
前端库/插件:Element-PlusEchartsAxiosLodashMoment.jsDay.jsPiniaVuex@vue/useUnocss
跨端开发框架:ElectronFlutterTauri
后端开发:Node.jsExpressKoa2WebSocketDocker
移动端开发框架:Uniapp、微信小程序、H5
数据库:MySQLMongoDBRedis
版本管理:GitSVN
测试/自动化:JestMochaChaiJenkinsMockjsApifox
其他技能:RESTful API、跨域代理、大屏展示、团队协作、项目管理、技术分享。

工作经验


北京软奇科技有限公司 2020-07-20 ~ 2023-07-20 Web前端工程师

在该公司期间,我参与了多个项目的前端开发工作,包括北斗导航探空协同观测软件项目、天通测试系统机载端和地面端开发工作、自动探空系统桌面应用程序与 Web 页面混合开发工作、大屏展示项目开发工作、轨迹预测项目开发工作、益丰大药房选址系统项目开发工作、自动生产探空日报程序开发工作等。这些项目让我有机会接触到不同的技术和工具,并且在实践中逐渐提高了自己的技能。

北京新媒传信科技有限公司 2015-08 ~ 2019-09 Web前端工程师

在该公司期间,我参与了中国移动和飞信客户端开发工作,以及中国移动邮箱插件版和飞信等项目的开发工作。这些项目涉及到的技术和工具让我更加熟悉了前端开发,并且让我对于团队合作、项目管理等方面也有了更深刻的理解。

北京微明互动科技有限公司 2014-11 ~ 2015-06 PHP开发工程师

我曾在北京微明互动科技有限公司担任 PHP 开发工程师,主要负责开发和维护公司的网站后台系统。在此期间,我使用 ThinkPHP 框架完成了多个项目的开发工作,包括网站后台管理系统、客户关系管理系统等。具体而言,我负责设计和开发系统的核心功能模块、处理后台数据的增删改查操作以及优化系统性能等工作。 在项目开发过程中,我也与设计团队和测试团队紧密合作,确保项目按时交付并且符合用户需求。此外,我也积极参与团队内部的技术分享和知识传递,与同事共同解决开发中的问题和挑战。 通过在北京微明互动科技有限公司的工作,我积累了 PHP 开发经验,熟练掌握了 ThinkPHP 框架和 MVC 架构的开发模式,同时也掌握了一些前端技术如 JavaScriptjQuery 等。这些经验和技能也为我在以后的工作中提供了良好的基础。

个人项目经验


北斗导航探空协同观测软件 2020-07-20 ~ 2023-07-20

该项目由状态监控、统计分析、产品服务、作业信息、帮助指导、系统管理六大块组成。
状态监控:利用 Mapbox Mapbox-gl 实现了实时数据状态的展示和地图交互功能,例如探空仪实时运动轨迹和探空站状态等。
统计分析:通过算法对探空数据进行分析得出结论,并通过 Echarts 图表和表格等形式展示,支持数据下载和图表下载到本地。
产品服务:探空数据及其经过算法处理后生成的各种图表和表格形式的产品,支持下载到本地和推送到白名单服务器。
作业信息:提供设备频点信息和探空仪轨迹预测等功能。
帮助指导:提供操作手册的下载和查看。
系统管理:提供用户、部门、角色、菜单、台站、敏感区以及各种探空作业设备的管理功能。

在项目中我们使用到的技术和工具:
Vite: 前端构建工具,实现了快速的热重载和开发服务器,优化了构建时间。
Vue3: 前端框架,实现了组件化开发,提供了一系列高效的 API 和新特性,我们主要使用 script setup 语法糖和 Composition API 进行编写代码。
Vue-router: 路由管理工具,实现了页面的路由跳转。
Pinia: Vue 状态管理库,简化了组件的状态管理。
Element-Plus: Vue UI 组件库,提供了丰富的组件和风格,并且支持按需引入。
Axios: 前端 HTTP 库,实现了异步请求和响应拦截等功能。
Vertx-Eventbus: 一种异步通信机制,用于前后端数据传输和消息推送。
MapboxMapbox-gl: 地图库,提供了丰富的地图和地图相关的 API 和功能。
Echarts: 数据可视化库,提供了丰富的数据图表和交互功能。
Lodash: JavaScript 工具库,提供了一系列常用的函数和工具。
Unocss: CSS 框架,提供了一系列样式和工具。
Apifox: 接口管理平台,用于管理接口文档和测试接口。
Mockjs: 前端数据模拟库,用于生成随机数据。
开发环境中使用到的插件工具:
unplugin-auto-importunplugin-element-plusunplugin-vue-components: 这些插件可以帮助我们按需引入需要的组件和插件,从而减小打包体积和提高性能。
vite-plugin-html: 该插件可以帮助我们修改 index.html 文件,比如添加自定义的 meta 标签和 link 标签等。
postcss-px-to-viewport-8-plugin: 该插件可以帮助我们将 CSS 中的 px 单位转化为 vw 单位,以适应不同屏幕大小的设备。

在北斗导航探空协同观测软件项目中,使用这些技术和工具可以帮助我们更高效地开发和维护项目,实现了组件化开发、路由管理、状态管理、HTTP 请求、数据可视化、地图展示、消息推送、样式管理等功能。同时也通过按需引入、打包优化、自适应布局等方式提高了项目的性能和用户体验。在接口管理和数据模拟方面,使用 ApifoxMockjs 可以帮助我们更好地管理接口文档和测试接口,提高了开发效率和测试质量。

我负责搭建项目结构,并与另一位开发人员合作,共同开发实现了整个项目,开发期间对项目代码进行不断升级和重构调整:

  • Webpack 替换成 Vite,可以大幅提高项目启动速度,缩短开发周期,提高开发效率。
  • Vuex 替换成 Pinia,可以使得类型支持更好,PiniaAPI 相对于 Vuex 更加简洁和易于理解,PiniaVuex 更轻量级,Pinia 使用 Vue3 的响应式 API,可以提供比 Vuex 更好的性能。
  • 加入 Unocss 原子化 Css 工具,能够加速 UI 编写,使得开发效率更高,同时减少了冗余代码。
  • 定时更新项目依赖和调试优化 Vite 打包配置和打包脚本,可以保持使用最新版本,同时提高代码构建和部署效率。 我对项目的持续改进和优化,也让我能够不断提高自己的技术能力和解决问题的能力。

天通测试系统机载端 2022-09-01 ~ 2023-03-10

天通测试系统机载端项目是一个桌面应用程序,其功能包括自动测试、拨号键盘、通话记录、通讯录、飞行状态和数据导出。我使用了多种技术和工具,例如 ElectronElectron-BuilderElectron-ViteViteVue3Vue-RouterElement-PlusPiniaAxiosWebsocketMittUnocssJson5 等。

为了提高开发效率和减小打包后的体积,我采用了 unplugin-auto-importunplugin-element-plusunplugin-vue-components 插件实现按需引入,采用 vite-plugin-html 插件修改 index.html,采用 postcss-px-to-viewport-8-plugin 插件做 pxvw

在组件之间实现事件通信方面,我使用了 Mitt,对于 Websocket 继承 websocket-heartbeat-js 类并增加 debug 模式、polling 轮训功能,可以向服务器端发送消息以询问自动任务状态。

中国移动和飞信桌面客户端 2016 ~ 2019

参与中国移动和飞信桌面客户端的开发工作,该应用主要包括二人聊天、群组聊天和个人设置等功能。在项目中,我们使用了 Electron 4AngularJS 1.6.8 框架,同时也依赖了 C++Lua 编写的 SDK。此外,我们还使用了SQLite 数据库来存储应用程序的数据。

在该项目中,我主要负责前端页面和用户交互的实现,同时也参与了与后端数据交互的工作。为了提高开发效率和打包体积,我们将 Gulp 打包工具替换为 Webpack,使用 Webpack 可以更方便地管理模块、依赖和代码分割,同时也能更好地支持现代前端技术和工具。

我也负责协助测试团队进行测试,修复 Bug,并提供良好的用户体验。通过参与该项目,我深入了解了桌面应用程序的开发和维护,学习了使用 ElectronAngularJS 进行桌面应用开发,掌握了 C++Lua 编写的 SDK 的使用方法,也学会了如何与后端开发团队高效协作,同时也提高了自己的团队协作和解决问题的能力。

教育经历


国家开放大学 大专 计算机信息管理

自我评价


我对前沿技术保持着浓厚兴趣,并能够在团队中扮演积极沟通的协作者的角色。我的职业目标是成为一名出色的前端开发,并掌握一些后端技术,为企业创造更大的价值。

个人作品


个人博客:vipsunwei.com
知乎:https://www.zhihu.com/people/vipsunwei/posts
掘金:https://juejin.cn/user/2488950054463677/posts

联系我吧!


邮箱908241555@qq.com

尾部图

Last updated: