1、JavaScript中split()与join()
1.1 str.split([separator[,limit])
该方法根据指定的分隔符将字符串拆分为数组。如果没有指定分隔符，则默认拆分整个字符串。
const str = “apple,banana,orange”;
const result = str.split(‘,’)
console.log(result); //输出[“apple”,”banana”,”orange”]
1.2 array.join([separator]) separator 可选
join() 主要用于将数组中的所有元素连接成一个字符串，并返回这个字符串。你可以指定一个分隔符（可选）来分隔数组中的每个元素。如果未提供分隔符，则默认使用逗号（ , ）作为分隔符。
let fruits = [“banana”,”orange”,”apple”,”mango”]
let text = fruits.join();
console.log(text); //输出banana,orange,apple,mango
处理空数组
let emptyArray = [];
let text = emptyArray.join();
console.log(text); //输出：“”（空字符串）
处理包含null 或 undefined的数组 如果数组中包含 null 或 undefined ，这些值在转换为字符串时会被视为空字符串（ "" ），但 join() 方法仍然会在这些位置插入分隔符。
let arrayWithNulls = [“banana”,null,”apple”,undefined]
let text = arrayWithNulls.join(“,”);
console.log(text); //输出banana，，apple，，
注意事项
join() 方法不会改变原数组。 如果数组中的元素是对象，则这些对象会被转换为字符串（使用其 toString() 方法，如果可用）。如果对象没有 toString() 方法，则使用 Object.prototype.toString() 方法，这通常返回一个类似 [object Type] 的字符串。 如果数组中的元素是 undefined 或 null ，它们会被转换成空字符串（ "" ）。
1.3 array.reverse() 用于颠倒数组中的元素的顺序
var fruits j= [“banana”, “orange”, “mango”]
fruits.reverse() //输出 mango，orange，banana
2、Vue函数中@click.prevent的使用
- vue项目操作中遇到@click.prevent函数，场景特殊（项目中有一个自己封装的组件库，因此所有的样式都统一集成，遇到特殊情况想引入特殊UI风格处理时，部分组件需要样式重调，因此用到@click.prevent）
- 问题：@click.prevent的作用是什么？
- 解决 作用：@click.prevent函数会阻止触发dom的原始事件，而去执行特定的事件。
<a class="img-control" v-show="true" @click.prevent="goXxx()">修改</a>
<!--
解析：
a标签默认有自己的href属性，触发a标签后他会自动跳转对应的链接地址或执行的函数。
此处为了嵌套，避免调整样式所以引用a标签来处理，但为避免a标签的属性限制，因此引用@click.prevent函数来隔离默认操作
3、label 和checkbox绑定
为lable 标签添加for属性 可以绑定同步点击for属性值为checkbox的id 如下
<lable for=“checkBox”>文件输入</lable>
<input type=“checkbox” id=“checkBox”>
//或将checkbox移到lable标签内部
<lable><input type=“checkbox”>文件输入</lable>
