前端开发共13篇

点击input表单时如何自动选中输入框中所有内容-草叶博客-关注前端开发,分享优质资源

点击input表单时如何自动选中输入框中所有内容

当你想修改用户名或其他inupt里面的值得时候,需要清空input里面的值或一个一个删除,为了提高用户体验,可以当点击input进入焦点的时候将input的值全部选中,用户输入的时候直接可以替换掉原来...
vue项目实现路由懒加载(按需加载)的方式汇总-草叶博客-关注前端开发,分享优质资源

vue项目实现路由懒加载(按需加载)的方式汇总

当构建的项目比较大的时候,为了给客户更好的客户体验,使用路由懒加载提高页面的初始加载效率,解决白屏问题。懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。这里汇总...
vue项目中js如何实现以鼠标为中心放大缩小图片,拖拽移动功能-草叶博客-关注前端开发,分享优质资源

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

记录下如何实现以鼠标为中心放大缩小图片,拖拽移动功能,以后可能用得到,实现这个功能首先用到了4个事件,分别是mousewheel、mousedown、mousemove、mouseup,并使用ref拿到实例 domo代码...
JavaScript常用Array方法大全-草叶博客-关注前端开发,分享优质资源

JavaScript常用Array方法大全

forEach 循环遍历 forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。 循环执行次数等于数组长度,无返回值,回调函数不需要return相当于for循环的另外一种写法 let arr...
浏览器对象模型(Bom)方法-草叶博客-关注前端开发,分享优质资源

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

open 打开页面 window.open('www.icaoye.cn') 打开一个页面 close 关闭页面 rga=window.open('www.icaoye.cn') rga.closer() 关闭指定页面 Window.close() 关闭页面 如果直接...
Vue项目中使用keepAlive缓冲组件-草叶博客-关注前端开发,分享优质资源

Vue项目中使用keepAlive缓冲组件

keep-alive是Vue提供的一个抽象组件,可以用来对组件进行缓存。有些页面不太会改变,但是每次当切换到这个页面时,页面都会重新发送请求,没有必要。所以我们可以将当前页面上的数据缓存起来,...
vuex的五个属性及使用方法-草叶博客-关注前端开发,分享优质资源

vuex的五个属性及使用方法

state Vuex的基本数据,用来储存数据和操作数据 state: { userInfo: '', } 如何获取vuex的state对象中的属性呢? 方法一:插值表达式 1.$store.state.count 2.需要依...
vue组件库vant中form校验规则的使用-草叶博客-关注前端开发,分享优质资源

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

使用Field的rules属性定义校验规则 基础用法 # 方式一 在Field中直接加入 # ref 让后面 <van-form ref='form'> <van-field :rules='[{ required: true, message: '请填写用户名...
vue中scoped的作用原理以及样式穿透方法-草叶博客-关注前端开发,分享优质资源

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

scoped的作用原理 作用:在Vue项目中,在style中加入scoped之后它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。实现组件的私有样式模块化,通过该属性,可以...
git基本使用以及工作中常用的基本操作命令-草叶博客-关注前端开发,分享优质资源

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

git基本使用 1.安装好git之后,新建一个文件夹 (新建的仓库和编写的代码都写在这个文件夹中) 2.window系统进入到文件夹, 右键出现Git Bash Here代表安装成功,点击它就会出现一个小黑框。...
vue-cli脚手架通过环境变量与模式 简单实现基地址设置-草叶博客-关注前端开发,分享优质资源

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

为什么需要配置环境变量和模式呢? 在一个产品的前端开发过程中,一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境,然后才能正式的发布。对应每一个环境可能都会有所差异...
Mac电脑使用MAMP搭建集成web服务器环境时报错的解决办法-草叶博客-关注前端开发,分享优质资源

Mac电脑使用MAMP搭建集成web服务器环境时报错的解决办法

MAMP Pro软件是一款很好的在MAC下面运行的网站集成环境软件,功能强大,配置简单,十分便于本地调试。当我在使用mac电脑搭建MAMP Pro时,一直报请在mysql配置文件修改sql-mode或sql_mode为NO_AU...