基于WebWorker和indexedDB的高性能、高容量、高扩展的web端日志系统
idb-logger🚀 基于 WebWorker 和 indexedDB 的高性能、高容量、高扩展的web端日志系统
在线使用 | English | 更新日志 | 问题反馈 | Gitee
0. 介绍idb-logger 致力于帮助web开发者便捷高效的接入高性能的日志系统,依托于webworker和indexedDB技术,web应用可以已几乎不影响用户体验的方式在浏览器中存入大容量的日志,并且在合适的时机上报到服务端,或者由用户自行下载。
0.1 特性
支持 WebWorker + indexedDB 存储日志
可选三种日志存储模式,且当不支持时会自动向下选择支持的模式
支持不存储模式,只使用idb-logger作为日志生成工具
支持定义最大存储日志数量,会自动删除最早的记录
支持下载日志
支持查询日志,支持多种查询模式
支持自定义基础数据
支持基于onReport回调自定义上报
1. 快速使用1.0 install1.0.1 npm install1npm i idb-logger
1import Logger from 'idb-logger';
...
Element-UI Select 下拉框 根据汉字拼音过滤选择选项(使用filter-method,filterable属性)
在使用 Element-UI Select 组件时,遇到一个需求是根据汉字或汉字拼音来过滤选项,记录一下解决方案。
这里需要使用 Element-UI Select 组件的 filter-method 和 filterable属性。
另外需要使用 js 拼音库 CnChar ,这个库主要就是做汉字转拼音和汉字笔画数的。使用 npm i cnchar 就可以安装使用啦,详细的使用 CnChar 文档里有介绍。
需求大概是这样的:汉字匹配就不用多说了,拼音匹配有个要求,就是只能从某个汉字的拼音开始匹配,不能截断,比如说:双皮奶 不能被 huangpinai 匹配,但是可以被 pinai 匹配。
实现思路就是在 filter-method 中使用数组的filter方法对源数据进行过滤就可以,过滤方法使用 CnChar 提供的 .spell方法可以获取拼音数组。
其实也比较简单,我就直接上代码啦,注释写的比较完整,就不过多解释啦,有不理解的地方可以留言哈:
1234567891011121314151617181920212223242526272829303132333435363738 ...
评论组件
tc-commentEnglish | 使用案例
一个支持markdowm和emoji评论组件,无需任何配置,无需申请任何账号,即引即用
特性
一行代码引入,无需任何配置
无需申请任何账号,即引即用
支持markdowm和emoji评论组件
支持实时预览
支持代码消息的插入链接
支持深色模式,适配网站原有深色模式
支持自定义 services 和 url
支持插入图片
快速使用1234import {initComment} from 'tc-comment';initComment({ appName: 'xxx', // 自己起一个你的应用名称});
cdn 使用
123456<script src="https://cdn.jsdelivr.net/npm/tc-comment/tc-comment.min.js"></script><script> TComment.initComment({ appNa ...
Hello World
1console.log('Hello World!')