




个人介绍
我是程序员客栈的 proginn1349499272,一名前端工程师;
我毕业于安徽信息工程学院,担任过vivo的前端工程师职位;
负责过敏捷协作平台项目的开发;
熟练使用 vue2,vue3,css3,html5,webpack,es6;
如果我能帮上您的忙,请点击“立即预约”或“发布需求”!
工作经历
2020-05-04 -2022-10-28vivo前端工程师
整体框架构建、业务组件开发,构架的大部分业务组件开发和共性业务组件开发,人员管理
教育经历
2014-09-01 - 2018-06-24安徽信息工程学院计算机本科
技能

项目描述:该框架主要为了解决传统的手工部署存在以下常见问题:每次都需要打开xshell软件与服务器建立连接,当负责多个项目且每个项目都具有测试环境和线上环境时,容易引起部署错误。jenkins部署存在安装配置麻烦、打包占用服务器资源等缺点。试用于目前还在采用手工部署又期望快速实现轻量化部署的小团队或者个人项目。 责任描述:ly-deploy-cli 脚手架的生成与发布。 涉及技术: 1、基于 node-ssh 实现ssh连接服务器、上传文件、执行命令。 2、基于 inquirer 提供用户与命令交互。 3、选用 child_process npm内置模块,用于执行package.json中的打包script脚本。 4、选用 compressing 对打包完成之后的文件进行压缩处理。 5、基于 commander 自定义node.js命令行界面。 6、选用 chalk 对操作结果进行友好提示。


项目描述:基于 Node.js + Koa2 提供适配小程序、Web与App的服务端框架。该框架为用户提供了多种登录方式(小程序登录,*登录),同时也对接口做了不同的处理(权限访问控制,权限分级控制,字段返回处理)。 责任描述:整体框架构建、业务组件开发。 涉及技术: 1、基于 Koa2 构建服务端渲染框架,数据库选用 MySQL。 2、选用 sequeliz 来操作数据库,基于 sequeliz 支持事务这一特点,保证多表操作时数据的一致性。 3、基于 graphql + koa-graphql 让服务端支持 Graphql 查询语言,前端可以从API获取想要的数据,不必依赖REST端返回的固定数据结构。 4、采用 koa-jwt + basic-auth 进行接口权限、分级以及用户身份验证。 5、校验器选用 validator,结合自定义的全局异常处理中间件,操作失败时提供准确提示信息。 6、使用 require-directory 实现路由自动注册,使用 module-alias为 require 设置别名,使用 koa-static 作为静态资源存储方案。


项目描述:基于 vue + typescript + qingtian + element-ui + webapck4 + jsx+ rx.js 协助企业高效协作和提升研发效能,vivo内部开发了对内的项目管理系统。 责任描述:构架的大部分业务组件开发和共性业务组件开发。 涉及技术: 1、基于 wujie 架构实现的前端微服务。 2、基于rx.js 简化复杂的异步操作逻辑。 3、使用 typescript 定义接口提供更好的智能补全。 4、基于 *e-table 解决业务中表格的复杂场景,高度可扩展。 5、基于装饰器对通用表格的封装。 6、基于 webpack4 自定义项目配置以及打包配置。 7、前端性能优化。
