工作中JS语法的小整理以及vue小知识的收纳

一、js的chartAt()和indexOf()

let arrA = ['a','r','r','A','B','C'];
var strA = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let chartStr = strA.charAt(3);
let indexStrA = arrA.indexOf('r');
let indexStrB = arrA.indexOf('r',2);
let indexStrC = arrA.indexOf('b');
let indexStrD = strA.indexOf('r');
let indexStrE = strA.indexOf('H');
console.log(chartStr,indexStrA,indexStrB,indexStrC,indexStrD,indexStrE);

上面的测试代码输出结果是【D 1 2 -1 -1 7】
由此可见：

1. charAt()方法是获取字符串strA中第i位的字符，此方法只能是字符串使用，数组取第i位的字符直接使用arrA[i]就可以了~~
2. indexOf字符串和数组都可以用，但是区分大小写；
3. indexOf可以使用arrA.indexOf(‘r’,2)的形式，第一个参数是要检索的字符，第二个参数是从第几位开始取

二、使用jquery进行html拼接时使用onclick事件传参方式，使用\做转义

$("#test01").append('<button οnclick="onTest(\''+data.test+'\')">测试</button>'

三、利用css实现超长强制不折行省略号显示

white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

前端使用时配合title属性就可以了