- 博客(10)
- 收藏
- 关注
原创 谷歌安装vue-devtools插件图文教程
vue-devtools第一步,去github下载插件第二步 解压进入到解压目录,执行npm install第三步 执行命令npm run build出现下图就表示成功啦第四步 打开chrome,选择扩展程序,开启开发者模式,选择解压后的目录下的\vue-devtools-5.1.1\shells\chrome成功啦第一步,去github下载插件下载地址点击这里注意下载方式选择zip,直接使用clone方式我试了很多次执行npm run build命令报错第二步 解压进入到解压目录,执行npm i
2020-11-07 13:01:59 1112
原创 前端动画实现方式_lottie
前端动画实现方式_lottie引入lottie.min.js 我下载到本地了 lottie地址(https://labs.nearpod.com/bodymovin/demo/markus/halloween/lottie.min.js)调用 lottie.loadAnimation() 来启动动画。它将对象作为唯一参数animationData:带有导出动画数据的 Object。注意:如果您的动画包含重复器,并且您计划使用相同的动画多次调用 loadAnimation,请在传递对象之前对其进
2022-02-22 11:13:00 656
原创 this关键字指向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2022-01-06 11:58:49 401
原创 js获取数组最后一个元素
let arr = new Array("java", "javascript", "node", "mySql");let emptyArr = new Array();console.log("第一种改变原数组并返回最后一个元素:", arr.pop());console.log("第一种改变原数组(空数组)并返回最后一个元素", emptyArr.pop());console.log("原数组:", arr);console.log("第二种方式:", arr[arr.length -
2021-10-12 11:50:47 252
原创 VUE数组变化实时响应
这里写自定义目录标题VUE数组变化实时响应数组触发实时响应,使用下面的方法VUE数组变化实时响应 //第一种:这种修改数组值触发不到页面响应 this.more[index] = !this.more[index]; //第二种:使用数组方法来更换值,可以实时响应 let temp = !this.more[index]; this.more.splice(index, 1, temp);数组触发实时响应,使用下面的方法push()数组末尾添
2021-09-03 11:14:03 481
原创 vue 非父子组件通信
vue 非父子组件通信参考地址:https://zengxiaotao.github.io新建一个空的vue组件,作为中央事件总线,来监听执行组件的事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
2021-06-23 17:01:22 87
原创 自定义下拉列表
这里写自定义目录标题html+javascript 自定义下拉列表html+javascript 自定义下拉列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev
2021-06-21 11:30:43 169
原创 js-cookie
js-cookie基础使用与一些坑简介使用简介js-cookie是一个简单的,轻量级的处理cookies的js API。简化了原生cookie处理操作。安装:npm install --save js-cookie使用1、设置cookie //设置了path与domain属性 import Cookie from "js-cookie"; let serve = window.location.hostname; Cookie.set(keys.userI
2021-06-10 16:11:57 744
原创 click.stop 阻止事件冒泡与click.prevent 阻止执行默认事件
click.stop 阻止事件冒泡与click.prevent 阻止执行默认事件自己总是记不住,写了个小demo加强记忆<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
2021-02-23 17:30:48 750
原创 Vue异步更新Vue.$nextTick
Vue异步更新Vue.$nextTick1、vue官网解释的异步更新2、写代码深入理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><
2020-11-17 10:09:11 114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人