项目职责：项目背景: 前端使用 Vue 全家桶 Vuex,Vue-Router,Vue-Cli 以及 Element-UI, 后端使用 node.js express-cli mongoDB mongoose 搭建的技术交流论坛; 项目技术栈: 前端: Vue / Vue-Cli / Vuex / Vue-Router / Element-UI / axios / Stylus 后端: Nodejs / Express 框架 / MongoDB 数据库 / mongoose 技术难点: 前端: 1. 用户密码加密 2. form 表单验证 3. 用户登录持久化 4.各个组件数据通信; 后端: 1.处理跨域问题 2.后端接口处理; 解决方案: 前端: 1. 使用 RSA 非对称加密保障传输过程中密码的安全性。针对网络请求进行二次封装， 实现请求头 自动携带 Token 以及失效时对应的处理; 2. 基于 Element-UI 的 form 表单组件,配置表单验证规则映射表; 3. 将保存到 localStorage 中的 token 同步到 vuex 中; 4.通过 props/$emit,$attrs/$listeners,provide/inject,$EventBus,vuex 等不同的组件通信方式在 不同的通信需求下使用; 后端: 1. 服务端进行 CORS 配置，该项目登录认证鉴权采用 jwt 标准，需要登录请求的 cookie 字段携带 token，此时需要后端 CORS 配置 withCredentials 以及前端 ajax 配置 withCredentials: true; 2. 后端接口设计采用 restFul 架构，针对部分网络请求地址做映射处理，封装 useCurd， 该方法自 动获取当前路由名称返回当前页面增删查改方法，减少重复的逻辑; 项目收获: 在这个项目中，实现了前后端的数据传输，接口对接，跨域处理等，掌握了前端组件化、 模块化、工程化 以及 webpack 的简单配置，了解了后端 token 鉴权，多文件处理，错误请求处理等问题;

项目职责：项目背景: 该项目是实习期间,公司自主研发的系统,旨对公司项目开发过程中产生的问题,需求,风险,阶段,周报,会议等信 息进行统一管理,同时与公司工时系统对接,便于公司的管理工作; 项目技术栈: Vue / Nuxt.js /Vuetify / axios 项目职责: 1. 独立负责问题模块,项目阶段模块,会议模块的功能设计和开发; 2. 使用 Vuetify-ui 组件进行页面开发.使用 Stylus 对 CSS 进行预处理; 3. 对所负责的功能模块进行测试调优,确保项目稳定性和兼容性; 技术难点: 1. 简化页面结构,单页面实现不同内容的展示和切换; 2. 直观的展示数据,且便于修改, 校验; 解决方案: 1. 通过在 drawer 组件中嵌入 form 表单记录模块数据,实现数据展示新增的快速切换,提高用户交互效率和体 验; 2. 根据数据种类使用不同组件展示数据,对于经常修改的数据,使用 table 组件结合插槽在表格中插入下拉框和 输入框,使用户更直观便捷的查看和修改数据,对于不需要修改的数据使用 card 组件进行展示更加美观; 项目收获: 对在这个项目中,加深了对前端模块化,工程化的理解,了解到 vue 的 SSR 框架的基本使用,更重要的是清楚了公 司中项目的实际开发流程,以及如何与团队合作进行协作开发;

项目职责：项目背景: 工作中有时需要使用手机来查看或者编写 Markdown 文档,调研发现在安卓端应用市场 中 Markdown 编 辑器很少,且渲染模式不够丰富.于是便利用移动端应用框架 uniapp 搭 建一款所见即所得 Markdown 编辑器; 项目技术栈: Vue / Uview-UI / Vditor.js / Revea.js / axios / HTML5+API 技术难点: 1.移动端整合 Vditor.js 2.递归组件模拟文件目录 3.Markdown 转为 PPT 4.webview 与第三方网页通信 5. 热更新 6.跳转链接时文档放丢失 解决方案: 1.使用 webview 组件包含 vditor.js 的网页嵌入应用中,为 vditor.js 提供浏览器环境; 2.将历史文件记录通过 setStorage 存储在本地,在递归组件中获取记录,组件调用自身进行递归渲染,通过 具名插槽将文件和目录渲染在不同的组件中,通过判断文件数组的长度来结束递归; 3.使用 reveal.js 实现将 Markdown 文档转换为 PPT; 4. 提前在第三网页引入环境文件,在 webview 组件的 message 事件中监听第三方网页的 uni.postMessage 事件的触发并获取参数,实现第三方网页与组件的通信.通过 H5+api 中 webview 的 eavlJS 向第三方网页注入 JS 的方式进行组件与第三方 网页的通信 ; 5.在应用生命周期 onLaunch 中配合 axios 在每次打开应用时请求服务器是否更新, 若更新则返回安装 包 url,进行更新; 6.在侦听器中监听 url 变化,通过 wv.overrideUrlLoadingfan 方法根据 url 的新值设 置 webview 跳 转拦截配置为全部拦截,并提醒用户保存内容; 项目收获: 在这个项目中,实现了 webview 与第三方网页的相互通信,文件存储以及前后端交互,了 解到 H5+的 IO 模块和 webview 模块以及 uniapp 应用框架的使用,很大的锻炼了自 己解决问题的能力;

项目职责：项目背景: 智能家宽运维系统采用每周一个 B 版本,每三个月一个 C 版本,每年一个 R 版本的迭代化的方式进行开发,是 一套端对端的针对 FBB 的业务故障检测和诊断系统,是华为智能运维解决方案之一,主要应用于客服人员故 障定位,运维人员快速修复的场景; 项目职责: 1. 负责迭代需求 story 设计和开发工作; 2. 基于中台设计数据模型,管理诊断配置数据; 3. 基于中台开发 JS 服务,与后端工程师协作,确保接口顺畅对接; 4. 为一线同学提供技术支撑,及时定位解决一线问题; 技术栈: js / Vue / Vigour-ui 功能描述: 该功能主要的作用是分析用户使用的宽带链路中设备的状态数据,分析采集数据判断设备状态进行 TOPO 展示并 显示诊断结果.功能包含: 溯源诊断,在途诊断,专项诊断,自定义诊断,一键式诊断; 实现思路: (以一键式诊断为例) 1. 据宽带账号查询用户数据,同时创建诊断工单; 2. 根据设备表查询该账号下用户所使用 OUN,一级分光器,二级分光器,OLT,路由器的设备 ID; 3. 根据诊断方式获取诊断项,向指定设备发送 ruby 指令,采集数据; 4. 根据采集数据执行诊断流程,分析设备信息,生成诊断结果; 5. 拼接诊断结果,添加到页面; 项目收获: 参与华为核心业务开发的过程中,不仅负责前端开发的工作还需要了解后端开发等方面的知识,这使我对整个项 目有了更全面的认识.同时积累了大型团队协作开发的经验;