姓名: xxx
性别: 男
电子邮箱:xxx
求职意向:Web前端
工作年限:2年
Github: https://github.com/ziyi2
掘金:https://juejin.im/user/5c35502ae51d45522160d7dd/activities
政治面貌:共产党员
学校:浙江工业大学
学历:硕士
- 熟悉嵌入式C、JavaScript、Node.js
- 熟悉Vue.js框架
公司名称:海康威视数字技术股份有限公司
在职时间:2017.07.15-至今
职位名称:Web前端
工作描述:
- 构建公司内部两个Vue.js技术的UI组件库
- 设计基于OpenLayers的地图组件库
- 使用Node.js设计Lego体系
- 使用Vue.js开发综合安防管理平台
- 使用Node.js设计Easy I18n多语言管理平台
- 参与部门前端脚手架的设计以及Vue CLI插件的设计
- 制定部门的代码风格规范和Git提交规范并推动部门的代码审核流程
- 作为演讲嘉宾参与海康内部的Web前端大会
- 设计Chrome插件
- 项目时间:2016.08-2016.10
- 项目描述:海康Web前端社区是对海康内部开放的类似于掘金的社区平台。
- 方案选型:基于Express构建服务端渲染框架:选用React技术栈(React + React Router + React Redux)设计同构代码,选用Boostrap组件库设计前端页面,选用Mongodb设计服务端数据,选用Karm测试管理工具配合Mocha测试框架进行单元测试,使用Webpack编译服务端入口文件和Web前端静态资源。
- 项目地址:https://github.com/EmptyCup20/react-watchhill
- 总结文章:#1
- 项目时间:2018.04-至今
- 项目描述:基于Vue.js技术栈的UI组件库主要提供给海康内部的各个事业部和地方分公司进行业务开发。
- 负责内容:海康内部的基础UI组件库1.x版本的开发维护和2.x版本的重构,复杂UI组件库(包括布局组件、基础UI组件库的再封装复杂组件、工具方法等)的1.x版本构建。
- 方案选型:2.x的版本基础UI组件库是基于Vue CLI 3的默认Webpack配置项进行库构建优化处理。复杂UI组件库考虑到参与人员和部门的人数较多(不同部门可能有各种不同的布局和复杂组件封装需求),采用Lerna + Vue CLI 3 + Webpack + Babel的构建方式进行设计,可以满足各个部门的按需引入需求。
- 总结文章:https://juejin.im/post/5cb12844e51d456e7a303b64
- 项目时间:2019-03-2019.04
- 项目描述:Lego包含静态展示平台和命令行工具两个部分。Lego的设计借鉴了飞冰的特点(飞冰对于Vue的支持不友好),通过静态展示平台可以查看典型页面(基于复杂UI组件库)的设计和开发文档。通过命令行工具(借鉴了
vue ui
提供图形化界面)可以在项目中快速生成典型页面(包含了路由配置、依赖安装、页面生成等)。Lego为各个事业部提供了展示和下载典型页面的途经,提升了业务项目开发的效率。 - 负责内容:Lego开发脚手架的生成、静态展示平台的设计。
- 方案选型:采用Vue CLI 3配合vue-cli-plugin-apollo插件快速生成包含Vue Apollo的开发脚手架,网页端的设计借鉴了Ant Design of Pro的设计结构。
- 项目时间:2017.07-至今
- 项目描述:综合安防管理平台分为构架和共性业务两个大的模块(每个大的模块下面又细分了多个业务组件,例如构架的人员信息、角色管理、用户管理,共性业务的停车场、门禁以及可视对讲等)。
- 负责内容:构架的大部分业务组件开发和共性业务的可视对讲业务组件开发。
- 方案选型:基于部门的Vue.js脚手架(由Vue CLI 3和Vue CLI插件设计而成)和Lego工具进行业务组件开发。
- 项目时间:2017.06-至今
- 项目描述:综合安防管理平台在业务上需要支持国际化,于是借鉴了Easy I18n自发设计了一个多语言管理平台。该平台可供项目开发人员(前端,后端以及翻译)合作使用。前端和后端在平台提供开发态中文语言,翻译人员进行翻译操作。该平台还提供对外的API接口供前后端制作命令行同步工具。针对前端专门制作了一个EASY TOOL CLI命令行工具,可通过简单的命令将项目开发态多语言上传到管理平台,并可从平台获取项目需要部署的多语言包。该平台不仅在部门内被广泛使用,也有效的推广到其他事业部使用。该项目使我在年度大会上获得了部门鲁班奖。
- 方案选型:基于Express以及Nuxt中间件实现服务端渲染,服务端支持Graphql查询语言,数据库选用Mongodb,客户端和服务端都采用TypeScript语言设计。服务端采用Backpack构建。
- 总结文章:#1