自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 集群-节点二级联动架构如何实现 200+ 节点的实时状态监控

当用户选择一个集群时,调用API获取该集群下的所有节点信息。在添加或编辑分区弹窗中,展示所选集群的节点列表,并提供选择功能。在data()中增加一个用于存储实时节点状态的数据结构,例如。在mounted()生命周期钩子中初始化WebSocket连接或者设置定时器来定期获取节点状态。

2025-03-08 15:21:42 255

原创 Event Bus ,请求防抖和分页缓存

事件,确保当导入对话框关闭时能够同步更新父组件的状态,以及在子组件需要初始化列表时调用父组件的方法,从而实现数据的保持和一致性。),结合 pagination 管理,起到了一定的缓存效果,用户的每次查询都会基于这个缓存,提升了查询效率。设置为当前搜索输入,实现了基于中文名和标识的联合模糊查询。同时,由于在每次输入时都会重置为第一页(事件,用户在切换页面时能够更高效地加载数据,实现分页数据的缓存。进行了重置和列表的更新,这表明了与导入操作的同步。方法中,代码中使用了。

2025-03-08 14:40:31 245

原创 设计实现服务包上传中,采用分块校验与 `EventSource` 实时日志推送技术

项目内容优化

2025-03-06 17:57:24 362

原创 Koa简单使用

Koa 是一个基于 Node.js 平台的下一代 Web 开发框架,由 Express 原班人马打造,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。

2025-03-06 17:33:01 437

原创 如何检测和解决内存泄漏,是否有使用工具进行内存分析,举例说明问题场景和解决方案。

指的是。

2025-03-05 23:52:35 822

原创 服务包管理界面中涉及的项目亮点

维度关键点示例背景场景、需求、痛点大文件上传遇到的网络波动、续传难点方案技术选型、方案对比分块+EventSource替代WebSocket实现核心技术点、难点突破SHA256校验、分块重试策略效果数据、效果总结成功率提升到95%思考扩展思考、前后对比前端+后端联合防护每个回答都结合场景-方案-效果,让面试官觉得你是有全流程思维的人。主动补充对比方案(Props vs Slot,WebSocket vs EventSource),体现技术视野。最后总结效果+数据,让面试官。

2025-03-05 23:32:12 669

原创 ECharts实现瀑布图

瀑布图

2025-03-05 22:57:04 737

原创 如何设计复用模块,如何确保复用性,遇到的挑战及解决方法,是否有抽象层次的设计考虑,比如是否使用设计模式等

vue项目中模块复用

2025-03-05 22:38:10 352

原创 为何选择Day.js而非其他库,如何处理时区问题,动态生成时间轴的具体方法,如何保证时间数据的准确性。

day.js纯函数实现,Day.js 的日期对象不可变,避免因意外修改导致的副作用,适合动态生成时间轴。:Day.js 体积仅 2KB,远小于 Moment.js(70KB+),适合性能敏感场景。当组件每天首次加载时,会自动生成包含当日在内向前滚动7天的时间序列,实现动态时间轴效果。项目需要兼容IE11,但Day.js+核心插件体积仍小于Moment的30%。获取当前时刻作为基准点,所有计算基于同一时间锚点,避免循环中时间漂移。Day.js会自动处理夏令时变更,比直接使用。严格按毫秒计算天数,比。

2025-03-05 22:25:17 397

原创 经典场景题:播放进度断点续(“恢复上次观看位置”)

场景题

2025-03-05 22:12:57 1302

原创 dayjs使用

这是一个实现的。

2025-03-05 22:05:37 331

原创 k8s的常用命令

目标命令查看所有 Pod进入 Pod查看 Pod 日志获取 Pod 详细信息查看所有 Deployment更新 Deployment 镜像滚动重启 Deployment删除 Pod删除 Deployment怎么学 K8s?✅本地搭建 K8s:使用minikube或kind✅理解 K8s 资源:熟悉✅实际部署项目:尝试部署Nginx或MySQL到 K8s✅故障排查:用和调试错误。

2025-03-05 22:01:29 1195

原创 Hook机制

hook机制大杂烩

2025-03-05 21:51:39 835

原创 面试笔记20241101

协议不同:比如从http://访问https://。域名不同:比如从访问。端口不同:比如从访问。浏览器的同源策略只允许同源的请求,因此访问不同源的资源会触发跨域问题,浏览器会限制这些请求的执行。内联样式 (A。ID 选择器 (B。类选择器、伪类、属性选择器 (C。元素选择器、伪元素选择器 (D。通配符选择器 (。使用!important可以强制提高某条 CSS 规则的优先级,覆盖其他优先级更高的规则。注意!important会增加样式管理的复杂性,通常不推荐频繁使用。

2024-11-03 21:02:53 1071

原创 面试笔记20241031

call和 apply都是立即调用函数并改变this指向的。call逐个传递参数。apply以数组形式传递参数。bind则不会立即调用,而是返回一个绑定了this的新函数,方便稍后调用。普通函数this的值取决于调用函数的方式,通常是全局对象,严格模式下是undefined。对象方法this指向调用该方法的对象。构造函数this指向新创建的对象。箭头函数this由定义时的作用域决定,不随调用方式改变。事件处理函数this指向触发事件的 DOM 元素。显式绑定:可以使用call。

2024-10-31 21:47:05 985 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除