写法一：<div class="demo" :class="{active:isActive}"></div>写法二：<div class="demo" :class="[{active:isActive},{open:isOpen}]"></div>绑定的class只能有一个，如果有多个条件判断的class，则必须将其写在一个数组中...

前言： 记录一个好用的包，在做自适应模块的时候，可以实时监听页面中元素的宽高变化，弥补了window.onresize只能监听由于浏览器大小引起的元素变化；安装方法：npm install element-resize-detector或<script src="node_modules/element-resize-detector/dist/element-resize-detector

首先在入口文件main.js定义一个全局指令//全局注册自定义指令，用于判断当前图片是否能够加载成功，可以加载成功则赋值为img的src属性，否则使用默认图片Vue.directive('real-img', async function (el, binding) {//指令名称为：real-imglet imgURL = binding.value;//获取图片地址if (imgURL) {l

1.实现效果图鼠标移入，暂停滚动； 鼠标移出，继续滚动；2.实现代码原理及注意点：1.要实现无缝衔接，在原有ul后面还要有一个一样内容的ul；2.最外层div为可视区域，设overflow：hidden；3.2个ul的高度 > 外层可视div高度，才能滚动；html：<!-- vue --><div id="review_box" @mouseover="rollStop(

整理一下最近在vue项目中做的一个截图功能（只能够截取图片），即鼠标在画布上拖动进行框选截取。窗口里面的html主要是三个部分，一个是可截图区域，一个是截取图片的回显，一个是操作按钮（截图按钮和取消截图按钮）。思路大概如下：做一个弹窗，打开弹窗的时候传入要截的图，接下来在这个窗口里面，点击截图按钮，开始截图，点击取消按钮，取消截图。<!--截图区域--><div id="clip

文章目录一、卸载node二、安装nvm三、配置路径和下载源四、使用nvm安装node五、nvm常用命令六、卸载nvm七、遇到的问题nvm 全名 node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。一、卸载node如果你已经安装了node，那么你需要先卸载node，如果你没有安装那直接跳过这一步到下一步。打开控制

文章目录一、卸载node二、安装nvm三、配置路径和下载源四、使用nvm安装node五、nvm常用命令六、卸载nvm七、遇到的问题nvm 全名 node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。一、卸载node如果你已经安装了node，那么你需要先卸载node，如果你没有安装那直接跳过这一步到下一步。打开控制

采用rem为单位，根据屏幕的宽度调整html的font-size。获取屏幕宽度并计算比例：function fontSize(res){let docEl = document.documentElement,clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.cli...

文章目录一、卸载node二、安装nvm三、配置路径和下载源四、使用nvm安装node五、nvm常用命令六、卸载nvm七、遇到的问题nvm 全名 node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。一、卸载node如果你已经安装了node，那么你需要先卸载node，如果你没有安装那直接跳过这一步到下一步。打开控制

官网下载地址，进去后直接下载window系统的，需要挂VPN。打开浏览器输入localhost:8081/即可访问（如果无法访问，输入127.0.0.1:8081/，或者使用本机ip地址+8081端口号）。首次使用点击右上角Sign in。点击后，会提示用户名为admin，密码就在提示的文件内，登录成功后根据提示修改密码。创建仓库，一共有3种类型。Name可以自定义填写，hosted要改成allo