日志查看器
log-viewer是一个vue组件,可以在高性能的浏览器中显示终端日志.
中文文档
目录
特征
- 处理日志流中的一些特殊字符
- 高性能,并处理大量数据而不干扰
- 自定义装入状态
- 自动向下滚动
回到顶部
安装
yarn add @femessage/log-viewer
回到顶部
使用量
<log-viewer :log="log" :loading="isLoading" />
回到顶部
链接
回到顶部
参考文献
回到顶部
虚拟滚动使用组件 :https://github.com/tangbc/vue-virtual-scroll-list (中文(简体) )
实现内部使用"物品-模型",使其性能优于"vfor-mode".
内存使用
用十万行来试.
项目模式
组件挂载前的内存 : 36. 5MB
组件挂起后的内存 : 48MB
内存使用: 11.5MB
虚拟模式
组件挂载前的内存 : 43MB
组件挂载后的内存 : 221MB
内存使用:178MB
渲染时间表
又用十万行来试.
项目模式
渲染时间:0.63ms
补丁时间:72.18米
总时间:72.85ms
虚拟模式
渲染时间:933.05ms
补丁时间: 23.81ms
总时间:956.86ms
回到顶部
捐款
对有兴趣为该项目捐款的人,例如:
请参看我们 贡献指南。 。 。 .
回到顶部
贡献者
感谢这些伟大的人emoji 密钥:
本项目遵循 全部贡献者 规格。 任何捐款都欢迎!
回到顶部
许可证
麻省理工学院
回到顶部
关于 @femessage/log-viewer 的常见问题
@femessage/log-viewer 是什么？
QQ 浏览浏览器中的终端日志
如何安装 @femessage/log-viewer？
在项目目录运行 npm install @femessage/log-viewer，或使用 pnpm add / yarn add / bun add。
@femessage/log-viewer 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
@femessage/log-viewer 支持 ESM 还是 CommonJS？
同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。
@femessage/log-viewer 需要什么版本的 Node.js？
package.json 的 engines 字段要求 Node.js >= 4.0.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。
@femessage/log-viewer 可以商用吗？
@femessage/log-viewer 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@femessage/log-viewer 的下载量有多少？
根据 npm 官方下载统计，@femessage/log-viewer 在 2026/10/15 – 2026/11/13 这 30 天内被下载 2,492 次，日均约 83 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@femessage/log-viewer 还在维护吗？
最新版本 1.5.0 发布于 2020/11/11（6 年前）；至今共发布 9 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/07/29。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。
