记录一些问题和解决方法(一)

祥子つ _つ

已于 2023-04-03 13:26:10 修改

阅读量477

点赞数

分类专栏：知识总结文章标签： javascript 前端

于 2022-08-12 08:48:07 首次发布

本文链接：https://blog.csdn.net/weixin_54122176/article/details/126296656

版权

知识总结专栏收录该内容

7 篇文章 0 订阅

订阅专栏

记录一些问题和解决方法(一）

1、js将html字符串标签外内容空格替换成&nbsp；

注意：html tag 标签中的空格不要替换

    const content = `<body><div style="padding: 1px">12           3</div></body>`;
    const replaceSpace = (val) => {
        const rex1 = /(?<=(>)).*?(?=(<))/g
        let newVal = val;
        newVal = newVal.replace(spaceRex1, (str) => {
            if(str.length>0){
                return [str.replace(new RegExp(/( )/g), '&nbsp;')].join('')
            }else{
                return ''
            }
        });
        return newVal;
    };
    console.log('replaceSpace',replaceSpace(content));
    console.log('content',content);
    //replaceSpace: <body><div style="padding: 1px">12&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3</div></body>
	// content: <body><div style="padding: 1px">12           3</div></body>

具体效果: https://codesandbox.io/s/long-currying-fmod6v

2、git：使用vscode输入远程仓库账号密码错误后如何修改问题？

解决：进入window凭证管理修改
window+r，输入control 打开面板，依次点用户账号凭证管理器—>window凭证

3、（js）前端录音实现

4、(工具翻译) (2020-10)解决谷歌翻译不能用的方法

6、碰到Vue项目启动时浏览器启动两次？

1、删掉vue.config.js文件里面devServer下面的 open:true【或者把true改为false】
2、在package.json文件的启动命令后面加–open，【“dev”: “vue-cli-service serve --open”】

7、(Vue)使用uniapp+HBuilderX，在文件中导入新写的api方法时，发现alt+鼠标点击无法找到文件，检测写法也没有问题

通过重启项目成功解决

8、（微信小程序）swiper轮播图圆角滑动会先直角再圆角的解决办法？

利用overflow: hidden;隐藏溢出的部分

.swiper-wrap{
  overflow: hidden;/* 内容会被修剪，并且其余内容不可见（隐藏溢出的部分） */
  border-radius: 16rpx;
}

9、（react）记录一下Ueditor使用时遇到的几个问题

10、让网站变黑白色

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

11、(uni app) 中 ucharts 格式化 y 轴显示的正确做法

问题图表
Y轴刻度标签数字重复问题
此问题一般是 series 数据内数值较小，而Y轴网格数量较多，并且Y轴刻度点显示整数导致。解决方法：
Y轴刻度值保留两位小数，组件上传值 :opts=“{yAxis:{data:[{tofix:2}]}}”；
修改Y轴网格数量为 series 中的最大值的数量，例如 series 中最大值为3，那么修改 yAxis.splitNumber = 3 即可；
根据Y轴网格数量修改Y轴最大值 :opts=“{yAxis:{data:[{max:5}]}}”。
持续更新中