1. 安装及引入vue-socket.io 其实是在 socket.io-client（在浏览器和服务器之间实现实时、双向和基于事件的通信） 基础上做了一层封装，将 $socket 挂载到 vue 实例上，同时可使用 sockets 对象轻松实现组件化的事件监听，在 vue 项目中使用起来更方便。安装：vue-socket.io npm地址npm i vue-socket.io引入：// main

总结：在 Vue3 中没有 $refs，因此 Vue3 中通过 ref 属性获取元素就不能按照 vue2 的方式来获取。Vue3 需要借助生命周期方法，因为在 setup 执行时，template 中的元素还没挂载到页面上，所以必须在 mounted 之后才能获取到元素。总结： 先申明 ref 响应式数据，再返回给模版使用，模板中通过 ref 绑定数据；总结： 先定义一个空数组，再定义一个函数获取

相信很多人在用 Vue 使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？因为 axios 没有 install。1. 举例理解在新建的项目中创建两个文件：plugins.jsuse.js:// plugins.jsconst Pl

1. 共同点：都是保存在浏览器端、且同源的2. 区别：1、cookie数据始终在同源的http请求中携带（即使不需要）即cookie在浏览器和服务器间来回传递，cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下. ； sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。2、存储大小限制也不同；cookie数据不能...

传送门：Scss 基本使用（变量、嵌套）传送门：Sass中文网传送门：Sass 教程 | 菜鸟教程1. 继承（ @extend ）@extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。如果一个样式与另外一个样式几乎相同，只有少量的区别，则使用 @extend 就显得很有用。<style lang="scss">.contanier1{font-size: 24px;fo

关于 orientationchange 事件定义和用法： 在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件。当视图状态发生改变时，监听器对应的函数就会执行，而对应的 MediaQueryList 对象也会传入。这个对象包括两个属性：matches（布尔值），表示CSS media query是否与当前的显示状态匹配；media 对应传入的参数字符串。关于 matchMedia() 方法定

patch-package npm地址patch-package github文档如果不需要在生产中运行 npm (如：正在制作 web 前端，则可使用 --save dev）

1. 原生方法1.1 完整代码<template><div class="home"><!-- 在需要右键菜单的元素，绑定contextmenu事件 --><divclass="test" v-for="item in menus" :key="item"@contextmenu.prevent="openMenu($event,item)">{{i

自定义属性（有时也被称作CSS变量或者级联变量）是由CSS作者定义的，它包含的值可以在整个文档中重复使用。由自定义属性标记设定值（比如： --main-color: black;），由 var() 函数来获取值（比如： color: var(–main-color);）复杂的网站都会有大量的CSS代码，通常也会有许多重复的值。举例：同样一个颜色值可能在成千上百个地方被使用到，如果这个值发生了变化，

推荐几个D3.js学习文档D3.js 中文网D3.js 入门教程