{"id":19057413,"url":"https://github.com/femessage/log-viewer","last_synced_at":"2026-03-05T22:31:24.617Z","repository":{"id":55461786,"uuid":"199406552","full_name":"FEMessage/log-viewer","owner":"FEMessage","description":"💻View terminal logs in browser","archived":false,"fork":false,"pushed_at":"2022-11-24T01:36:35.000Z","size":2194,"stargazers_count":115,"open_issues_count":6,"forks_count":22,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2025-04-02T11:06:55.152Z","etag":null,"topics":["log-viewer"],"latest_commit_sha":null,"homepage":"https://femessage.github.io/log-viewer","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FEMessage.png","metadata":{"files":{"readme":"README-zh.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-07-29T08:00:15.000Z","updated_at":"2025-02-19T16:29:47.000Z","dependencies_parsed_at":"2023-01-22T17:30:26.195Z","dependency_job_id":null,"html_url":"https://github.com/FEMessage/log-viewer","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FEMessage%2Flog-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FEMessage%2Flog-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FEMessage%2Flog-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FEMessage%2Flog-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FEMessage","download_url":"https://codeload.github.com/FEMessage/log-viewer/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248054196,"owners_count":21039952,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["log-viewer"],"created_at":"2024-11-08T23:57:02.656Z","updated_at":"2026-03-05T22:31:24.574Z","avatar_url":"https://github.com/FEMessage.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# log-viewer\n\n[![Build Status](https://badgen.net/travis/FEMessage/log-viewer/master)](https://travis-ci.com/FEMessage/log-viewer)\n[![NPM Download](https://badgen.net/npm/dm/@femessage/log-viewer)](https://www.npmjs.com/package/@femessage/log-viewer)\n[![NPM Version](https://badgen.net/npm/v/@femessage/log-viewer)](https://www.npmjs.com/package/@femessage/log-viewer)\n[![NPM License](https://badgen.net/npm/license/@femessage/log-viewer)](https://github.com/FEMessage/log-viewer/blob/master/LICENSE)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/FEMessage/log-viewer/pulls)\n[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)\n\n日志查看组件，将终端日志内容展示在页面中\n\n![new-log](https://user-images.githubusercontent.com/53422750/65296811-4cb5b700-db98-11e9-9b55-1a5c8633ae8f.gif)\n\n[English](./README-en.md)\n\n## Table of Contents\n\n- [Features](#features)\n- [Install](#install)\n- [Usage](#usage)\n- [Links](#links)\n- [Reference](#reference)\n- [Performance](#performance)\n  - [内存占用](#内存占用)\n    - [item-mode](#item-mode)\n    - [vfor-mode](#vfor-mode)\n  - [render 耗时](#render-耗时)\n    - [item-mode](#item-mode-1)\n    - [vfor-mode](#vfor-mode-1)\n- [Contributing](#contributing)\n- [Contributors](#contributors)\n- [License](#license)\n\n## Features\n\n- 对日志流中特殊字符进行了处理\n- 高性能，处理大量数据不卡顿\n- 可自定义 loading 样式\n- 可自动滚动到底部\n\n[⬆ Back to Top](#table-of-contents)\n\n## Install\n\n```bash\nyarn add @femessage/log-viewer\n```\n\n[⬆ Back to Top](#table-of-contents)\n\n## Usage\n\n```html\n\u003clog-viewer :log=\"log\" :loading=\"isLoading\" /\u003e\n```\n[⬆ Back to Top](#table-of-contents)\n\n## Links\n\n- [设计文档](https://www.yuque.com/docs/share/db3640ad-ab65-4588-8244-d245f90e9a6a#)\n\n[⬆ Back to Top](#table-of-contents)\n\n## Reference\n\n- [thanks to react-lazylog](https://github.com/mozilla-frontend-infra/react-lazylog)\n- [travis-ci logs](https://travis-ci.org/)\n- [http://jafrog.com/2013/11/23/colors-in-terminal.html](http://jafrog.com/2013/11/23/colors-in-terminal.html)\n- [https://en.wikipedia.org/wiki/ANSI_escape_code](https://en.wikipedia.org/wiki/ANSI_escape_code)\n\n[⬆ Back to Top](#table-of-contents)\n\n## Performance\n\n虚拟滚动使用的是：[https://github.com/tangbc/vue-virtual-scroll-list](https://github.com/tangbc/vue-virtual-scroll-list)\n\n内部实现使用的 item-mode，因为比  vfor-mode  性能更好。\n\n### 内存占用\n\n使用 100,000 条数据进行测试\n\n#### item-mode\n\n组件渲染前页面内存：36.5MB\u003cbr /\u003e组件渲染后内存：48MB\u003cbr /\u003e内存消耗：11.5MB\u003cbr /\u003e![图片.gif](https://cdn.nlark.com/yuque/0/2019/gif/298847/1563439757710-ffb3b170-839c-46ca-810e-06e041fe93bd.gif#align=left\u0026display=inline\u0026height=425\u0026name=%E5%9B%BE%E7%89%87.gif\u0026originHeight=425\u0026originWidth=720\u0026size=266064\u0026status=done\u0026width=720)\n\n#### vfor-mode\n\n组件渲染前页面内存：43MB\u003cbr /\u003e\n组件渲染后内存：221MB\u003cbr /\u003e\n内存消耗：178MB\n\n![item-10e4.gif](https://cdn.nlark.com/yuque/0/2019/gif/298847/1563439644472-91058ae0-804e-4d03-bd9c-3cb116283a3c.gif#align=left\u0026display=inline\u0026height=425\u0026name=item-10e4.gif\u0026originHeight=425\u0026originWidth=720\u0026size=270167\u0026status=done\u0026width=720)\n\n### render 耗时\n\n使用 100,000 条数据进行测试\n\n#### item-mode\n\nrender 时间：0.63ms\u003cbr /\u003e\npatch 时间： 72.18ms\u003cbr /\u003e\n总时间：72.85ms\u003cbr /\u003e\n![item-1e5.gif](https://cdn.nlark.com/yuque/0/2019/gif/298847/1563849440263-9ee2e04b-eac3-49fc-8ec5-b4ac63f77f8b.gif#align=left\u0026display=inline\u0026height=540\u0026name=item-1e5.gif\u0026originHeight=540\u0026originWidth=1081\u0026size=175825\u0026status=done\u0026width=1081)\n\n#### vfor-mode\n\nrender 时间：933.05ms\u003cbr /\u003e\npatch 时间： 23.81ms\u003cbr /\u003e\n总时间：956.86ms\u003cbr /\u003e\n![v-for-1e5.gif](https://cdn.nlark.com/yuque/0/2019/gif/298847/1563849485762-ea08a525-f04c-4827-ab1d-5242d92b80ba.gif#align=left\u0026display=inline\u0026height=811\u0026name=v-for-1e5.gif\u0026originHeight=811\u0026originWidth=1211\u0026size=94294\u0026status=done\u0026width=1211)\n\n[⬆ Back to Top](#table-of-contents)\n\n## Contributing\n\nFor those who are interested in contributing to this project, such as:\n\n- report a bug\n- request new feature\n- fix a bug\n- implement a new feature\n\nPlease refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).\n\n[⬆ Back to Top](#table-of-contents)\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\n\u003c!-- prettier-ignore --\u003e\n\u003ctable\u003e\u003ctr\u003e\u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/snowlocked\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/19562649?v=4\" width=\"100px;\" alt=\"snowlocked\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003esnowlocked\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/FEMessage/log-viewer/commits?author=snowlocked\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/FEMessage/log-viewer/commits?author=snowlocked\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/FEMessage/log-viewer/commits?author=snowlocked\" title=\"Tests\"\u003e⚠️\u003c/a\u003e\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n[⬆ Back to Top](#table-of-contents)\n\n## License\n\n[MIT](./LICENSE)\n\n[⬆ Back to Top](#table-of-contents)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffemessage%2Flog-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffemessage%2Flog-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffemessage%2Flog-viewer/lists"}