- 微信号：16692669622
- Gmail：[email protected]
-
孔令文/男/1994
-
商丘职业技术学院/图形图像/2013
-
工作年限：4 年
-
Github：https://github.com/konglingwen94
150 stars28 followers
-
期望职位：WEB 前端/全栈（Node.js + MongoDB 方向）开发工程师
Mindera 投研管理平台
Mindera 是一个集成了投研知识库、研究工具、投资管理三大模块的投研管理平台。该平台可以一站式完成知识生产(数据、图表、报告、图谱)、知识查看(研报/路演/图表库、个股分析)，投资管理(模拟组合、行业股票管理)等全流程投研工作。
Alpha 券商服务平台
Alpha 券商服务平台是一个面向券商路演管理和知识管理的一站式服务平台，通过券商服务的线上化和集成化， 提升信息触达、优化供需匹配。
- 负责投研管理平台 web 前端的框架设计、功能开发和维护
- 负责前端界面构建、兼容和优化，与产品、设计、开发、测试人员协同配合完成项目从需求评审到功能上线的全流程工作
- 针对解决项目开发过程中如何处理公共业务和模块的依赖问题上，在经过和项目组开发人员评估研究后，最终选定了以抽离成独立的
npm依赖包的方式为解决此问题的技术方案。在经过多个内部项目的使用和持续验证后，此方案稳定高效的支撑起了内部项目的落地和生产
产品项目采用以
qiankun为主框架的微前端技术架构，其运行原理如下
-
由
Packages提供基础设施的生命周期、核心服务、整体布局、路由鉴权、公共状态管理、公共插件 -
平台父应用读取微应用库暴露的配置清单后，通过
micro-app.js模块动态注册到主应用路由表 -
微应用向外暴露入口文件
index.js后，可被独立开发、调试、发布 -
基础设施（Packages）
- 抽象基类（@packages/base）
- 核心库（@packages/common）
- 核心组件库（@packages/component）
-
平台应用（Platform Apps）
- 子应用注册表（micro-app.js）
- 用户管理
-
微应用库（Micro Apps）
- 微应用清单（apps.json）
- 分析师主页
- 工作台
- 路演服务
实战项目期间自己对web 技术标准和规范、项目编码的可读性、维护性、代码书写规范等方面有了更深入的理解和感悟、 并最终在实际开发中得以应用
Koa、koa-router、koa-parameter、koa-bodyparser、koa-static、koa-compress、koa2-connect-histroy-api-fallback、jsonwebtoken、bcrypt.js
本项目主要使用element-ui作为应用 UI 的组件库，使用了按需引入的配置方式，缩小了项目最终打包的体积。
其次第三方模块有axios,vue-router v-charts(基于 echart 封装的 vue 组件库)
vue、better-scroll、lib-flexible、axios、express、node、javascript、less、css、es6/7、webpack、vue-cli
vue、 vue-router、 vue-cli、 less、 axios、 lodash、 es6~7、 express、 node-fetch、 http-proxy-middleware
技术提升和实践的内容包括Web 前端开发相关的各种技术类 API 及其类库、NodeJs 常用的 API 及其生态链工具、MongoDB 常用的 API 和类库等
-
egg-nuxt-blog（使用 nodejs 的上层框架
egg和 vue 的上层框架nuxt搭建的一个全栈项目，可以作为开发项目技术栈选型参考使用）
-
客户端线上地址：http://123.57.204.48:7001
-
管理后台线上地址：http://123.57.204.48:7001/admin
-
服务端文档地址：https://konglingwen94.github.io/egg-nuxt-blog/index.html
-
技术栈
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
-
vue-blog-admin（
vue+element-ui搭建的博客管理后台类项目，可作为模板参考使用）
- 项目访问地址：https://github.com/konglingwen94/vue-blog-admin
- 线上地址: https://konglingwen94.github.io/vue-blog-admin
axios、element-ui、normalize.css、pell、vue"、vue-router、vuex
- comment-message-editor（基于 vue 封装的留言信息编辑器组件）
- message-tree（基于 vue 封装的留言评论树组件）
- good-swiper（基于 vue 封装的轮播图组件）
- element-resize-event-polyfill（监听浏览器 DOM 元素原生 resize 事件的插件）
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前端工程化开发模式
在公司任职期间，我独立开发完成了CSAP 剑桥暑期学生课程小程序，九鼎锐创网站，930 家庭医生公众号，股票众筹网站对应的 4 个管理后台项目，所有项目均采用前后端分离的开发模式完成。在项目开发期间，我负责前端相关的开发工作，开发完页面模板后和后端开发人员进行联合调试，最后在测试人员测试结束后，完成对应用bug的修复工作。
在优化完善项目的过程中，对于成功请求数据接口后需要刷新页面的场景需求，我利用 Vue 自身 响应式数据的特性，通过更新组件缓存数据的方法成功实现，最终完成了加快页面更新速度，减少不必要的接口请求等性能优化工作
基础技术：html/html5,css/css3,js,es6/7、json
生产环境使用框架和库：[email protected],vue-router,vuex,element-ui,axios,pell、@antv/g2等第三方模块
开发中使用工具链：vue-cli,vue-devtools，webpack,less,webpack-dev-server,babel等工具
开发、调试工具和运行平台：vscode,git,chrome,postman,window7
- 页面初始化后以表格展示的方式渲染数据
- 创建用户提交的表单数据并和服务端 API 接口完成对接
- 对页面内表格数据的删除，更新功能
- 分页展示数据的功能
- 首页数据可视化展示
- 管理员登录和 token 本地存储
- 修改账户名和密码
在公司任职期间，我参与开发了CSAP 剑桥暑期学生课程小程序，九鼎锐创网站，930 家庭医生微信公众号这三个客户端项目的局部功能。我个人独立开发完成的项目是930 家庭医生公众号，此应用包含了微信登录、在线预约、支付订单等功能。
此应用全部由我个人开发完成，工作的主要内容是根据设计稿编写前端页面样式、根据产品需求实现页面交互功能、渲染数据生成静态页面、部署静态资源到服务器。网站包含了数十个功能丰富的页面，其中主要的交互功能有轮播图、一级/二级导航菜单、手风琴动效、抽屉菜单等。应用使用的开发技术有html,css,js,jquery,swiper,less,dedecms,svn。
汇国控股微信小程序使用web-view组件内嵌移动端应用的方式开发完成，然后完成小程序上线的工作
本阶段在互联网开放平台自学 web 开发技术，学习内容有
- html,html5
- css,css3
- javascript
- jquery
- Editplus/Hbuilder
- vue-bytedanceJob（Vue 仿写字节跳动招聘网站的单页面应用）76 stars, 17 forks
- vue-elm-seller（高仿饿了么商家店铺的单页面应用）18 stars , 12 forks
- vue-music（爬取 QQ 数据的移动端音乐应用）6 stars, 2 fork
- vue-seller-admin（Vue + ElementUI 搭建的管理后台系统）6 stars, 4 forks
- elm-seller-server（Koa+Mongodb 搭建的的外卖商家服务端项目）3 stars, 2 fork
- egg-nuxt-blog（egg+nuxt 搭建的 WEB 全栈项目，以技术应用为主）15 stars, 2 forks
- vue-blog-admin（vue+element-ui 开发的博客管理后台，可作为通用管理后台类项目参考二次开发）
- comment-message-editor（基于 vue 封装的留言信息编辑器组件）12 stars, 8 forks, 73 used by
- message-tree（基于 vue 封装的留言评论树组件）8 stars, 2 fork, 7 used by
- good-swiper（基于 vue 封装的轮播图组件）1 fork
- element-resize-event-polyfill（监听浏览器 DOM 元素原生 resize 事件的插件）2 stars
- anydirectory（基于 Node.js 实现的资源托管服务器）1 stars
- Koa+Mongodb 搭建商家店铺服务端项目总结
- Vue+ElementUI 搭建商家店铺管理后台项目总结
- Vue 全新重构升级字节跳动招聘网站总结（下）
- Vue 全新技术栈重构饿了么商家应用
- Vue 全栈技术重构字节跳动招聘网站总结 ( 上 )
- 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 技术，善于关注行业前沿技术并能逐步地学习。在日常的项目开发中，能够脱离第三方类库手写逻辑代码，并对项目的可读性、可维护性、架构设计、代码书写规范等方面有严格的自我要求。工作中在实现产品需求的同时善于思考多种技术解决方案，并能总结出高效优雅的方案积累、运用。
电影、篮球、运动、新闻、互联网社区交流
感谢您花时间阅读我的简历，期待能有机会和您共事。