<el-inputref="inputRef"v-model="value"type="textarea"@blur="inputBlur"/>inputBlur() {this.textCursor = this.$refs.inputRef.$el.children[0].selectionStart;}

前端使用 jquery.base64.js 进行加密、解密十分方便引入 jquery.base64.js<script src="js/jquery.base64.js" type="text/javascript"></script>使用时还需注意，先引入 jquery<script src="js/jquery-3.2.1.min.js" type="t...

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

项目中经常用到不规则的背景或边框，最直接的解决方案是通过切图或用伪类before、after遮挡，但是这两种方法都有弊端，索性花时间整理学习一下更好的解决方案，方便取用。本文主要介绍通过背景渐变和clip-path实现，伪类实现的方法不再赘述。一、缺角矩形使用css3渐变实现缺角矩形，linear-gradient相关属性介绍移步官网。<div class="box"></div

写法一：<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，如果你没有安装那直接跳过这一步到下一步。打开控制