QCon 上海:LLM落地应用、AI Agent、Code Assistant、金融科技等 了解详情
写点什么
  • 发布
  • 评论
  • 划线
  • 收藏
  • 关注
  • 全部分类
自建开发工具系列-Webkit内存动量监控UI(七)
自建开发工具系列 -Webkit 内存动量监控 UI(七)

本次修改集中在调整原来的编译结构,将新建 demo 目录,把 create-react-app 的配置重新调整。然后把工具直接编译成单个 js 文件,便于在一些特殊场合下使用。

自建开发工具系列-Webkit内存动量监控UI(六)
自建开发工具系列 -Webkit 内存动量监控 UI(六)

有了工程 0.1 版,就可以发布在仓库中供用户反馈和根据反馈来改进了,一般常见的这种改进意见的互动在 github 上的 issues 里可以看到。本篇先把发布流程和维护流程连接起来。

自建开发工具系列-Webkit内存动量监控UI(五)
自建开发工具系列 -Webkit 内存动量监控 UI(五)

现在 UI 的基本逻辑有了,但其实只是制作工具的第一步 - 逻辑走通。为了更好的约束和规范工具的持续发展(脚踏实地,面向未来),本篇将要动手将 jsx 和 js 转换为 tsx 和 ts 的过程.

自建开发工具系列-Webkit内存动量监控UI(四)
自建开发工具系列 -Webkit 内存动量监控 UI(四)

本期将 UI 部分分为计算核心部分和输出 UI 的部分, 分类规划逻辑与实践

自建开发工具系列-Webkit内存动量监控UI(三)
自建开发工具系列 -Webkit 内存动量监控 UI(三)

现在头脑风暴一下第一篇需求产生的功能点,然后再制定 MVP(Minimum Viable Product – 最简化可实行产品)来进行初版工具的功能与未来的发布路线

自建开发工具系列-Webkit内存动量监控UI(二)
自建开发工具系列 -Webkit 内存动量监控 UI(二)

当基础要素设计在上期完成后,现在开始搭建工具的前端工程, 因为是做 UI 组件,所以需要使用 Typescript 方便编译 ES5 且可维系类型的特性,为后续提供良好的维护性。

自建开发工具系列-Webkit内存动量监控UI(一)
自建开发工具系列 -Webkit 内存动量监控 UI(一)

调试 JS 内存泄漏问题,一直使用 Chrome 的 Memory 模块,但打内存快照还是比较麻烦,于是动心思做一个便捷看内存增量的 UI

个人成就
  • 发布了 7 篇内容

    19507字, 被阅读 356

  • 获得了 0 次赞同

    获得了 0次喜欢, 获得了 0 次收藏

  • 参与了 1 次互动

    互动包含发布评论、点赞评论、参与投票等

TA 关注的
还没有关注其他内容哦
Tim