技术教程

vue项目中js如何实现以鼠标为中心放大缩小图片,拖拽移动功能

vue项目中js如何实现以鼠标为中心放大缩小图片,拖拽移动功能-草叶博客-关注前端开发,分享优质资源

公司有个新功能需求,要求图片可以使用滚轮并且以鼠标的位置为中心点来放大缩小,并且可以拖动,记录下,以后可能用得到,实现这个功能首先用到了4个事件,分别是mousewheel、mousedown、mousem...

javaScript

雁北草雁北草9天前
0260

JavaScript常用Array方法大全

JavaScript常用Array方法大全-草叶博客-关注前端开发,分享优质资源

forEach 循环遍历 forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。 循环执行次数等于数组长度,无返回值,回调函数不需要return相当于for循环的另外一种写法 let arr...

javaScript# 数组遍历# Array方法

雁北草雁北草11天前
0510

浏览器对象模型(Bom)方法

浏览器对象模型(Bom)方法-草叶博客-关注前端开发,分享优质资源

open 打开页面 window.open('www.icaoye.cn') 打开一个页面 close 关闭页面 rga=window.open('www.icaoye.cn') rga.closer() 关闭指定页面 Window.close() 关闭页面 如果直接...

javaScript# sessionStorage# localStorage# navigator对象

雁北草雁北草2月前
01600

Vue项目中使用keepAlive缓冲组件

Vue项目中使用keepAlive缓冲组件-草叶博客-关注前端开发,分享优质资源

keep-alive是Vue提供的一个抽象组件,可以用来对组件进行缓存。有些页面不太会改变,但是每次当切换到这个页面时,页面都会重新发送请求,没有必要。所以我们可以将当前页面上的数据缓存起来,...

vue.js# keepAlive# vue缓冲# 钩子函数

雁北草雁北草4月前
01080

vuex的五个属性及使用方法

vuex的五个属性及使用方法-草叶博客-关注前端开发,分享优质资源

state Vuex的基本数据,用来储存数据和操作数据 state: { userInfo: '', } 如何获取vuex的state对象中的属性呢? 方法一:插值表达式 1.$store.state.count 2.需要依...

vue.js# vue.js# vuex

雁北草雁北草4月前
01180

vue组件库vant中form校验规则的使用

vue组件库vant中form校验规则的使用-草叶博客-关注前端开发,分享优质资源

使用Field的rules属性定义校验规则 基础用法 # 方式一 在Field中直接加入 # ref 让后面 <van-form ref='form'> <van-field :rules='[{ required: true, message: '请填写用户名...

vue.js# vant# vue组件库

雁北草雁北草4月前
01330

vue中scoped的作用原理以及样式穿透方法

vue中scoped的作用原理以及样式穿透方法-草叶博客-关注前端开发,分享优质资源

scoped的作用原理 作用:在Vue项目中,在style中加入scoped之后它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。实现组件的私有样式模块化,通过该属性,可以...

vue.js# scoped# 样式穿透

雁北草雁北草4月前
01240

git基本使用以及工作中常用的基本操作命令

git基本使用以及工作中常用的基本操作命令-草叶博客-关注前端开发,分享优质资源

git基本使用 1.安装好git之后,新建一个文件夹 (新建的仓库和编写的代码都写在这个文件夹中) 2.window系统进入到文件夹, 右键出现Git Bash Here代表安装成功,点击它就会出现一个小黑框。...

前端开发# git命令

雁北草雁北草4月前
01130

vue-cli脚手架通过环境变量与模式 简单实现基地址设置

vue-cli脚手架通过环境变量与模式 简单实现基地址设置-草叶博客-关注前端开发,分享优质资源

为什么需要配置环境变量和模式呢? 在一个产品的前端开发过程中,一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境,然后才能正式的发布。对应每一个环境可能都会有所差异...

vue.js# vue.js# vue-cli# Vue脚手架

雁北草雁北草4月前
02470

mac电脑如何在当前目录文件中快速打开终端

mac电脑如何在当前目录文件中快速打开终端-草叶博客-关注前端开发,分享优质资源

在写项目案例时,使用mac终端创建项目或者使用npm,git时每次都要cd觉得非常麻烦,希望也能像window电脑可以直接右键,于是到处搜下了,发现mac本也可以设置,并且可以使用快捷键更加方便快捷。...

Mac电脑

雁北草雁北草5月前
01410

Vue生命周期钩子函数详解,常用的生命周期钩子有哪些呢?

Vue生命周期钩子函数详解,常用的生命周期钩子有哪些呢?-草叶博客-关注前端开发,分享优质资源

关于vue生命周期钩子函数的介绍:生命周期钩子就是vue实例从初始化到回收的整个过程。生命周期 :简单理解就是,从出生到被销毁的过程。钩子就是回调函数,在某一个时间点触发,下图为官方图示...

vue.js# 生命周期钩子

雁北草雁北草5月前
01401