【js】一次性切割字符串两种以上符号的方法
这段时间在做项目的时候,跟后端对接发现我这里实现需要切割两次不同的符号,但是我觉得分两次切割太冗余了代码,所以我想着如果能一次性切割完就更好了,发现还真有这种办法,话不多说,上代码:12345let str = 'IOS,https://xxxxxx.com&ANDRIOD,https://xxxxxx.com';str.split('/[,&]/') //以正则的方式,里面以一个数组的形式存放你想分割的标识符。console.log(str) //["IOS", "https://xxxxxx.com", "ANDRIOD", "https://xxxxxx.com"]
【css】轮播图切换抖动,使跑马灯文字模糊
该项目是移动端:vue搭配vantUI害,今天做移动端项目的时候发现跑马灯隔一下就会上下跳动模糊一秒,检查了下,发现去掉轮播图就没有这种bug了,然后就一直对着轮播图进行样式修改:1、给轮播图每一项固定高度.2、给父级盒子overflow:hidden; 123.swiperBox{ overflow:hidden;}
3、给轮播图下面的元素一个padding-top值。都没用,终于给轮播图的父元素一个属性就搞定: 1234 .swiperBox{ transform:translateZ(0)}
【vue】路由传参 query 和 params
vue路由传参分为两种情况:一、query和params传参的区别:1、query传参显示参数,params传参不显示参数。
2、取值方法也有不同:query取值:this.$route.query.XXX || this.$route.params.xxx
3、query传值页面刷新数据还在,而params传值页面数据消失。
二、各自写法:query传参组件写法(help.vue):
方式一:
方式二:
接受写法(home.vue):
页面渲染(home.vue):
query参数赋值到data:
params:组件写法(about.vue):
方式二:
路由写法:
接受写法:
页面渲染:
【npm】前端如何配置不同镜像源:yarn cnpm
在装的过程中,使用npm有时候因为网络问题容易丢包,因此可配置一些镜像源进行优化,vue3好像也不能直接使用npm,只能使用yarn,整理了一些镜像源,推荐给大家,有错误希望能指出来,感恩。
步骤1.直接修改镜像源123 $ npm config set registry https://registry.npm.taobao.org $ npm config get registry
2.安装cnpm (不推荐使用)1$ npm install -g cnpm --registry=https://registry.npm.taobao.org
3.nrm (可选 如果已经做了第1步 就不需要设置了)1234567$ npm i nrm -g $ nrm -V 验证版本 $ nrm ls | list 查看可切换镜像源 $ nrm use cnpm | npm | taobao taobao 是最快的 建议使用
4.yarn12345678910111213141516171819$ npm i yarn -g $ yarn -v $ ...