注意这里用fs的话，只能检测项目部署的那台电脑(即，项目部署到那台电脑，检测那台电脑)

下面介绍了第三个，其他的自行百度，很简单的

• BroadCast Channel
• Service Worker
• LocalStorage + storage
• open + postMessage

请注意，storage事件只会在其他页面（相同域下的不同页面）修改localStorage时触发，如果是在当前页面进行修改，监听函数不会被触发，因为当前页面本身就是修改的一部分。

注意这里一定要是128，不要写0.5，仔细看看下面的公式，就不会相信0.5了， 1*0.5=0.5了，哈哈哈

推荐使用UA去判断

UA(UserAgent)是指HTTP请求头中的一部分，用于标识客户端的一些信息，比如用户的设备类型、浏览器型号等等。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。下面是实现的代码：

获取当前浏览器的屏幕宽度

注意

vue3全局挂载
推荐使用（provide/inject），不推荐使用globalProperties：最新版本的已经弃用了

main.ts中

组件中

vue2全局挂载
main.ts中

页面中 ：直接this就好了

官网：vite官网参考

el-form表单中的el-input回车刷新页面，@keyup.enter.native不生效问题解决
表单中只有一个input，键盘回车会刷新页面，@keyup.enter就会失效
解决方案：
1：在表单里加一个不显示的input(不推荐此写法)
2：在el-form上添加@submit.native.prevent(推荐)

如果多维数组转以为数组用 flat() arr.flat()

• ?: 是指可选参数，可以理解为参数自动加上undefined
• ?? ?? 和 || 的意思有点相似，但是又有点区别,??相较||比较严谨, 当值等于0的时候||就把他给排除了，但是?? 不会.
• ?. ?.的意思基本和 && 是一样的
• !. !.的意思是断言，告诉ts你这个对象里一定有某个值
• &&= 如果第一个表达式的值为 true，则执行第二个表达式，并将结果赋值给第一个表达式；如果第一个表达式的值为 false，则不执行第二个表达式，第一个表达式的值不变。
• ||= 如果左侧的操作数（表达式）为真（即非零、非空或非undefined），则返回左侧的操作数（表达式）；否则，返回右侧的操作数（表达式）。
• ??= 如果左侧的操作数（表达式）是 null 或 undefined，那么返回右侧的操作数（表达式）；否则，将右侧的操作数（表达式）赋值给左侧的操作数（表达式）。

看下面的例子

原理：利用 setAttribute()方法添加value属性，并为其赋值

推荐方法一

方法二：

首相要了解数组的sort方法

如果 age 的值为字符串 （age：“24”），还用上面的方法则会按照ASCII排序（按照字符串排序）

常用语get请求传参，将对象格式转换为？+&的情况

如果需要传值过多，推荐使用下列方法，类似于vue3中的vue-router

在同一个div中话echart是，需要清除画布，重回绘制，否则会重叠，这里我用了删除dom在添加一个div进去

word-break: break-all; 只对英文起作用，以字母作为换行依据。
word-wrap: break-word; 只对英文起作用，以单词作为换行依据。
white-space: pre-wrap; 只对中文起作用，强制换行。

一行显示

多行显示