甜心的专栏

时间选择器限制时间范围（当天以后的时间、当前月、当前月剩余时间）。时间选择器做项目时必不可少的组件，今天就简单举几个常用的例子供参考。

这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。此时指向页面中的锚，比如href="#box"，那么点击时就会到当前页面中id="box"的这个锚点，实现当前页面的所谓跳转。用的最多就是在可滚动页面中，添加菜单，可以直接回到页面中的某个部分的内容。javascript:是伪协议，此方法代表在发生动作时执行一段javascript代码，但是这个代码是空的，所以什么也不执行。

数组与字符串转换：如何将数组[1, 2]转化为字符串'1,2'

js字符串转换为对象格式，一般都会想到JSON.parse()，但数据不是标准的 JSON 格式的时候会解析出错，这时候就可以使用eval() 函数、new Function()方法来转换。

在 vue 项目，有时请求返回的数据中会有含有 \n 的字符串，如果直接渲染的话无法实现换行。一、通过 css属性 实现：设置 white-space: pre-wrap;二、使用v-html实现：首先，将字符串里的 \n 替换为 ，然后用 v-html 指令渲染字符串为 innerHTML 。三、标签：pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

js通过值获取数组对象对应索引，可通过indexOf、findIndex两种方法获取。

在 JavaScript 中，使用字符串连接有 几 种方式：连接符（+）、反引号（`）、join()、concat()。

slice（切割），splice（拼接），split（分离）。slice 能够截取 字符串 或 数组，并返回一个新的 字符串 或 数组（不改变原字符串或数组）；splice可以对数组中的元素进行删除、插入和替换。替换原数组，返回删除的元素数组；split将一个字符串分割成 多个子字符串，并将结果放在一个数组中

clientX：设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY： 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。offsetX： 设置或获取鼠标指针位置相对于触发事件的（this）对象的 x 坐标。offsetY ：设置或获取鼠标指针位置相对于触发事件的（this）对象的 y 坐标。screenX： 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。screenY： 设.