个人信息
姓名:孙伟
联系方式:15321316676
邮箱:908241555@qq.com
所在城市:北京
职业意向:前端高级工程师
期望薪资:待定
入职时间:待定
个人简介
8 年前端开发经验,熟练掌握 Vue
、Vite
、Webpack
、Electron
、WebSocket
等主流前端技术,并有着跨端应用程序开发经验。
技能清单
编程语言:ES6
JavaScript
、TypeScript
、HTML
、CSS
、PHP
等
前端框架:Vue2/3
、React
、AngularJS
前端工具:Webpack、Vite2
、Yarn
、Npm
、Pnpm
、Nginx
前端库/插件:Element-Plus
、Echarts
、Axios
、Lodash
、Moment.js
、Day.js
、Pinia
、Vuex
、@vue/use
、Unocss
、
跨端开发框架:Electron
、Flutter
、Tauri
后端开发:Node.js
、Express
、Koa2
、WebSocket
、Docker
移动端开发框架:Uniapp
、微信小程序、H5
数据库:MySQL
、MongoDB
、Redis
版本管理:Git
、SVN
测试/自动化:Jest
、Mocha
、Chai
、Jenkins
、Mockjs
、Apifox
其他技能: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
架构的开发模式,同时也掌握了一些前端技术如 JavaScript
、jQuery
等。这些经验和技能也为我在以后的工作中提供了良好的基础。
个人项目经验
北斗导航探空协同观测软件 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
: 一种异步通信机制,用于前后端数据传输和消息推送。Mapbox
和 Mapbox-gl
: 地图库,提供了丰富的地图和地图相关的 API 和功能。Echarts
: 数据可视化库,提供了丰富的数据图表和交互功能。Lodash
: JavaScript
工具库,提供了一系列常用的函数和工具。Unocss
: CSS
框架,提供了一系列样式和工具。Apifox
: 接口管理平台,用于管理接口文档和测试接口。Mockjs
: 前端数据模拟库,用于生成随机数据。
开发环境中使用到的插件工具:unplugin-auto-import
、unplugin-element-plus
、unplugin-vue-components
: 这些插件可以帮助我们按需引入需要的组件和插件,从而减小打包体积和提高性能。vite-plugin-html
: 该插件可以帮助我们修改 index.html
文件,比如添加自定义的 meta
标签和 link
标签等。postcss-px-to-viewport-8-plugin
: 该插件可以帮助我们将 CSS
中的 px
单位转化为 vw
单位,以适应不同屏幕大小的设备。
在北斗导航探空协同观测软件项目中,使用这些技术和工具可以帮助我们更高效地开发和维护项目,实现了组件化开发、路由管理、状态管理、HTTP
请求、数据可视化、地图展示、消息推送、样式管理等功能。同时也通过按需引入、打包优化、自适应布局等方式提高了项目的性能和用户体验。在接口管理和数据模拟方面,使用 Apifox
和 Mockjs
可以帮助我们更好地管理接口文档和测试接口,提高了开发效率和测试质量。
我负责搭建项目结构,并与另一位开发人员合作,共同开发实现了整个项目,开发期间对项目代码进行不断升级和重构调整:
- 将
Webpack
替换成Vite
,可以大幅提高项目启动速度,缩短开发周期,提高开发效率。 - 将
Vuex
替换成Pinia
,可以使得类型支持更好,Pinia
的API
相对于Vuex
更加简洁和易于理解,Pinia
比Vuex
更轻量级,Pinia
使用Vue3
的响应式API
,可以提供比Vuex
更好的性能。 - 加入
Unocss
原子化Css
工具,能够加速UI
编写,使得开发效率更高,同时减少了冗余代码。 - 定时更新项目依赖和调试优化
Vite
打包配置和打包脚本,可以保持使用最新版本,同时提高代码构建和部署效率。 我对项目的持续改进和优化,也让我能够不断提高自己的技术能力和解决问题的能力。
天通测试系统机载端 2022-09-01 ~ 2023-03-10
天通测试系统机载端项目是一个桌面应用程序,其功能包括自动测试、拨号键盘、通话记录、通讯录、飞行状态和数据导出。我使用了多种技术和工具,例如 Electron
、Electron-Builder
、Electron-Vite
、Vite
、Vue3
、Vue-Router
、Element-Plus
、Pinia
、 Axios
、 Websocket
、 Mitt
、 Unocss
和 Json5
等。
为了提高开发效率和减小打包后的体积,我采用了 unplugin-auto-import
、unplugin-element-plus
、unplugin-vue-components
插件实现按需引入,采用 vite-plugin-html
插件修改 index.html
,采用 postcss-px-to-viewport-8-plugin
插件做 px
转 vw
。
在组件之间实现事件通信方面,我使用了 Mitt
,对于 Websocket
继承 websocket-heartbeat-js
类并增加 debug
模式、polling
轮训功能,可以向服务器端发送消息以询问自动任务状态。
中国移动和飞信桌面客户端 2016 ~ 2019
参与中国移动和飞信桌面客户端的开发工作,该应用主要包括二人聊天、群组聊天和个人设置等功能。在项目中,我们使用了 Electron 4
和 AngularJS 1.6.8
框架,同时也依赖了 C++
和 Lua
编写的 SDK
。此外,我们还使用了SQLite
数据库来存储应用程序的数据。
在该项目中,我主要负责前端页面和用户交互的实现,同时也参与了与后端数据交互的工作。为了提高开发效率和打包体积,我们将 Gulp
打包工具替换为 Webpack
,使用 Webpack
可以更方便地管理模块、依赖和代码分割,同时也能更好地支持现代前端技术和工具。
我也负责协助测试团队进行测试,修复 Bug
,并提供良好的用户体验。通过参与该项目,我深入了解了桌面应用程序的开发和维护,学习了使用 Electron
和 AngularJS
进行桌面应用开发,掌握了 C++
和 Lua
编写的 SDK
的使用方法,也学会了如何与后端开发团队高效协作,同时也提高了自己的团队协作和解决问题的能力。
教育经历
国家开放大学 大专 计算机信息管理
自我评价
我对前沿技术保持着浓厚兴趣,并能够在团队中扮演积极沟通的协作者的角色。我的职业目标是成为一名出色的前端开发,并掌握一些后端技术,为企业创造更大的价值。
个人作品
个人博客:vipsunwei.com
知乎:https://www.zhihu.com/people/vipsunwei/posts
掘金:https://juejin.cn/user/2488950054463677/posts