Skip to content

Latest commit

 

History

History
147 lines (95 loc) · 5.38 KB

README-zh.md

File metadata and controls

147 lines (95 loc) · 5.38 KB

log-viewer

Build Status NPM Download NPM Version NPM License PRs Welcome Automated Release Notes by gren

日志查看组件,将终端日志内容展示在页面中

new-log

English

Table of Contents

Features

  • 对日志流中特殊字符进行了处理
  • 高性能,处理大量数据不卡顿
  • 可自定义 loading 样式
  • 可自动滚动到底部

⬆ Back to Top

Install

yarn add @femessage/log-viewer

⬆ Back to Top

Usage

<log-viewer :log="log" :loading="isLoading" />

⬆ Back to Top

Links

⬆ Back to Top

Reference

⬆ Back to Top

Performance

虚拟滚动使用的是:https://github.com/tangbc/vue-virtual-scroll-list

内部实现使用的 item-mode,因为比  vfor-mode  性能更好。

内存占用

使用 100,000 条数据进行测试

item-mode

组件渲染前页面内存:36.5MB
组件渲染后内存:48MB
内存消耗:11.5MB
图片.gif

vfor-mode

组件渲染前页面内存:43MB
组件渲染后内存:221MB
内存消耗:178MB

item-10e4.gif

render 耗时

使用 100,000 条数据进行测试

item-mode

render 时间:0.63ms
patch 时间: 72.18ms
总时间:72.85ms
item-1e5.gif

vfor-mode

render 时间:933.05ms
patch 时间: 23.81ms
总时间:956.86ms
v-for-1e5.gif

⬆ Back to Top

Contributing

For those who are interested in contributing to this project, such as:

  • report a bug
  • request new feature
  • fix a bug
  • implement a new feature

Please refer to our contributing guide.

⬆ Back to Top

Contributors

Thanks goes to these wonderful people (emoji key):

snowlocked
snowlocked

💻 📖 ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!

⬆ Back to Top

License

MIT

⬆ Back to Top