应急响应平台

我要开发同款
36阅读
开发技术es6、typescriptjavascript、html5、vueJavaScript
所属分类web

作品详情

主要对服务器资产进行纳管,分析。针对 web 日志,window 系统各个版本日志,liunx 系统各个版本日志,通过日志中 请求方式,来源 IP,URL ,状态码等关键数据进行检索归类 该项目使用 eslint+prettier 规范代码风格,制定 git 提交规范,并使用 husky 提交时校 验代码规范 独立负责该项目 0-1 框架搭建,模块开发,性能优化,问题修复,架构调整 技术栈: vue3、es6、vite、ts、pinia 业绩: 1,合理利用闭包,本地存储,node 中间层等技术存储数据 2,后端一次给前端传输十万条以上的日志数据,大量的数据无法一次渲染,因此将数据 进行切片,分批展示进行优化渲染。 3,div 设置 contenteditable 属性使之成为可编辑的输入框,结合需求制作成高效的检 索框,提高用户方检索日志的效率 4. Api 接口响应数据进行缓存,同个接口同时请求一个以上时,取最先返回的数据,其余接口中断,并共享最先返回的数据,并封装成中断请求插件 5,结合并发请求锁,cref 安全处理插件,取消请求插件,统一错误码等插件重构网络层, 并抽离成网络请求模块 6,使用 docker+jenkins 搭建前后端测试环境、生产环境 技术亮点: 1. 架构调整:结合 vue 框架的理解,模块化开发,函数式编程等思路,对项目模块进行 重构,优化逻辑尽量使模块独立,形成可插拔的独立模块 2. 优化网络请求模块,并抽离整个网络请求层,上传至 npm 私有库,使之能跨项目跨端 使用3. 二次封装 localStorage 模块,增加缓存有效期,并上传至 npm 私有库统一管理 4. 利用浏览器性能优化相关的工具,对 web 系统性能进行优化,首屏打开速度提升 20%
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论