昵称登录后显示

信息配置平台：
 技术栈： HTML + Less + react + redux + ant-design
 项目介绍: 为公司 to B端的产品，主要功能为提供在APP端个性化定制的统一入口平台；
 项目总结：使用react + redux 完成，其中封装了一个httpRequestMiddleware用于统一处理后端的请求，结合ant-design 对前端页面进行组件化的封装和拆封，增加组件的复用性和灵活性。

pdf中表格提取工具-pdfree
 技术栈： HTML +Sass + Vue +Vuex + Element UI
 项目介绍：为公司 to C 端的产品，主要功能为pdf 中表格的抽取；
 项目总结： 完成pdfree2.3.0版本的前端部分开发。在旧版本的基础上进行代码拆分实现前后端分离，使用vue-cli作为项目脚手架进行代码重构。在开发过程中，学习了pdf.js以及handsontable的使用，使用事件监听实现了表格一键复制的功能，使用postMessage进行iframe和页面之间的通信，实现了左侧PDF中的表格的单元格和右侧table中的单元格对应的功能，使用vue-auth进行用户登录，为了同步多个页面之间的登录状态，使用vuex + localstorage 解决页面刷新时token清空的问题，使用路由导航守卫 beforeEach来进行跳转前验证，以解决在不需要全局组件的组件中，全局组件闪烁的问题。

项目部署系统(Deploy-System) 2018.05-2018.07
 技术栈： HTML + Less +Vue + Element UI
项目介绍： 为公司内部项目部署平台。做到：一次配置，快速发布，规范发布流程，节约发布成本，支持回滚部署。
项目总结：
1. 部署系统是我和运维工程师一起完成的，旨在简化发布流程，节约发布成本。此系统采用vue + Element UI 作为技术选型的目的是为了，利用Element UI快速搭建前端界面，而将重点放在与后端的交互以及前端页面的状态控制上，利用vue 双向绑定的特性可以使我们将重点放在逻辑控制的model层。为了避免黑盒发布，我们使用webSocket进行全双工通信，这样服务器能将编译及部署过程中的日志回传给客户端，以便用户能够及时看到服务端的反馈。此外，在各个组件的通信中，我使用eventbus进行通信，同时学会了使用ES6 Promise控制多个异步请求。
2. 此项目中我更多的集中于与后端的数据交互，及前端页面的状态控制。更多的收获是，该项目没有UI，整个页面设计、交互及实现都是我和运维同学的一个不断探讨不断改进的过程，我们站在用户的角度去审查我们的系统，最终呈现给了用户一个界面友好，操作简单，发布快速且更加规范化的产品。