一个前端开发工程师的职业简历

联系方式

微信号：16692669622
QQ: 794430774
Email：mailto:konglingwen94@gmail.com

个人信息

孔令文/男/1994
商丘职业技术学院/图形图像
工作年限：4 年
Github：https://github.com/konglingwen94
技术博客：https://juejin.cn/user/215469...
期望职位：WEB 前端/全栈（Node.js + MongoDB 方向）开发工程师

职业经历

学习提升

开发、上线原创项目（2020 年 5 月~2020 年 12 月）

实战项目期间自己对web 技术标准和规范、项目编码的可读性、维护性、代码书写规范等方面有了更深入的理解和感悟、
并最终在实际开发中得以应用

elm-seller-server

线上预览：https://konglingwen94.github....

技术栈

Koa、koa-router、koa-parameter、koa-bodyparser、koa-static、koa-compress、koa2-connect-histroy-api-fallback、jsonwebtoken、bcrypt.js

vue-seller-admin

线上预览：http://123.57.204.48:5000/admin

技术栈

本项目主要使用element-ui作为应用 UI 的组件库，使用了按需引入的配置方式，缩小了项目最终打包的体积。

其次第三方模块有axios,vue-router v-charts(基于 echart 封装的 vue 组件库)

vue-elm-seller

线上预览：http://123.57.204.48:5000

技术栈

vue、better-scroll、lib-flexible、axios、express、node、javascript、less、css、es6/7、webpack、vue-cli

vue-bytedanceJob

线上预览：http://123.57.204.48:3000

技术栈

vue、 vue-router、 vue-cli、 less、 axios、 lodash、 es6~7、 express、 node-fetch、 http-proxy-middleware

技术提升和实践 (2020 年 1 月~2020 年 4 月)

技术提升和实践的内容包括Web 前端开发相关的各种技术类 API 及其类库、NodeJs 常用的 API 及其生态链工具、MongoDB 常用的 API 和类库等

实战项目

egg-nuxt-blog（使用 nodejs 的上层框架`egg`和 vue 的上层框架`nuxt`搭建的一个全栈项目，可以作为开发项目技术栈选型参考使用）

技术栈

egg、nuxt、axios、bcryptjs、egg-cors、egg-mongoose、egg-router-plus、egg-scripts、egg-validate、element-ui、gravatar、inflected、jsonwebtoken、koa-compress、koa-multer、koa2-connect-history-api-fallback、message-tree、mongoose、normalize.css、、pell、vue-weather-component

客户端线上地址：http://123.57.204.48:7001
管理后台线上地址：http://123.57.204.48:7001/admin
服务端文档：https://konglingwen94.github....

vue-blog-admin（`vue`+`element-ui`搭建的博客管理后台类项目，可作为模板参考使用）

技术栈

axios、element-ui、normalize.css、pell、vue"、vue-router、vuex

项目地址: https://konglingwen94.github....

造轮子

comment-message-editor（基于 vue 封装的留言信息编辑器组件）
message-tree（基于 vue 封装的留言评论树组件）
good-swiper（基于 vue 封装的轮播图组件）
element-resize-event-polyfill（监听浏览器 DOM 元素原生 resize 事件的插件）

新技术学习 & 加入开源社区（2018 年 7 月~2018 年 10 月）

在 Github 开源社区发布首个项目 vue-music

线上地址: http://123.57.204.48:4000

技术栈

vue 、 vuex、 vue-router、express 、mint-ui 、cube-ui、vux、lyric-parser、good-storage、vue-lazyload、lib-flexible 、sublime

技术学习

加入 npm 社区，并发布首个 npm 包 anydirectory
初步学习 nodejs技术，搭建开发环境并练习使用常用API
学习 Vue 框架及其全家桶技术和 webpack 前端工程化开发模式

工作经历

郑州简影网络科技有限公司（ 2018 年 11 月 ~ 2020 年 1 月）

管理后台项目（共四个）

工作内容

在公司任职期间，我独立开发完成了CSAP 剑桥暑期学生课程小程序，九鼎锐创网站，930 家庭医生公众号，股票众筹网站对应的 4 个管理后台项目，所有项目均采用前后端分离的开发模式完成。在项目开发期间，我负责前端相关的开发工作，开发完页面模板后和后端开发人员进行联合调试，最后在测试人员测试结束后，完成对应用bug的修复工作。

在优化完善项目的过程中，对于成功请求数据接口后需要刷新页面的场景需求，我利用 Vue 自身 响应式数据的特性，通过更新组件缓存数据的方法成功实现，最终完成了加快页面更新速度，减少不必要的接口请求等性能优化工作

使用技术栈和工具

基础技术：html/html5,css/css3,js,es6/7、json

生产环境使用框架和库：vue@2.x,vue-router,vuex,element-ui,axios,pell、@antv/g2等第三方模块

开发中使用工具链：vue-cli,vue-devtools，webpack,less,webpack-dev-server,babel等工具

开发、调试工具和运行平台：vscode,git,chrome,postman,window7

应用的主要功能

[x] 页面初始化后以表格展示的方式渲染数据
[x] 创建用户提交的表单数据并和服务端 API 接口完成对接
[x] 对页面内表格数据的删除，更新功能
[x] 分页展示数据的功能
[x] 首页数据可视化展示
[x] 管理员登录和 token 本地存储
[x] 修改账户名和密码

参与客户端项目开发

在公司任职期间，我参与开发了CSAP 剑桥暑期学生课程小程序，九鼎锐创网站，930 家庭医生微信公众号这三个客户端项目的局部功能。我个人独立开发完成的项目是930 家庭医生公众号，此应用包含了微信登录、在线预约、支付订单等功能。

河南汇国医疗股份有限公司（ 2018 年 1 月 ~ 2018 年 6 月）

河南汇国医疗股份有限公司网站（包括 PC 端，移动端,微信小程序）

此应用全部由我个人开发完成，工作的主要内容是根据设计稿编写前端页面样式、根据产品需求实现页面交互功能、渲染数据生成静态页面、部署静态资源到服务器。网站包含了数十个功能丰富的页面，其中主要的交互功能有轮播图、一级/二级导航菜单、手风琴动效、抽屉菜单等。应用使用的开发技术有html,css,js,jquery,swiper,less,dedecms,svn。

汇国控股微信小程序使用web-view组件内嵌移动端应用的方式开发完成，然后完成小程序上线的工作

自学、入门 WEB 前端开发（2017 年）

本阶段主要依靠互联网上的免费学习平台自学 web 开发技术，学习内容有

html,html5
css,css3
javascript
jquery
Editplus/Hbuilder

开源项目和作品

应用

vue-bytedanceJob（Vue 仿写字节跳动招聘网站的单页面应用）
vue-elm-seller（高仿饿了么商家店铺的单页面应用）
vue-music（爬取 QQ 数据的移动端音乐应用）
vue-seller-admin（Vue + ElementUI 搭建的管理后台系统）
elm-seller-server（Koa+Mongodb 搭建的的外卖商家服务端项目）
egg-nuxt-blog（egg+nuxt 搭建的 WEB 全栈项目，以技术应用为主）
vue-blog-admin（vue+element-ui 开发的博客管理后台，可作为通用管理后台类项目参考二次开发）

插件

comment-message-editor（基于 vue 封装的留言信息编辑器组件）
message-tree（基于 vue 封装的留言评论树组件）
good-swiper（基于 vue 封装的轮播图组件）
element-resize-event-polyfill（监听浏览器 DOM 元素原生 resize 事件的插件）
anydirectory（基于 Node.js 实现的资源托管服务器）

技术文章

技能清单

Web 开发：HTML/HTML5、CSS/CSS3、Javascript、DOM/BOM、ES6/7/Next、Ajax、JSON、NodeJs
前端框架、库、常用插件：Vue/Nuxt、JQuery、Axios、Lodash
前端工具：Webpack、Npm、Less、Babel、Eslint
Vue 相关：Element-ui、vue-router、vue-devtools、vuex、cube-ui/mint-ui、vue-cli、vuepress、
NodeJs 类库、管理工具：Koa、Mongoose、Express、Egg、Node 生态常用模块
数据库、后端工具：MongoDB/MySQL、Postman、Linux 常用命令、SSH 常用命令
版本管理、仓库托管、文档和自动化部署工具：Git、Github、Markdown、Linux 服务器
开发工具和运行平台：VSCode/Sublime，Chrome/Safari、MacBook/Window

职业能力

精通HTML、CSS、Javascript技术并能灵活运用
精通Vue.js技术，掌握其运行机制，并能封装前端通用组件，对 Vue.js 的设计思想、重要特性实现方式有深入的理解和研究
掌握浏览器运行原理和HTTP协议的通信过程
对面向对象、MVVM 架构、关注点分离等编程思想有深入的理解和实践
对 web 技术标准和规范有深入的理解和体会
对 web 应用有一定的架构能力，能够操作、把控全栈项目开发流程的每个环节和持续集成工作
对前端工程化、组件化、模块化、前后端分离等开发模式有全面的认知及应用
对互联网产品的界面设计、功能特点等方面有独立的审美和体验
突出的学习能力和独立的逻辑思维能力
能阅读英文技术文档

学习经历

自从事互联网行业工作以来，本人所掌握的知识和技术是通过自己不断的学习、实践、积累、总结这些过程后所得，其中在公司任职期间熟练掌握了团队项目开发的工作流程并积累了相关的经验。目前入住的互联网技术社区有 Github、掘金、Segmentfault、日常工作中解决问题常用的搜索网站有Google、Baidu、Github、StackOverflow等

自我评价

对 WEB 前端开发及其相关的技术拥有浓厚的兴趣和热情，在 web 开发领域有全面完整的技术和知识体系。平时能自我驱动的学习、钻研 web 技术，善于关注行业前沿技术并能逐步地学习。在日常的项目开发中，能够脱离第三方类库手写逻辑代码，并对项目的可读性、可维护性、架构设计、代码书写规范等方面有严格的自我要求。工作中在实现产品需求的同时善于思考多种技术解决方案，并能总结出高效优雅的方案积累、运用。

生活和爱好

电影、篮球、跑步、新闻、互联网

致谢

感谢您花时间阅读我的简历，期待能有机会和您共事。