logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Element-UI Select 下拉框 根据汉字拼音过滤选择选项(使用filter-method,filterable属性)

在使用 Element-UI Select 组件时,遇到一个需求是根据汉字或汉字拼音来过滤选项,记录一下解决方案。这里需要使用 Element-UI Select 组件的filter-method 和filterable属性。另外需要使用 js 拼音库CnChar,这个库主要就是做汉字转拼音和汉字笔画数的。使用npm i cnchar 就可以安装使用啦,详细的使用CnChar...

Github Pages:Page build failed 问题原因及解决【cnchar、vuepress】

记录一个究极奇怪的问题,Github Pages:Page build failed本人写了一个汉字工具库 cnchar,部署在Github Pages上面,之前一直是这么用的,后来突然有一次push代码之后给我报错了,Github Pages:Page build failed百度 谷歌搜索都找不出原因,点进官方help文档也没有查到任何有用信息于是只有祭出调试终极法器:排除法首先新建...

#github
js生成二维码,js 解析二维码,jsqrcode,js从url生成二维码

封装了一个生成和解析二维码的js库,功能基于 aralejs/qrcode 和 cozmo/jsQR动机是由于这个两个库使用较为复杂,本人想达到一个目的,就是解码时传入一个图片url或者file对象,直接返回内容。编码时传入内容直接返回image对象或者base64,于是做了这样一个封装。以下是github地址及文档???? tc-qrcode 简单好用的生成和解析二维码的js库英文 | 在线使用

#javascript
解决Echarts 折线图、柱状图数据大小差距过大,导致图形高低差距太大的问题(type:log)

Echarts 是百度开源的一款 web 数据可视化类库,渲染基于web canvas。本文中的所有代码都可以在 Echarts在线试用中调试。1.问题产生本文主要是为了解决折线图、柱状图数据大小差距过大,导致图形高低差距太大的问题以及相关展示问题,如下图:option = {tooltip: {trigger: "axis",},xAxis: {boun...

#javascript
vue,keep-alive,不同路由指向同一个组件,如何分别缓存页面状态

本文重要解决 vue使用keep-alive缓存页面状态时,当不同路由指向同一个组件,如何分别缓存页面状态的问题。1.问题产生:router/index.jsimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)...

vuepress自定义组件 nuxt服务端渲染的奇怪bug:Failed to execute 'appendChild' on 'Node'

记录一个遇到的超级诡异的问题,在写cnchar文档时,本人基于vuepress自定义组件来实现一些动态功能,然后dev调试一且正常,build完成之后发不到线上发现某些页面会报下面的奇怪的错误,看不出问题产生原因。网上搜索一遍,没有找到有用的答案,于是只有本地build调试,试了千百次之后,发现原因是自定义组件只要用一个 div 包裹起来就可以了。不要问我怎么发现的,肝就完了!!但是坑爹...

到底了